diff --git a/.gitignore b/.gitignore index 105c00f..096b329 100644 --- a/.gitignore +++ b/.gitignore @@ -1,20 +1,18 @@ # See http://help.github.com/ignore-files/ for more about ignoring files. -# compiled output +# Compiled output /dist /tmp /out-tsc -# Only exists if Bazel was run /bazel-out -# dependencies +# Node /node_modules - -# profiling files -chrome-profiler-events*.json +npm-debug.log +yarn-error.log # IDEs and editors -/.idea +.idea/ .project .classpath .c9/ @@ -22,25 +20,25 @@ chrome-profiler-events*.json .settings/ *.sublime-workspace -# IDE - VSCode +# Visual Studio Code +.vscode .vscode/* -!.vscode/settings.json -!.vscode/tasks.json -!.vscode/launch.json -!.vscode/extensions.json .history/* -# misc +# Miscellaneous /.angular/cache -/.sass-cache +.sass-cache/ /connect.lock /coverage /libpeerconnection.log -npm-debug.log -yarn-error.log testem.log /typings -# System Files +# System files .DS_Store Thumbs.db + +# Compiled files +theme.css +layout.css +src/assets/layout/styles/theme/designer diff --git a/CHANGELOG.md b/CHANGELOG.md new file mode 100644 index 0000000..405ba76 --- /dev/null +++ b/CHANGELOG.md @@ -0,0 +1,10 @@ +# Changelog + +## 13.2.0 + +- Folder structure updated. +- Replace app.config.service by layout.service. +- Updated to PrimeNG 14. +- Strict mode support added. +- Documentation updated. +- Added max-width in large screens for landing. \ No newline at end of file diff --git a/package.json b/package.json index 240849a..c48df41 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "sakai-ng", - "version": "13.1.1", + "version": "13.2.0", "scripts": { "ng": "ng", "start": "ng serve", @@ -20,9 +20,9 @@ "@angular/platform-browser-dynamic": "~13.0.0", "@angular/router": "~13.0.0", "chart.js": "^3.3.2", - "primeflex": "^3.1.0", + "primeflex": "^3.2.0", "primeicons": "5.0.0", - "primeng": "^13.1.0", + "primeng": "13.4.0", "prismjs": "1.9.0", "rxjs": "~7.4.0", "tslib": "^2.3.0", diff --git a/src/app/api/appconfig.ts b/src/app/api/appconfig.ts deleted file mode 100644 index f10fc54..0000000 --- a/src/app/api/appconfig.ts +++ /dev/null @@ -1,6 +0,0 @@ -export interface AppConfig { - inputStyle?: string; - dark?: boolean; - theme?: string; - ripple?: boolean; -} \ No newline at end of file diff --git a/src/app/api/image.ts b/src/app/api/image.ts deleted file mode 100644 index 83e93eb..0000000 --- a/src/app/api/image.ts +++ /dev/null @@ -1,6 +0,0 @@ -export interface Image { - previewImageSrc?; - thumbnailImageSrc?; - alt?; - title?; -} diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts index 6269369..ec43067 100644 --- a/src/app/app-routing.module.ts +++ b/src/app/app-routing.module.ts @@ -1,71 +1,27 @@ import { RouterModule } from '@angular/router'; import { NgModule } from '@angular/core'; -import { DashboardComponent } from './components/dashboard/dashboard.component'; -import { FormLayoutComponent } from './components/formlayout/formlayout.component'; -import { PanelsComponent } from './components/panels/panels.component'; -import { OverlaysComponent } from './components/overlays/overlays.component'; -import { MediaComponent } from './components/media/media.component'; -import { MessagesComponent } from './components/messages/messages.component'; -import { MiscComponent } from './components/misc/misc.component'; -import { EmptyComponent } from './components/empty/empty.component'; -import { ChartsComponent } from './components/charts/charts.component'; -import { FileComponent } from './components/file/file.component'; -import { DocumentationComponent } from './components/documentation/documentation.component'; -import { AppMainComponent } from './app.main.component'; -import { InputComponent } from './components/input/input.component'; -import { ButtonComponent } from './components/button/button.component'; -import { TableComponent } from './components/table/table.component'; -import { ListComponent } from './components/list/list.component'; -import { TreeComponent } from './components/tree/tree.component'; -import { CrudComponent } from './components/crud/crud.component'; -import { BlocksComponent } from './components/blocks/blocks.component'; -import { FloatLabelComponent } from './components/floatlabel/floatlabel.component'; -import { InvalidStateComponent } from './components/invalidstate/invalidstate.component'; -import { TimelineComponent } from './components/timeline/timeline.component'; -import { IconsComponent } from './components/icons/icons.component'; -import { LandingComponent } from './components/landing/landing.component'; -import { LoginComponent } from './components/login/login.component'; -import { ErrorComponent } from './components/error/error.component'; -import { NotfoundComponent } from './components/notfound/notfound.component'; -import { AccessComponent } from './components/access/access.component'; +import { NotfoundComponent } from './demo/components/notfound/notfound.component'; +import { AppLayoutComponent } from "./layout/app.layout.component"; + @NgModule({ imports: [ RouterModule.forRoot([ { - path: '', component: AppMainComponent, + path: '', component: AppLayoutComponent, children: [ - {path: '', component: DashboardComponent}, - {path: 'uikit/formlayout', component: FormLayoutComponent}, - {path: 'uikit/input', component: InputComponent}, - {path: 'uikit/floatlabel', component: FloatLabelComponent}, - {path: 'uikit/invalidstate', component: InvalidStateComponent}, - {path: 'uikit/button', component: ButtonComponent}, - {path: 'uikit/table', component: TableComponent}, - {path: 'uikit/list', component: ListComponent}, - {path: 'uikit/tree', component: TreeComponent}, - {path: 'uikit/panel', component: PanelsComponent}, - {path: 'uikit/overlay', component: OverlaysComponent}, - {path: 'uikit/media', component: MediaComponent}, - {path: 'uikit/menu', loadChildren: () => import('./components/menus/menus.module').then(m => m.MenusModule)}, - {path: 'uikit/message', component: MessagesComponent}, - {path: 'uikit/misc', component: MiscComponent}, - {path: 'uikit/charts', component: ChartsComponent}, - {path: 'uikit/file', component: FileComponent}, - {path: 'pages/crud', component: CrudComponent}, - {path: 'pages/timeline', component: TimelineComponent}, - {path: 'pages/empty', component: EmptyComponent}, - {path: 'icons', component: IconsComponent}, - {path: 'blocks', component: BlocksComponent}, - {path: 'documentation', component: DocumentationComponent} + { path: '', loadChildren: () => import('./demo/components/dashboard/dashboard.module').then(m => m.DashboardModule) }, + { path: 'uikit', loadChildren: () => import('./demo/components/uikit/uikit.module').then(m => m.UikitModule) }, + { path: 'utilities', loadChildren: () => import('./demo/components/utilities/utilities.module').then(m => m.UtilitiesModule) }, + { path: 'documentation', loadChildren: () => import('./demo/components/documentation/documentation.module').then(m => m.DocumentationModule) }, + { path: 'blocks', loadChildren: () => import('./demo/components/primeblocks/primeblocks.module').then(m => m.PrimeBlocksModule) }, + { path: 'pages', loadChildren: () => import('./demo/components/pages/pages.module').then(m => m.PagesModule) }, ], }, - {path:'pages/landing', component: LandingComponent}, - {path:'pages/login', component: LoginComponent}, - {path:'pages/error', component: ErrorComponent}, - {path:'pages/notfound', component: NotfoundComponent}, - {path:'pages/access', component: AccessComponent}, - {path: '**', redirectTo: 'pages/notfound'}, - ], {scrollPositionRestoration: 'enabled', anchorScrolling:'enabled'}) + { path: 'auth', loadChildren: () => import('./demo/components/auth/auth.module').then(m => m.AuthModule) }, + { path: 'landing', loadChildren: () => import('./demo/components/landing/landing.module').then(m => m.LandingModule) }, + { path: 'pages/notfound', component: NotfoundComponent }, + { path: '**', redirectTo: 'pages/notfound' }, + ], { scrollPositionRestoration: 'enabled', anchorScrolling: 'enabled' }) ], exports: [RouterModule] }) diff --git a/src/app/app.component.spec.ts b/src/app/app.component.spec.ts deleted file mode 100644 index 3fa4225..0000000 --- a/src/app/app.component.spec.ts +++ /dev/null @@ -1,27 +0,0 @@ -/* tslint:disable:no-unused-variable */ - -import {async, TestBed} from '@angular/core/testing'; -import {RouterTestingModule} from '@angular/router/testing'; -import {NoopAnimationsModule} from '@angular/platform-browser/animations'; -import {AppComponent} from './app.component'; -import {AppMainComponent} from './app.main.component'; -import {AppMenuComponent} from './app.menu.component'; - -describe('AppComponent', () => { - beforeEach(() => { - TestBed.configureTestingModule({ - imports: [NoopAnimationsModule, RouterTestingModule], - declarations: [AppComponent, - AppMainComponent, - AppMenuComponent - ] - }); - TestBed.compileComponents(); - }); - - it('should create the app', async(() => { - const fixture = TestBed.createComponent(AppComponent); - const app = fixture.debugElement.componentInstance; - expect(app).toBeTruthy(); - })); -}); diff --git a/src/app/app.config.component.html b/src/app/app.config.component.html deleted file mode 100644 index fc8bdb3..0000000 --- a/src/app/app.config.component.html +++ /dev/null @@ -1,242 +0,0 @@ -
- - - - -
-
Component Scale
-
- - - -
- -
Input Style
-
-
- - -
-
- - -
-
- -
Ripple Effect
- - -
Menu Type
-
-
- - -
-
- - -
- -
Bootstrap
-
-
- -
-
- -
-
- -
-
- -
-
- -
Material Design
-
-
- -
-
- -
-
- -
-
- -
-
- -
Material Design Compact
-
-
- -
-
- -
-
- -
-
- -
-
- -
Tailwind
-
-
- -
-
- -
Fluent UI
-
-
- -
-
- -
PrimeOne Design - 2022
-
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
PrimeOne Design - 2021
-
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
-
-
\ No newline at end of file diff --git a/src/app/app.config.component.ts b/src/app/app.config.component.ts deleted file mode 100644 index 2513072..0000000 --- a/src/app/app.config.component.ts +++ /dev/null @@ -1,75 +0,0 @@ -import { Component, OnDestroy, OnInit } from '@angular/core'; -import { PrimeNGConfig } from 'primeng/api'; -import { Subscription } from 'rxjs'; -import { AppConfig } from './api/appconfig'; -import { AppComponent } from './app.component'; -import { AppMainComponent } from './app.main.component'; -import { ConfigService } from './service/app.config.service'; - -@Component({ - selector: 'app-config', - templateUrl: './app.config.component.html' -}) -export class AppConfigComponent implements OnInit, OnDestroy { - - scale: number = 14; - - scales: any[] = [12, 13, 14, 15, 16]; - - config: AppConfig; - - subscription: Subscription; - - constructor(public app: AppComponent, public appMain: AppMainComponent, public configService: ConfigService, public primengConfig: PrimeNGConfig) { } - - ngOnInit() { - this.config = this.configService.config; - this.subscription = this.configService.configUpdate$.subscribe(config => { - this.config = config; - this.scale = 14; - - this.applyScale(); - }); - } - - onConfigButtonClick(event) { - this.appMain.configActive = !this.appMain.configActive; - this.appMain.configClick = true; - event.preventDefault(); - } - - incrementScale() { - this.scale++; - this.applyScale(); - } - - decrementScale() { - this.scale--; - this.applyScale(); - } - - applyScale() { - document.documentElement.style.fontSize = this.scale + 'px'; - } - - onRippleChange(ripple) { - this.primengConfig.ripple = ripple; - this.configService.updateConfig({...this.config, ...{ripple}}); - } - - onInputStyleChange() { - this.configService.updateConfig(this.config); - } - - changeTheme(theme:string, dark:boolean){ - let themeElement = document.getElementById('theme-css'); - themeElement.setAttribute('href', 'assets/theme/' + theme + '/theme.css'); - this.configService.updateConfig({...this.config, ...{theme, dark}}); - } - - ngOnDestroy() { - if (this.subscription) { - this.subscription.unsubscribe(); - } - } -} \ No newline at end of file diff --git a/src/app/app.footer.component.html b/src/app/app.footer.component.html deleted file mode 100644 index b887fcd..0000000 --- a/src/app/app.footer.component.html +++ /dev/null @@ -1,5 +0,0 @@ -
- Logo - by - PrimeNG -
\ No newline at end of file diff --git a/src/app/app.footer.component.ts b/src/app/app.footer.component.ts deleted file mode 100644 index a99898e..0000000 --- a/src/app/app.footer.component.ts +++ /dev/null @@ -1,10 +0,0 @@ -import { Component } from '@angular/core'; -import { AppMainComponent } from './app.main.component'; - -@Component({ - selector: 'app-footer', - templateUrl: './app.footer.component.html' -}) -export class AppFooterComponent{ - constructor(public appMain: AppMainComponent) {} -} diff --git a/src/app/app.main.component.html b/src/app/app.main.component.html deleted file mode 100644 index b055634..0000000 --- a/src/app/app.main.component.html +++ /dev/null @@ -1,21 +0,0 @@ -
- -
- -
-
-
- -
- -
- -
-
diff --git a/src/app/app.main.component.ts b/src/app/app.main.component.ts deleted file mode 100644 index 42e614d..0000000 --- a/src/app/app.main.component.ts +++ /dev/null @@ -1,182 +0,0 @@ -import { Component, AfterViewInit, OnDestroy, Renderer2, OnInit } from '@angular/core'; -import { trigger, state, style, transition, animate } from '@angular/animations'; -import { AppComponent } from './app.component'; -import { ConfigService } from './service/app.config.service'; -import { AppConfig } from './api/appconfig'; -import { Subscription } from 'rxjs'; - -@Component({ - selector: 'app-main', - templateUrl: './app.main.component.html', - animations: [ - trigger('submenu', [ - state('hidden', style({ - height: '0px' - })), - state('visible', style({ - height: '*' - })), - transition('visible => hidden', animate('400ms cubic-bezier(0.86, 0, 0.07, 1)')), - transition('hidden => visible', animate('400ms cubic-bezier(0.86, 0, 0.07, 1)')) - ]) - ] -}) -export class AppMainComponent implements AfterViewInit, OnDestroy, OnInit { - - public menuInactiveDesktop: boolean; - - public menuActiveMobile: boolean; - - public overlayMenuActive: boolean; - - public staticMenuInactive: boolean = false; - - public profileActive: boolean; - - public topMenuActive: boolean; - - public topMenuLeaving: boolean; - - public theme: string; - - documentClickListener: () => void; - - menuClick: boolean; - - topMenuButtonClick: boolean; - - configActive: boolean; - - configClick: boolean; - - config: AppConfig; - - subscription: Subscription; - - constructor(public renderer: Renderer2, public app: AppComponent, public configService: ConfigService) { } - - ngOnInit() { - this.config = this.configService.config; - this.subscription = this.configService.configUpdate$.subscribe(config => this.config = config); - } - - ngAfterViewInit() { - // hides the overlay menu and top menu if outside is clicked - this.documentClickListener = this.renderer.listen('body', 'click', (event) => { - if (!this.isDesktop()) { - if (!this.menuClick) { - this.menuActiveMobile = false; - } - - if (!this.topMenuButtonClick) { - this.hideTopMenu(); - } - } - else { - if (!this.menuClick && this.isOverlay()) { - this.menuInactiveDesktop = true; - } - if (!this.menuClick){ - this.overlayMenuActive = false; - } - } - - if (this.configActive && !this.configClick) { - this.configActive = false; - } - - this.configClick = false; - this.menuClick = false; - this.topMenuButtonClick = false; - }); - } - - toggleMenu(event: Event) { - this.menuClick = true; - - if (this.isDesktop()) { - if (this.app.menuMode === 'overlay') { - if(this.menuActiveMobile === true) { - this.overlayMenuActive = true; - } - - this.overlayMenuActive = !this.overlayMenuActive; - this.menuActiveMobile = false; - } - else if (this.app.menuMode === 'static') { - this.staticMenuInactive = !this.staticMenuInactive; - } - } - else { - this.menuActiveMobile = !this.menuActiveMobile; - this.topMenuActive = false; - } - - event.preventDefault(); - } - - toggleProfile(event: Event) { - this.profileActive = !this.profileActive; - event.preventDefault(); - } - - toggleTopMenu(event: Event) { - this.topMenuButtonClick = true; - this.menuActiveMobile = false; - - if (this.topMenuActive) { - this.hideTopMenu(); - } else { - this.topMenuActive = true; - } - - event.preventDefault(); - } - - hideTopMenu() { - this.topMenuLeaving = true; - setTimeout(() => { - this.topMenuActive = false; - this.topMenuLeaving = false; - }, 1); - } - - onMenuClick() { - this.menuClick = true; - } - - onConfigClick(event) { - this.configClick = true; - } - - isStatic() { - return this.app.menuMode === 'static'; - } - - isOverlay() { - return this.app.menuMode === 'overlay'; - } - - isDesktop() { - return window.innerWidth > 992; - } - - isMobile(){ - return window.innerWidth < 1024; - } - - onSearchClick() { - this.topMenuButtonClick = true; - } - - ngOnDestroy() { - if (this.documentClickListener) { - this.documentClickListener(); - } - - - if (this.subscription) { - this.subscription.unsubscribe(); - } - } -} diff --git a/src/app/app.menu.component.ts b/src/app/app.menu.component.ts deleted file mode 100644 index b355e17..0000000 --- a/src/app/app.menu.component.ts +++ /dev/null @@ -1,146 +0,0 @@ -import { Component, OnInit } from '@angular/core'; -import { AppMainComponent } from './app.main.component'; - -@Component({ - selector: 'app-menu', - template: ` -
- -
- ` -}) -export class AppMenuComponent implements OnInit { - - model: any[]; - - constructor(public appMain: AppMainComponent) { } - - ngOnInit() { - this.model = [ - { - label: 'Home', - items:[ - {label: 'Dashboard',icon: 'pi pi-fw pi-home', routerLink: ['/']} - ] - }, - { - label: 'UI Components', - items: [ - {label: 'Form Layout', icon: 'pi pi-fw pi-id-card', routerLink: ['/uikit/formlayout']}, - {label: 'Input', icon: 'pi pi-fw pi-check-square', routerLink: ['/uikit/input']}, - {label: 'Float Label', icon: 'pi pi-fw pi-bookmark', routerLink: ['/uikit/floatlabel']}, - {label: 'Invalid State', icon: 'pi pi-fw pi-exclamation-circle', routerLink: ['/uikit/invalidstate']}, - {label: 'Button', icon: 'pi pi-fw pi-mobile', routerLink: ['/uikit/button'], class: 'rotated-icon'}, - {label: 'Table', icon: 'pi pi-fw pi-table', routerLink: ['/uikit/table']}, - {label: 'List', icon: 'pi pi-fw pi-list', routerLink: ['/uikit/list']}, - {label: 'Tree', icon: 'pi pi-fw pi-share-alt', routerLink: ['/uikit/tree']}, - {label: 'Panel', icon: 'pi pi-fw pi-tablet', routerLink: ['/uikit/panel']}, - {label: 'Overlay', icon: 'pi pi-fw pi-clone', routerLink: ['/uikit/overlay']}, - {label: 'Media', icon: 'pi pi-fw pi-image', routerLink: ['/uikit/media']}, - {label: 'Menu', icon: 'pi pi-fw pi-bars', routerLink: ['/uikit/menu'], preventExact: true}, - {label: 'Message', icon: 'pi pi-fw pi-comment', routerLink: ['/uikit/message']}, - {label: 'File', icon: 'pi pi-fw pi-file', routerLink: ['/uikit/file']}, - {label: 'Chart', icon: 'pi pi-fw pi-chart-bar', routerLink: ['/uikit/charts']}, - {label: 'Misc', icon: 'pi pi-fw pi-circle', routerLink: ['/uikit/misc']} - ] - }, - { - label:'Prime Blocks', - items:[ - {label: 'Free Blocks', icon: 'pi pi-fw pi-eye', routerLink: ['/blocks'], badge: 'NEW'}, - {label: 'All Blocks', icon: 'pi pi-fw pi-globe', url: ['https://www.primefaces.org/primeblocks-ng'], target: '_blank'}, - ] - }, - {label:'Utilities', - items:[ - {label: 'PrimeIcons', icon: 'pi pi-fw pi-prime', routerLink: ['/icons']}, - {label: 'PrimeFlex', icon: 'pi pi-fw pi-desktop', url: ['https://www.primefaces.org/primeflex/'], target: '_blank'}, - ] - }, - { - label: 'Pages', - items: [ - {label: 'Crud', icon: 'pi pi-fw pi-user-edit', routerLink: ['/pages/crud']}, - {label: 'Timeline', icon: 'pi pi-fw pi-calendar', routerLink: ['/pages/timeline']}, - {label: 'Landing', icon: 'pi pi-fw pi-globe', routerLink: ['pages/landing']}, - {label: 'Login', icon: 'pi pi-fw pi-sign-in', routerLink: ['pages/login']}, - {label: 'Error', icon: 'pi pi-fw pi-times-circle', routerLink: ['pages/error']}, - {label: 'Not Found', icon: 'pi pi-fw pi-exclamation-circle', routerLink: ['pages/notfound']}, - {label: 'Access Denied', icon: 'pi pi-fw pi-lock', routerLink: ['pages/access']}, - {label: 'Empty', icon: 'pi pi-fw pi-circle', routerLink: ['/pages/empty']} - ] - }, - { - label: 'Hierarchy', - items: [ - { - label: 'Submenu 1', icon: 'pi pi-fw pi-bookmark', - items: [ - { - label: 'Submenu 1.1', icon: 'pi pi-fw pi-bookmark', - items: [ - {label: 'Submenu 1.1.1', icon: 'pi pi-fw pi-bookmark'}, - {label: 'Submenu 1.1.2', icon: 'pi pi-fw pi-bookmark'}, - {label: 'Submenu 1.1.3', icon: 'pi pi-fw pi-bookmark'}, - ] - }, - { - label: 'Submenu 1.2', icon: 'pi pi-fw pi-bookmark', - items: [ - {label: 'Submenu 1.2.1', icon: 'pi pi-fw pi-bookmark'} - ] - }, - ] - }, - { - label: 'Submenu 2', icon: 'pi pi-fw pi-bookmark', - items: [ - { - label: 'Submenu 2.1', icon: 'pi pi-fw pi-bookmark', - items: [ - {label: 'Submenu 2.1.1', icon: 'pi pi-fw pi-bookmark'}, - {label: 'Submenu 2.1.2', icon: 'pi pi-fw pi-bookmark'}, - ] - }, - { - label: 'Submenu 2.2', icon: 'pi pi-fw pi-bookmark', - items: [ - {label: 'Submenu 2.2.1', icon: 'pi pi-fw pi-bookmark'}, - ] - }, - ] - } - ] - }, - { - label:'Get Started', - items:[ - { - label: 'Documentation', icon: 'pi pi-fw pi-question', routerLink: ['/documentation'] - }, - { - label: 'View Source', icon: 'pi pi-fw pi-search', url: ['https://github.com/primefaces/sakai-ng'], target: '_blank' - } - ] - } - ]; - } - - onKeydown(event: KeyboardEvent) { - const nodeElement = ( event.target); - if (event.code === 'Enter' || event.code === 'Space') { - nodeElement.click(); - event.preventDefault(); - } - } -} diff --git a/src/app/app.menuitem.component.ts b/src/app/app.menuitem.component.ts deleted file mode 100644 index a304950..0000000 --- a/src/app/app.menuitem.component.ts +++ /dev/null @@ -1,152 +0,0 @@ -import { ChangeDetectorRef, Component, Input, OnDestroy, OnInit } from '@angular/core'; -import { NavigationEnd, Router } from '@angular/router'; -import { animate, state, style, transition, trigger } from '@angular/animations'; -import { Subscription } from 'rxjs'; -import { filter } from 'rxjs/operators'; -import { MenuService } from './service/app.menu.service'; -import { AppMainComponent } from './app.main.component'; - -@Component({ - /* tslint:disable:component-selector */ - selector: '[app-menuitem]', - /* tslint:enable:component-selector */ - template: ` - - - - {{item.label}} - {{item.badge}} - - - - - {{item.label}} - {{item.badge}} - - -
    - -
  • -     -
- - `, - host: { - '[class.active-menuitem]': 'active', - }, - animations: [ - trigger('children', [ - state('void', style({ - height: '0px' - })), - state('hiddenAnimated', style({ - height: '0px' - })), - state('visibleAnimated', style({ - height: '*' - })), - transition('visibleAnimated => hiddenAnimated', animate('400ms cubic-bezier(0.86, 0, 0.07, 1)')), - transition('hiddenAnimated => visibleAnimated', animate('400ms cubic-bezier(0.86, 0, 0.07, 1)')), - transition('void => visibleAnimated, visibleAnimated => void', - animate('400ms cubic-bezier(0.86, 0, 0.07, 1)')) - ]) - ] -}) -export class AppMenuitemComponent implements OnInit, OnDestroy { - - @Input() item: any; - - @Input() index: number; - - @Input() root: boolean; - - @Input() parentKey: string; - - active = false; - - menuSourceSubscription: Subscription; - - menuResetSubscription: Subscription; - - key: string; - - constructor(public app: AppMainComponent, public router: Router, private cd: ChangeDetectorRef, private menuService: MenuService) { - this.menuSourceSubscription = this.menuService.menuSource$.subscribe(key => { - // deactivate current active menu - if (this.active && this.key !== key && key.indexOf(this.key) !== 0) { - this.active = false; - } - }); - - this.menuResetSubscription = this.menuService.resetSource$.subscribe(() => { - this.active = false; - }); - - this.router.events.pipe(filter(event => event instanceof NavigationEnd)) - .subscribe(params => { - if (this.item.routerLink) { - this.updateActiveStateFromRoute(); - } else { - this.active = false; - } - }); - } - - ngOnInit() { - if (this.item.routerLink) { - this.updateActiveStateFromRoute(); - } - - this.key = this.parentKey ? this.parentKey + '-' + this.index : String(this.index); - } - - updateActiveStateFromRoute() { - this.active = this.router.isActive(this.item.routerLink[0], this.item.items ? false : true); - } - - itemClick(event: Event) { - event.stopPropagation(); - // avoid processing disabled items - if (this.item.disabled) { - event.preventDefault(); - return; - } - - // notify other items - this.menuService.onMenuStateChange(this.key); - - // execute command - if (this.item.command) { - this.item.command({originalEvent: event, item: this.item}); - } - - // toggle active state - if (this.item.items) { - this.active = !this.active; - } else { - // activate item - this.active = true; - - // hide overlay menus - this.app.menuActiveMobile = false; - - if (this.app.isDesktop() && this.app.isOverlay()) { - this.app.menuInactiveDesktop = true; - } - } - } - - ngOnDestroy() { - if (this.menuSourceSubscription) { - this.menuSourceSubscription.unsubscribe(); - } - - if (this.menuResetSubscription) { - this.menuResetSubscription.unsubscribe(); - } - } -} diff --git a/src/app/app.module.ts b/src/app/app.module.ts index 45ab02b..3fab8fa 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -1,283 +1,29 @@ import { NgModule } from '@angular/core'; -import { FormsModule } from '@angular/forms'; -import { HttpClientModule } from '@angular/common/http'; -import { BrowserModule } from '@angular/platform-browser'; -import { LocationStrategy, HashLocationStrategy } from '@angular/common'; -import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; -import { AppRoutingModule } from './app-routing.module'; - -import { StyleClassModule } from 'primeng/styleclass'; -import { AccordionModule } from 'primeng/accordion'; -import { AutoCompleteModule } from 'primeng/autocomplete'; -import { AvatarModule } from 'primeng/avatar'; -import { AvatarGroupModule } from 'primeng/avatargroup'; -import { BadgeModule } from 'primeng/badge'; -import { BreadcrumbModule } from 'primeng/breadcrumb'; -import { ButtonModule } from 'primeng/button'; -import { CalendarModule } from 'primeng/calendar'; -import { CardModule } from 'primeng/card'; -import { CarouselModule } from 'primeng/carousel'; -import { CascadeSelectModule } from 'primeng/cascadeselect'; -import { ChartModule } from 'primeng/chart'; -import { CheckboxModule } from 'primeng/checkbox'; -import { ChipModule } from 'primeng/chip'; -import { ChipsModule } from 'primeng/chips'; -import { CodeHighlighterModule } from 'primeng/codehighlighter'; -import { ConfirmDialogModule } from 'primeng/confirmdialog'; -import { ConfirmPopupModule } from 'primeng/confirmpopup'; -import { ColorPickerModule } from 'primeng/colorpicker'; -import { ContextMenuModule } from 'primeng/contextmenu'; -import { DataViewModule } from 'primeng/dataview'; -import { DialogModule } from 'primeng/dialog'; -import { DividerModule } from 'primeng/divider'; -import { DropdownModule } from 'primeng/dropdown'; -import { FieldsetModule } from 'primeng/fieldset'; -import { FileUploadModule } from 'primeng/fileupload'; -import { GalleriaModule } from 'primeng/galleria'; -import { ImageModule } from 'primeng/image'; -import { InplaceModule } from 'primeng/inplace'; -import { InputNumberModule } from 'primeng/inputnumber'; -import { InputMaskModule } from 'primeng/inputmask'; -import { InputSwitchModule } from 'primeng/inputswitch'; -import { InputTextModule } from 'primeng/inputtext'; -import { InputTextareaModule } from 'primeng/inputtextarea'; -import { KnobModule } from 'primeng/knob'; -import { LightboxModule } from 'primeng/lightbox'; -import { ListboxModule } from 'primeng/listbox'; -import { MegaMenuModule } from 'primeng/megamenu'; -import { MenuModule } from 'primeng/menu'; -import { MenubarModule } from 'primeng/menubar'; -import { MessagesModule } from 'primeng/messages'; -import { MessageModule } from 'primeng/message'; -import { MultiSelectModule } from 'primeng/multiselect'; -import { OrderListModule } from 'primeng/orderlist'; -import { OrganizationChartModule } from 'primeng/organizationchart'; -import { OverlayPanelModule } from 'primeng/overlaypanel'; -import { PaginatorModule } from 'primeng/paginator'; -import { PanelModule } from 'primeng/panel'; -import { PanelMenuModule } from 'primeng/panelmenu'; -import { PasswordModule } from 'primeng/password'; -import { PickListModule } from 'primeng/picklist'; -import { ProgressBarModule } from 'primeng/progressbar'; -import { RadioButtonModule } from 'primeng/radiobutton'; -import { RatingModule } from 'primeng/rating'; -import { RippleModule } from 'primeng/ripple'; -import { ScrollPanelModule } from 'primeng/scrollpanel'; -import { ScrollTopModule } from 'primeng/scrolltop'; -import { SelectButtonModule } from 'primeng/selectbutton'; -import { SidebarModule } from 'primeng/sidebar'; -import { SkeletonModule } from 'primeng/skeleton'; -import { SlideMenuModule } from 'primeng/slidemenu'; -import { SliderModule } from 'primeng/slider'; -import { SplitButtonModule } from 'primeng/splitbutton'; -import { SplitterModule } from 'primeng/splitter'; -import { StepsModule } from 'primeng/steps'; -import { TabMenuModule } from 'primeng/tabmenu'; -import { TableModule } from 'primeng/table'; -import { TabViewModule } from 'primeng/tabview'; -import { TagModule } from 'primeng/tag'; -import { TerminalModule } from 'primeng/terminal'; -import { TieredMenuModule } from 'primeng/tieredmenu'; -import { TimelineModule } from 'primeng/timeline'; -import { ToastModule } from 'primeng/toast'; -import { ToggleButtonModule } from 'primeng/togglebutton'; -import { ToolbarModule } from 'primeng/toolbar'; -import { TooltipModule } from 'primeng/tooltip'; -import { TreeModule } from 'primeng/tree'; -import { TreeSelectModule } from 'primeng/treeselect'; -import { TreeTableModule } from 'primeng/treetable'; -import { VirtualScrollerModule } from 'primeng/virtualscroller'; -import { BlockViewer } from './components/blockviewer/blockviewer.component'; - -import { AppCodeModule } from './components/app-code/app.code.component'; +import { HashLocationStrategy, LocationStrategy } from '@angular/common'; import { AppComponent } from './app.component'; -import { AppMainComponent } from './app.main.component'; -import { AppTopBarComponent } from './app.topbar.component'; -import { AppFooterComponent } from './app.footer.component'; -import { AppConfigComponent } from './app.config.component'; -import { AppMenuComponent } from './app.menu.component'; -import { AppMenuitemComponent } from './app.menuitem.component'; - -import { DashboardComponent } from './components/dashboard/dashboard.component'; -import { FormLayoutComponent } from './components/formlayout/formlayout.component'; -import { FloatLabelComponent } from './components/floatlabel/floatlabel.component'; -import { InvalidStateComponent } from './components/invalidstate/invalidstate.component'; -import { InputComponent } from './components/input/input.component'; -import { ButtonComponent } from './components/button/button.component'; -import { TableComponent } from './components/table/table.component'; -import { ListComponent } from './components/list/list.component'; -import { TreeComponent } from './components/tree/tree.component'; -import { PanelsComponent } from './components/panels/panels.component'; -import { OverlaysComponent } from './components/overlays/overlays.component'; -import { MediaComponent } from './components/media/media.component'; -import { MenusComponent } from './components/menus/menus.component'; -import { MessagesComponent } from './components/messages/messages.component'; -import { MiscComponent } from './components/misc/misc.component'; -import { EmptyComponent } from './components/empty/empty.component'; -import { ChartsComponent } from './components/charts/charts.component'; -import { FileComponent } from './components/file/file.component'; -import { DocumentationComponent } from './components/documentation/documentation.component'; -import { CrudComponent } from './components/crud/crud.component'; -import { TimelineComponent } from './components/timeline/timeline.component'; -import { IconsComponent } from './components/icons/icons.component'; -import { BlocksComponent } from './components/blocks/blocks.component'; -import { PaymentComponent} from './components/menus/payment.component'; -import { ConfirmationComponent } from './components/menus/confirmation.component'; -import { PersonalComponent } from './components/menus/personal.component'; -import { SeatComponent } from './components/menus/seat.component'; -import { LandingComponent } from './components/landing/landing.component'; - -import { CountryService } from './service/countryservice'; -import { CustomerService } from './service/customerservice'; -import { EventService } from './service/eventservice'; -import { IconService } from './service/iconservice'; -import { NodeService } from './service/nodeservice'; -import { PhotoService } from './service/photoservice'; -import { ProductService } from './service/productservice'; -import { MenuService } from './service/app.menu.service'; -import { ConfigService } from './service/app.config.service'; -import { LoginComponent } from './components/login/login.component'; -import { ErrorComponent } from './components/error/error.component'; -import { NotfoundComponent } from './components/notfound/notfound.component'; -import { AccessComponent } from './components/access/access.component'; +import { AppRoutingModule } from './app-routing.module'; +import { AppLayoutModule } from './layout/app.layout.module'; +import { NotfoundComponent } from './demo/components/notfound/notfound.component'; +import { ProductService } from './demo/service/product.service'; +import { CountryService } from './demo/service/country.service'; +import { CustomerService } from './demo/service/customer.service'; +import { EventService } from './demo/service/event.service'; +import { IconService } from './demo/service/icon.service'; +import { NodeService } from './demo/service/node.service'; +import { PhotoService } from './demo/service/photo.service'; @NgModule({ - imports: [ - BrowserModule, - FormsModule, - AppRoutingModule, - HttpClientModule, - BrowserAnimationsModule, - AccordionModule, - AutoCompleteModule, - AvatarModule, - AvatarGroupModule, - BadgeModule, - BreadcrumbModule, - ButtonModule, - CalendarModule, - CardModule, - CarouselModule, - CascadeSelectModule, - ChartModule, - CheckboxModule, - ChipsModule, - ChipModule, - CodeHighlighterModule, - ConfirmDialogModule, - ConfirmPopupModule, - ColorPickerModule, - ContextMenuModule, - DataViewModule, - DialogModule, - DividerModule, - DropdownModule, - FieldsetModule, - FileUploadModule, - GalleriaModule, - ImageModule, - InplaceModule, - InputNumberModule, - InputMaskModule, - InputSwitchModule, - InputTextModule, - InputTextareaModule, - KnobModule, - LightboxModule, - ListboxModule, - MegaMenuModule, - MenuModule, - MenubarModule, - MessageModule, - MessagesModule, - MultiSelectModule, - OrderListModule, - OrganizationChartModule, - OverlayPanelModule, - PaginatorModule, - PanelModule, - PanelMenuModule, - PasswordModule, - PickListModule, - ProgressBarModule, - RadioButtonModule, - RatingModule, - RippleModule, - ScrollPanelModule, - ScrollTopModule, - SelectButtonModule, - SidebarModule, - SkeletonModule, - SlideMenuModule, - SliderModule, - SplitButtonModule, - SplitterModule, - StepsModule, - TagModule, - TableModule, - TabMenuModule, - TabViewModule, - TerminalModule, - TieredMenuModule, - TimelineModule, - ToastModule, - ToggleButtonModule, - ToolbarModule, - TooltipModule, - TreeModule, - TreeSelectModule, - TreeTableModule, - VirtualScrollerModule, - AppCodeModule, - StyleClassModule, - ], declarations: [ - AppComponent, - AppMainComponent, - AppTopBarComponent, - AppFooterComponent, - AppConfigComponent, - AppMenuComponent, - AppMenuitemComponent, - DashboardComponent, - FormLayoutComponent, - FloatLabelComponent, - InvalidStateComponent, - InputComponent, - ButtonComponent, - TableComponent, - ListComponent, - TreeComponent, - PanelsComponent, - OverlaysComponent, - MenusComponent, - MessagesComponent, - MessagesComponent, - MiscComponent, - ChartsComponent, - EmptyComponent, - FileComponent, - IconsComponent, - DocumentationComponent, - CrudComponent, - TimelineComponent, - BlocksComponent, - BlockViewer, - MediaComponent, - PaymentComponent, - ConfirmationComponent, - PersonalComponent, - SeatComponent, - LandingComponent, - LoginComponent, - ErrorComponent, - NotfoundComponent, - AccessComponent, + AppComponent, NotfoundComponent + ], + imports: [ + AppRoutingModule, + AppLayoutModule ], providers: [ - {provide: LocationStrategy, useClass: HashLocationStrategy}, + { provide: LocationStrategy, useClass: HashLocationStrategy }, CountryService, CustomerService, EventService, IconService, NodeService, - PhotoService, ProductService, MenuService, ConfigService + PhotoService, ProductService ], bootstrap: [AppComponent] }) diff --git a/src/app/app.topbar.component.html b/src/app/app.topbar.component.html deleted file mode 100644 index 0e1698a..0000000 --- a/src/app/app.topbar.component.html +++ /dev/null @@ -1,29 +0,0 @@ -
- - - - - - - - - - -
- - - Calendar - - - - Settings - - - - Profile - -
-
\ No newline at end of file diff --git a/src/app/app.topbar.component.ts b/src/app/app.topbar.component.ts deleted file mode 100644 index a9b3a34..0000000 --- a/src/app/app.topbar.component.ts +++ /dev/null @@ -1,15 +0,0 @@ -import { Component, OnDestroy } from '@angular/core'; -import { AppMainComponent } from './app.main.component'; -import { Subscription } from 'rxjs'; -import { MenuItem } from 'primeng/api'; - -@Component({ - selector: 'app-topbar', - templateUrl: './app.topbar.component.html' -}) -export class AppTopBarComponent { - - items: MenuItem[]; - - constructor(public appMain: AppMainComponent) { } -} diff --git a/src/app/components/access/access.component.ts b/src/app/components/access/access.component.ts deleted file mode 100644 index 401b3be..0000000 --- a/src/app/components/access/access.component.ts +++ /dev/null @@ -1,7 +0,0 @@ -import { Component } from '@angular/core'; - -@Component({ - selector: 'app-access', - templateUrl: './access.component.html', -}) -export class AccessComponent {} \ No newline at end of file diff --git a/src/app/components/blocks/blocks.component.ts b/src/app/components/blocks/blocks.component.ts deleted file mode 100644 index 248b9bb..0000000 --- a/src/app/components/blocks/blocks.component.ts +++ /dev/null @@ -1,407 +0,0 @@ -import { Component } from '@angular/core'; - -@Component({ - templateUrl: './blocks.component.html' -}) -export class BlocksComponent{ - - block1: string = ` -
-
-
- Create the screens your -
your visitors deserve to see
-

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

- - - -
-
-
- Image -
-
`; - - block2: string = ` -
-
- One Product, - Many Solutions -
-
Ac turpis egestas maecenas pharetra convallis posuere morbi leo urna.
-
-
- - - -
Built for Developers
- Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. -
-
- - - -
End-to-End Encryption
- Risus nec feugiat in fermentum posuere urna nec. Posuere sollicitudin aliquam ultrices sagittis. -
-
- - - -
Easy to Use
- Ornare suspendisse sed nisi lacus sed viverra tellus. Neque volutpat ac tincidunt vitae semper. -
-
- - - -
Fast & Global Support
- Fermentum et sollicitudin ac orci phasellus egestas tellus rutrum tellus. -
-
- - - -
Open Source
- Nec tincidunt praesent semper feugiat. Sed adipiscing diam donec adipiscing tristique risus nec feugiat. -
-
- - - -
Trusted Securitty
- Mattis rhoncus urna neque viverra justo nec ultrices. Id cursus metus aliquam eleifend. -
-
-
`; - - block3: string = ` -
-
Pricing Plans
-
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Velit numquam eligendi quos.
- -
-
-
-
-
Basic
-
Plan description
-
-
- $9 - per month -
-
-
    -
  • - - Arcu vitae elementum -
    • -
  • - - Dui faucibus in ornare -
    • -
  • - - Morbi tincidunt augue -
    • -
-
- -
-
-
- -
-
-
-
Premium
-
Plan description
-
-
- $29 - per month -
-
-
    -
  • - - Arcu vitae elementum -
    • -
  • - - Dui faucibus in ornare -
    • -
  • - - Morbi tincidunt augue -
    • -
  • - - Duis ultricies lacus sed -
    • -
-
- -
-
-
- -
-
-
-
Enterprise
-
Plan description
-
-
- $49 - per month -
-
-
    -
  • - - Arcu vitae elementum -
    • -
  • - - Dui faucibus in ornare -
    • -
  • - - Morbi tincidunt augue -
    • -
  • - - Duis ultricies lacus sed -
    • -
  • - - Imperdiet proin -
    • -
  • - - Nisi scelerisque -
    • -
-
- -
-
-
-
-
`; - - block4: string = ` -
-
-
 POWERED BY DISCORD
-
Join Our Design Community
-
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Velit numquam eligendi quos.
- -
-
`; - - block5: string = ` -
-
🔥 Hot Deals!
- - - Learn More - - - - -
`; - - block6: string = ` -
- -
-
-
Customers
-
-
- - 332 Active Users -
-
- - 9402 Sessions -
-
- - 2.32m Avg. Duration -
-
-
-
- - -
-
-
`; - - block7: string = ` -
-
-
-
-
-
- Orders -
152
-
-
- -
-
- 24 new - since last visit -
-
-
-
-
-
- Revenue -
$2.100
-
-
- -
-
- %52+ - since last week -
-
-
-
-
-
- Customers -
28441
-
-
- -
-
- 520 - newly registered -
-
-
-
-
-
- Comments -
152 Unread
-
-
- -
-
- 85 - responded -
-
-
-
`; - - block8: string = ` -
-
- Image -
Welcome Back
- Don't have an account? - Create today! -
- -
- - - - - - -
-
- - -
- Forgot password? -
- - -
-
`; - - block9: string = ` -
-
Movie Information
-
Morbi tristique blandit turpis. In viverra ligula id nulla hendrerit rutrum.
-
    -
  • -
    Title
    -
    Heat
    -
    - -
    -
    • -
  • -
    Genre
    -
    - - - -
    -
    - -
    -
    • -
  • -
    Director
    -
    Michael Mann
    -
    - -
    -
    • -
  • -
    Actors
    -
    Robert De Niro, Al Pacino
    -
    - -
    -
    • -
  • -
    Plot
    -
    - A group of professional bank robbers start to feel the heat from police - when they unknowingly leave a clue at their latest heist.
    -
    - -
    -
    • -
-
`; - - block10: string = ` -
-
Card Title
-
Vivamus id nisl interdum, blandit augue sit amet, eleifend mi.
-
-
`; - -} diff --git a/src/app/components/button/button.component.ts b/src/app/components/button/button.component.ts deleted file mode 100644 index f0dc617..0000000 --- a/src/app/components/button/button.component.ts +++ /dev/null @@ -1,27 +0,0 @@ -import { Component, OnInit } from '@angular/core'; -import { MenuItem } from 'primeng/api'; - -@Component({ - templateUrl: './button.component.html' -}) -export class ButtonComponent implements OnInit { - - items: MenuItem[]; - - loading = [false, false, false, false] - - ngOnInit() { - this.items = [ - {label: 'Update', icon: 'pi pi-refresh'}, - {label: 'Delete', icon: 'pi pi-times'}, - {label: 'Angular.io', icon: 'pi pi-info', url: 'http://angular.io'}, - {separator: true}, - {label: 'Setup', icon: 'pi pi-cog'} - ]; - } - - load(index) { - this.loading[index] = true; - setTimeout(() => this.loading[index] = false, 1000); - } -} diff --git a/src/app/components/charts/charts.component.ts b/src/app/components/charts/charts.component.ts deleted file mode 100755 index 0539cc5..0000000 --- a/src/app/components/charts/charts.component.ts +++ /dev/null @@ -1,374 +0,0 @@ -import { Component, OnDestroy, OnInit } from '@angular/core'; -import { Subscription } from 'rxjs'; -import { AppConfig } from 'src/app/api/appconfig'; -import { ConfigService } from 'src/app/service/app.config.service'; - -@Component({ - templateUrl: './charts.component.html' -}) -export class ChartsComponent implements OnInit, OnDestroy { - - lineData: any; - - barData: any; - - pieData: any; - - polarData: any; - - radarData: any; - - lineOptions: any; - - barOptions: any; - - pieOptions: any; - - polarOptions: any; - - radarOptions: any; - - config: AppConfig; - - subscription: Subscription; - - constructor(public configService: ConfigService) { } - - ngOnInit() { - this.config = this.configService.config; - this.subscription = this.configService.configUpdate$.subscribe(config => { - this.config = config; - this.updateChartOptions(); - }); - - this.lineData = { - labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'], - datasets: [ - { - label: 'First Dataset', - data: [65, 59, 80, 81, 56, 55, 40], - fill: false, - backgroundColor: '#2f4860', - borderColor: '#2f4860', - tension: .4 - }, - { - label: 'Second Dataset', - data: [28, 48, 40, 19, 86, 27, 90], - fill: false, - backgroundColor: '#00bb7e', - borderColor: '#00bb7e', - tension: .4 - } - ] - }; - - this.barData = { - labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'], - datasets: [ - { - label: 'My First dataset', - backgroundColor: '#2f4860', - data: [65, 59, 80, 81, 56, 55, 40] - }, - { - label: 'My Second dataset', - backgroundColor: '#00bb7e', - data: [28, 48, 40, 19, 86, 27, 90] - } - ] - }; - - this.pieData = { - labels: ['A', 'B', 'C'], - datasets: [ - { - data: [300, 50, 100], - backgroundColor: [ - "#FF6384", - "#36A2EB", - "#FFCE56" - ], - hoverBackgroundColor: [ - "#FF6384", - "#36A2EB", - "#FFCE56" - ] - } - ] - }; - - this.polarData = { - datasets: [{ - data: [ - 11, - 16, - 7, - 3, - 14 - ], - backgroundColor: [ - "#FF6384", - "#4BC0C0", - "#FFCE56", - "#E7E9ED", - "#36A2EB" - ], - label: 'My dataset' - }], - labels: [ - "Red", - "Green", - "Yellow", - "Grey", - "Blue" - ] - }; - - this.radarData = { - labels: ['Eating', 'Drinking', 'Sleeping', 'Designing', 'Coding', 'Cycling', 'Running'], - datasets: [ - { - label: 'My First dataset', - backgroundColor: 'rgba(179,181,198,0.2)', - borderColor: 'rgba(179,181,198,1)', - pointBackgroundColor: 'rgba(179,181,198,1)', - pointBorderColor: '#fff', - pointHoverBackgroundColor: '#fff', - pointHoverBorderColor: 'rgba(179,181,198,1)', - data: [65, 59, 90, 81, 56, 55, 40] - }, - { - label: 'My Second dataset', - backgroundColor: 'rgba(255,99,132,0.2)', - borderColor: 'rgba(255,99,132,1)', - pointBackgroundColor: 'rgba(255,99,132,1)', - pointBorderColor: '#fff', - pointHoverBackgroundColor: '#fff', - pointHoverBorderColor: 'rgba(255,99,132,1)', - data: [28, 48, 40, 19, 96, 27, 100] - } - ] - }; - - this.updateChartOptions(); - } - - updateChartOptions() { - if (this.config.dark) - this.applyDarkTheme(); - else - this.applyLightTheme(); - } - - applyLightTheme() { - this.lineOptions = { - plugins: { - legend: { - labels: { - color: '#495057' - } - } - }, - scales: { - x: { - ticks: { - color: '#495057' - }, - grid: { - color: '#ebedef', - } - }, - y: { - ticks: { - color: '#495057' - }, - grid: { - color: '#ebedef', - } - }, - } - }; - - this.barOptions = { - plugins: { - legend: { - labels: { - color: '#495057' - } - } - }, - scales: { - x: { - ticks: { - color: '#495057' - }, - grid: { - color: '#ebedef', - } - }, - y: { - ticks: { - color: '#495057' - }, - grid: { - color: '#ebedef', - } - }, - } - }; - - this.pieOptions = { - plugins: { - legend: { - labels: { - color: '#495057' - } - } - } - }; - - this.polarOptions = { - plugins: { - legend: { - labels: { - color: '#495057' - } - } - }, - scales: { - r: { - grid: { - color: '#ebedef' - } - } - } - }; - - this.radarOptions = { - plugins: { - legend: { - labels: { - color: '#495057' - } - } - }, - scales: { - r: { - grid: { - color: '#ebedef' - } - } - } - }; - - } - - applyDarkTheme() { - this.lineOptions = { - plugins: { - legend: { - labels: { - color: '#ebedef' - } - } - }, - scales: { - x: { - ticks: { - color: '#ebedef' - }, - grid: { - color: 'rgba(160, 167, 181, .3)', - } - }, - y: { - ticks: { - color: '#ebedef' - }, - grid: { - color: 'rgba(160, 167, 181, .3)', - } - }, - } - }; - - this.barOptions = { - plugins: { - legend: { - labels: { - color: '#ebedef' - } - } - }, - scales: { - x: { - ticks: { - color: '#ebedef' - }, - grid: { - color: 'rgba(160, 167, 181, .3)', - } - }, - y: { - ticks: { - color: '#ebedef' - }, - grid: { - color: 'rgba(160, 167, 181, .3)', - } - }, - } - }; - - this.pieOptions = { - plugins: { - legend: { - labels: { - color: '#ebedef' - } - } - } - }; - - this.polarOptions = { - plugins: { - legend: { - labels: { - color: '#ebedef' - } - } - }, - scales: { - r: { - grid: { - color: 'rgba(160, 167, 181, .3)' - } - } - } - }; - - this.radarOptions = { - plugins: { - legend: { - labels: { - color: '#ebedef' - } - } - }, - scales: { - r: { - grid: { - color: 'rgba(160, 167, 181, .3)' - } - } - } - }; - } - - ngOnDestroy() { - if (this.subscription) { - this.subscription.unsubscribe(); - } - } -} diff --git a/src/app/components/dashboard/dashboard.component.ts b/src/app/components/dashboard/dashboard.component.ts deleted file mode 100755 index 595c62b..0000000 --- a/src/app/components/dashboard/dashboard.component.ts +++ /dev/null @@ -1,131 +0,0 @@ -import { Component, OnInit } from '@angular/core'; -import { MenuItem } from 'primeng/api'; -import { Product } from '../../api/product'; -import { ProductService } from '../../service/productservice'; -import { Subscription } from 'rxjs'; -import { ConfigService } from '../../service/app.config.service'; -import { AppConfig } from '../../api/appconfig'; - -@Component({ - templateUrl: './dashboard.component.html', -}) -export class DashboardComponent implements OnInit { - - items: MenuItem[]; - - products: Product[]; - - chartData: any; - - chartOptions: any; - - subscription: Subscription; - - config: AppConfig; - - constructor(private productService: ProductService, public configService: ConfigService) {} - - ngOnInit() { - this.config = this.configService.config; - this.subscription = this.configService.configUpdate$.subscribe(config => { - this.config = config; - this.updateChartOptions(); - }); - this.productService.getProductsSmall().then(data => this.products = data); - - this.items = [ - {label: 'Add New', icon: 'pi pi-fw pi-plus'}, - {label: 'Remove', icon: 'pi pi-fw pi-minus'} - ]; - - this.chartData = { - labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'], - datasets: [ - { - label: 'First Dataset', - data: [65, 59, 80, 81, 56, 55, 40], - fill: false, - backgroundColor: '#2f4860', - borderColor: '#2f4860', - tension: .4 - }, - { - label: 'Second Dataset', - data: [28, 48, 40, 19, 86, 27, 90], - fill: false, - backgroundColor: '#00bb7e', - borderColor: '#00bb7e', - tension: .4 - } - ] - }; - } - - updateChartOptions() { - if (this.config.dark) - this.applyDarkTheme(); - else - this.applyLightTheme(); - - } - - applyDarkTheme() { - this.chartOptions = { - plugins: { - legend: { - labels: { - color: '#ebedef' - } - } - }, - scales: { - x: { - ticks: { - color: '#ebedef' - }, - grid: { - color: 'rgba(160, 167, 181, .3)', - } - }, - y: { - ticks: { - color: '#ebedef' - }, - grid: { - color: 'rgba(160, 167, 181, .3)', - } - }, - } - }; - } - - applyLightTheme() { - this.chartOptions = { - plugins: { - legend: { - labels: { - color: '#495057' - } - } - }, - scales: { - x: { - ticks: { - color: '#495057' - }, - grid: { - color: '#ebedef', - } - }, - y: { - ticks: { - color: '#495057' - }, - grid: { - color: '#ebedef', - } - }, - } - }; - } -} diff --git a/src/app/components/documentation/documentation.component.html b/src/app/components/documentation/documentation.component.html deleted file mode 100755 index ac08ffb..0000000 --- a/src/app/components/documentation/documentation.component.html +++ /dev/null @@ -1,69 +0,0 @@ -
-
-
-

Current Version

-

Angular 13 and PrimeNG 13

- -

Getting Started

-

Sakai is an application template for Angular and is distributed as a CLI project. In case CLI is not installed already, use - the command below to set it up. -

- - -npm install -g @angular/cli - - -

Once CLI is ready in your system, clone the github repository, cd to the directory, - install the libraries from npm and then execute "ng serve" to run the application in your local environment.

- - -git clone https://github.com/primefaces/sakai-ng.git -cd sakai-ng -npm install -ng serve - - -

The application should run at http://localhost:4200/, you may now start with the development of your application.

- -
Important CLI Commands
-

Following commands are derived from CLI.

- -Run 'ng serve' for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files. - -Run 'ng generate component component-name' to generate a new component. You can also use `ng generate directive/pipe/service/class/module`. - -Run 'ng build' to build the project. The build artifacts will be stored in the `dist/` directory. Use the `-prod` flag for a production build. - -Run 'ng test' to execute the unit tests via [Karma](https://karma-runner.github.io). - -Run 'ng e2e' to execute the end-to-end tests via [Protractor](http://www.protractortest.org/). - -Run 'ng help' for more options. - - -
Dependencies
-

Sakai has no direct dependency other than PrimeNG. More information about dependencies of PrimeNG templates is available at Why PrimeNG Templates article.

- -

Structure

-

Sakai consists of 2 main parts; the application layout, layout resources. app.component.html inside app folder is the html template for the base layout, - required resources for the layout are placed inside the src/assets/layout folder and similarly theme resources are inside src/assets/theme folder. -

- -
Application Template
-

Main layout is the html template of the app.main.component.ts, it is divided into a couple of sections such as topbar, sidebar, right panel and footer. Here is the code for - the main template. The component class app.main.component.ts implements the logic such as opening menus and managing layout modes. -

- -
Menu
-

Menu is a separate component defined in app.menu.component.ts file based on PrimeNG MenuModel API. In order to define the menuitems, - navigate to this file and define your own model as a nested structure. Here is the menu component from the sample application.

- -
Theme
-

Sakai layout derives the color scheme from the PrimeNG theme being used so that it can be combined any theme such as PrimeOne, Material, Bootstrap and others with dark mode alternatives.

- -
SASS Variables
-

In case you'd like to customize the layout variables, open _variables.scss file under src/assets/sass/layout folder. Saving the changes - will be reflected instantly at your browser.

-
-
-
\ No newline at end of file diff --git a/src/app/components/empty/empty.component.ts b/src/app/components/empty/empty.component.ts deleted file mode 100755 index 7b17016..0000000 --- a/src/app/components/empty/empty.component.ts +++ /dev/null @@ -1,6 +0,0 @@ -import { Component } from '@angular/core'; - -@Component({ - templateUrl: './empty.component.html' -}) -export class EmptyComponent {} diff --git a/src/app/components/error/error.component.ts b/src/app/components/error/error.component.ts deleted file mode 100644 index fff1795..0000000 --- a/src/app/components/error/error.component.ts +++ /dev/null @@ -1,7 +0,0 @@ -import { Component } from '@angular/core'; - -@Component({ - selector: 'app-error', - templateUrl: './error.component.html', -}) -export class ErrorComponent {} \ No newline at end of file diff --git a/src/app/components/file/file.component.ts b/src/app/components/file/file.component.ts deleted file mode 100755 index 383eef7..0000000 --- a/src/app/components/file/file.component.ts +++ /dev/null @@ -1,21 +0,0 @@ -import { Component } from '@angular/core'; -import { MessageService } from 'primeng/api'; - -@Component({ - templateUrl: './file.component.html', - providers: [MessageService] -}) -export class FileComponent { - - uploadedFiles: any[] = []; - - constructor(private messageService: MessageService) {} - - onUpload(event) { - for (const file of event.files) { - this.uploadedFiles.push(file); - } - - this.messageService.add({severity: 'info', summary: 'Success', detail: 'File Uploaded'}); - } -} diff --git a/src/app/components/icons/icons.component.html b/src/app/components/icons/icons.component.html deleted file mode 100644 index 0fed8be..0000000 --- a/src/app/components/icons/icons.component.html +++ /dev/null @@ -1,57 +0,0 @@ -
-

Icons

- -
Download
- -npm install primeicons --save - - -
Getting Started
-

PrimeIcons use the pi pi-{icon} syntax such as pi pi-check. - A standalone icon can be displayed using an element such as i or span

- - -<i class="pi pi-check"></i> -<i class="pi pi-times"></i> - - - - - -
Size
-

Size of the icons can easily be changed using font-size property.

- - -<i class="pi pi-check"></i> - - - - - -<i class="pi pi-check" style="font-size: 2rem"></i> - - - - -
Spinning Animation
-

Special pi-spin class applies infinite rotate to an icon.

- - -<i class="pi pi-spin pi-spinner" style="font-size: 2rem"></i> - - - - -
List of Icons
-

Here is the current list of PrimeIcons, more icons will be added periodically. You may also request new icons at the issue tracker.

-
- -
- -
-
- -
pi-{{icon.properties.name}}
-
-
-
diff --git a/src/app/components/icons/icons.component.ts b/src/app/components/icons/icons.component.ts deleted file mode 100644 index d4f65f1..0000000 --- a/src/app/components/icons/icons.component.ts +++ /dev/null @@ -1,52 +0,0 @@ -import { Component, OnInit } from '@angular/core'; -import { IconService } from '../../service/iconservice'; - -@Component({ - selector: 'app-iconsdemo', - templateUrl: './icons.component.html' -}) -export class IconsComponent implements OnInit { - - icons: any[]; - - filteredIcons: any[]; - - selectedIcon: any; - - constructor(private iconService : IconService) { } - - ngOnInit() { - this.iconService.getIcons().subscribe(data => { - data = data.filter(value => { - return value.icon.tags.indexOf('deprecate') === -1; - }); - - let icons = data; - icons.sort((icon1, icon2) => { - if(icon1.properties.name < icon2.properties.name) - return -1; - else if(icon1.properties.name < icon2.properties.name) - return 1; - else - return 0; - }); - - this.icons = icons; - this.filteredIcons = data; - }); - } - - onFilter(event: KeyboardEvent): void { - const searchText = (event.target as HTMLInputElement).value; - - if (!searchText) { - this.filteredIcons = this.icons; - } - else { - this.filteredIcons = this.icons.filter( it => { - return it.icon.tags[0].includes(searchText); - }); - } - } - -} diff --git a/src/app/components/input/input.component.ts b/src/app/components/input/input.component.ts deleted file mode 100644 index 3d25f57..0000000 --- a/src/app/components/input/input.component.ts +++ /dev/null @@ -1,128 +0,0 @@ -import { Component, OnInit } from '@angular/core'; -import { CountryService } from '../../service/countryservice'; -import { NodeService } from '../../service/nodeservice'; -import { SelectItem } from 'primeng/api'; - -@Component({ - templateUrl: './input.component.html', - styles: [`:host ::ng-deep .p-multiselect { - min-width: 15rem; - } - - :host ::ng-deep .multiselect-custom-virtual-scroll .p-multiselect { - min-width: 20rem; - } - - :host ::ng-deep .multiselect-custom .p-multiselect-label, { - padding-top: 0.75rem; - padding-bottom: 0.75rem; - - } - - :host ::ng-deep .multiselect-custom .country-item.country-item-value { - padding: .25rem .5rem; - border-radius: 3px; - display: inline-flex; - margin-right: .5rem; - background-color: var(--primary-color); - color: var(--primary-color-text); - } - - :host ::ng-deep .multiselect-custom .country-item.country-item-value img.flag { - width: 17px; - } - - :host ::ng-deep .multiselect-custom .country-item { - display: flex; - align-items: center; - } - - :host ::ng-deep .multiselect-custom .country-item img.flag { - width: 18px; - margin-right: .5rem; - } - - :host ::ng-deep .multiselect-custom .country-placeholder { - padding: 0.25rem; - } - - `] -}) -export class InputComponent implements OnInit{ - countries: any[]; - - filteredCountries: any[]; - - selectedCountryAdvanced: any[]; - - valSlider = 50; - - valColor = '#424242'; - - valRadio: string; - - valCheck: string[] = []; - - valSwitch: boolean; - - cities: SelectItem[]; - - selectedList: SelectItem; - - selectedDrop: SelectItem; - - selectedMulti: string[] = []; - - treeSelectNodes: any[]; - - selectedNode: SelectItem; - - valToggle = false; - - paymentOptions: any[]; - - valSelect1: string; - - valSelect2: string; - - valueKnob = 20; - - selectedDate:any; - - constructor(private countryService: CountryService, private nodeService: NodeService) {} - - ngOnInit() { - this.countryService.getCountries().then(countries => { - this.countries = countries; - }); - - this.cities = [ - {label: 'New York', value: {id: 1, name: 'New York', code: 'NY'}}, - {label: 'Rome', value: {id: 2, name: 'Rome', code: 'RM'}}, - {label: 'London', value: {id: 3, name: 'London', code: 'LDN'}}, - {label: 'Istanbul', value: {id: 4, name: 'Istanbul', code: 'IST'}}, - {label: 'Paris', value: {id: 5, name: 'Paris', code: 'PRS'}} - ]; - - this.paymentOptions = [ - {name: 'Option 1', value: 1}, - {name: 'Option 2', value: 2}, - {name: 'Option 3', value: 3} - ]; - - this.nodeService.getFiles().then(files => this.treeSelectNodes = files) - } - - filterCountry(event) { - const filtered: any[] = []; - const query = event.query; - for (let i = 0; i < this.countries.length; i++) { - const country = this.countries[i]; - if (country.name.toLowerCase().indexOf(query.toLowerCase()) == 0) { - filtered.push(country); - } - } - - this.filteredCountries = filtered; - } -} diff --git a/src/app/components/landing/landing.component.html b/src/app/components/landing/landing.component.html deleted file mode 100644 index 245855a..0000000 --- a/src/app/components/landing/landing.component.html +++ /dev/null @@ -1,357 +0,0 @@ -
-
- - Sakai LogoSAKAI - - - - - -
- -
-
-

Eu sem integereget magna fermentum

-

Sed blandit libero volutpat sed cras. Fames ac turpis egestas integer. Placerat in egestas erat...

- -
- -
- -
-
-
-

Marvelous Features

- Placerat in egestas erat... -
- -
-
-
-
- -
-
Easy to Use
- Posuere morbi leo urna molestie. -
-
-
- -
-
-
-
- -
-
Fresh Design
- Semper risus in hendrerit. -
-
-
- -
-
-
-
- -
-
Well Documented
- Non arcu risus quis varius quam quisque. -
-
-
- -
-
-
-
- -
-
Responsive Layout
- Nulla malesuada pellentesque elit. -
-
-
- -
-
-
-
- -
-
Clean Code
- Condimentum lacinia quis vel eros. -
-
-
- -
-
-
-
- -
-
Dark Mode
- Convallis tellus id interdum velit laoreet. -
-
-
- -
-
-
-
- -
-
Ready to Use
- Mauris sit amet massa vitae. -
-
-
- -
-
-
-
- -
-
Modern Practices
- Elementum nibh tellus molestie nunc non. -
-
-
- -
-
-
-
- -
-
Privacy
- Neque egestas congue quisque. -
-
-
- -
-
-

Joséphine Miller

- Peak Interactive -

“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.”

- Company logo - -
-
-
-
- -
-
-

Powerful Everywhere

- Amet consectetur adipiscing elit... -
- -
-
- mockup mobile -
- -
-
- -
-

Congue Quisque Egestas

- Lectus arcu bibendum at varius vel pharetra vel turpis nunc. Eget aliquet nibh praesent tristique magna sit amet purus gravida. Sit amet mattis vulputate enim nulla aliquet. -
-
- -
-
-
- -
-

Celerisque Eu Ultrices

- Adipiscing commodo elit at imperdiet dui. Viverra nibh cras pulvinar mattis nunc sed blandit libero. Suspendisse in est ante in. Mauris pharetra et ultrices neque ornare aenean euismod elementum nisi. -
- -
- mockup -
-
-
- -
-
-

Matchless Pricing

- Amet consectetur adipiscing elit... -
- -
-
-
-

Free

- free -
- $0 - per month - -
- -
    -
  • - - Responsive Layout -
    • -
  • - - Unlimited Push Messages -
    • -
  • - - 50 Support Ticket -
    • -
  • - - Free Shipping -
    • -
-
-
- -
-
-

Startup

- startup -
- $1 - per month - -
- -
    -
  • - - Responsive Layout -
    • -
  • - - Unlimited Push Messages -
    • -
  • - - 50 Support Ticket -
    • -
  • - - Free Shipping -
    • -
-
-
- -
-
-

Enterprise

- enterprise -
- $999 - per month - -
- -
    -
  • - - Responsive Layout -
    • -
  • - - Unlimited Push Messages -
    • -
  • - - 50 Support Ticket -
    • -
  • - - Free Shipping -
    • -
-
-
-
-
- -
-
-
- - footer sections -

SAKAI

- -
- -
-
-
-

Company

- About Us - News - Investor Relations - Careers - Media Kit -
- -
-

Resources

- Get Started - Learn - Case Studies -
- -
-

Community

- Discord - Events - FAQ - Blog -
- -
-

Legal

- Brand Policy - Privacy Policy - Terms of Service -
-
-
-
-
-
\ No newline at end of file diff --git a/src/app/components/landing/landing.component.ts b/src/app/components/landing/landing.component.ts deleted file mode 100644 index 06d106b..0000000 --- a/src/app/components/landing/landing.component.ts +++ /dev/null @@ -1,83 +0,0 @@ -import { Component, OnInit, OnDestroy } from '@angular/core'; -import { ConfigService } from '../../service/app.config.service'; -import { AppConfig } from '../../api/appconfig'; -import { Subscription } from 'rxjs'; -import { Router } from '@angular/router'; -@Component({ - selector: 'app-landing', - templateUrl: './landing.component.html', - styles: [` - #hero{ - background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), radial-gradient(77.36% 256.97% at 77.36% 57.52%, #EEEFAF 0%, #C3E3FA 100%); - height:700px; - overflow:hidden; - } - - .pricing-card:hover{ - border:2px solid var(--cyan-200) !important; - } - - @media screen and (min-width: 768px) { - #hero{ - -webkit-clip-path: ellipse(150% 87% at 93% 13%); - clip-path: ellipse(150% 87% at 93% 13%); - height: 530px; - } - } - - @media screen and (min-width: 1300px){ - #hero > img { - position: absolute; - transform:scale(1.2); - top:15%; - } - - #hero > div > p { - max-width: 450px; - } - } - - @media screen and (max-width: 1300px){ - #hero { - height: 600px; - } - - #hero > img { - position:static; - transform: scale(1); - margin-left: auto; - } - - #hero > div { - width: 100%; - } - - #hero > div > p { - width: 100%; - max-width: 100%; - } - } - `] -}) -export class LandingComponent implements OnInit, OnDestroy { - - config: AppConfig; - - subscription: Subscription; - - constructor(public configService: ConfigService, public router: Router) { } - - ngOnInit(): void { - this.config = this.configService.config; - this.subscription = this.configService.configUpdate$.subscribe(config => { - this.config = config; - }); - } - - ngOnDestroy(): void { - if(this.subscription){ - this.subscription.unsubscribe(); - } - } - -} diff --git a/src/app/components/list/list.component.ts b/src/app/components/list/list.component.ts deleted file mode 100644 index 85ad36b..0000000 --- a/src/app/components/list/list.component.ts +++ /dev/null @@ -1,67 +0,0 @@ -import { Component, OnInit } from '@angular/core'; -import { SelectItem } from 'primeng/api'; -import { Product } from '../../api/product'; -import { ProductService } from '../../service/productservice'; - -@Component({ - templateUrl: './list.component.html', - styleUrls: ['../../../assets/demo/badges.scss'] -}) -export class ListComponent implements OnInit { - - products: Product[]; - - sortOptions: SelectItem[]; - - sortOrder: number; - - sortField: string; - - sourceCities: any[]; - - targetCities: any[]; - - orderCities: any[]; - - constructor(private productService: ProductService) {} - - ngOnInit() { - this.productService.getProducts().then(data => this.products = data); - - this.sourceCities = [ - {name: 'San Francisco', code: 'SF'}, - {name: 'London', code: 'LDN'}, - {name: 'Paris', code: 'PRS'}, - {name: 'Istanbul', code: 'IST'}, - {name: 'Berlin', code: 'BRL'}, - {name: 'Barcelona', code: 'BRC'}, - {name: 'Rome', code: 'RM'}]; - this.targetCities = []; - - this.orderCities = [ - {name: 'San Francisco', code: 'SF'}, - {name: 'London', code: 'LDN'}, - {name: 'Paris', code: 'PRS'}, - {name: 'Istanbul', code: 'IST'}, - {name: 'Berlin', code: 'BRL'}, - {name: 'Barcelona', code: 'BRC'}, - {name: 'Rome', code: 'RM'}]; - - this.sortOptions = [ - {label: 'Price High to Low', value: '!price'}, - {label: 'Price Low to High', value: 'price'} - ]; - } - - onSortChange(event) { - const value = event.value; - - if (value.indexOf('!') === 0) { - this.sortOrder = -1; - this.sortField = value.substring(1, value.length); - } else { - this.sortOrder = 1; - this.sortField = value; - } - } -} diff --git a/src/app/components/login/login.component.ts b/src/app/components/login/login.component.ts deleted file mode 100644 index 0bca5d9..0000000 --- a/src/app/components/login/login.component.ts +++ /dev/null @@ -1,51 +0,0 @@ -import { Component, OnInit, OnDestroy } from '@angular/core'; -import { ConfigService } from '../../service/app.config.service'; -import { AppConfig } from '../../api/appconfig'; -import { Subscription } from 'rxjs'; -@Component({ - selector: 'app-login', - templateUrl: './login.component.html', - styles:[` - :host ::ng-deep .p-password input { - width: 100%; - padding:1rem; - } - - :host ::ng-deep .pi-eye{ - transform:scale(1.6); - margin-right: 1rem; - color: var(--primary-color) !important; - } - - :host ::ng-deep .pi-eye-slash{ - transform:scale(1.6); - margin-right: 1rem; - color: var(--primary-color) !important; - } - `] -}) -export class LoginComponent implements OnInit, OnDestroy { - - valCheck: string[] = ['remember']; - - password: string; - - config: AppConfig; - - subscription: Subscription; - - constructor(public configService: ConfigService){ } - - ngOnInit(): void { - this.config = this.configService.config; - this.subscription = this.configService.configUpdate$.subscribe(config => { - this.config = config; - }); - } - - ngOnDestroy(): void { - if(this.subscription){ - this.subscription.unsubscribe(); - } - } -} diff --git a/src/app/components/media/media.component.ts b/src/app/components/media/media.component.ts deleted file mode 100644 index e9c516b..0000000 --- a/src/app/components/media/media.component.ts +++ /dev/null @@ -1,70 +0,0 @@ -import { Component, OnInit } from '@angular/core'; -import { ProductService } from '../../service/productservice'; -import { PhotoService } from '../../service/photoservice'; -import { Product } from '../../api/product'; - -@Component({ - selector: 'app-media', - templateUrl: './media.component.html', - styleUrls: ['../../../assets/demo/badges.scss'], - styles:[` - :host ::ng-deep .p-carousel-indicators .p-link{ - border-radius:5px !important; - } - `] -}) -export class MediaComponent implements OnInit { - - products: Product[]; - - images: any[]; - - galleriaResponsiveOptions: any[] = [ - { - breakpoint: '1024px', - numVisible: 5 - }, - { - breakpoint: '960px', - numVisible: 4 - }, - { - breakpoint: '768px', - numVisible: 3 - }, - { - breakpoint: '560px', - numVisible: 1 - } - ]; - - carouselResponsiveOptions: any[] = [ - { - breakpoint: '1024px', - numVisible: 3, - numScroll: 3 - }, - { - breakpoint: '768px', - numVisible: 2, - numScroll: 2 - }, - { - breakpoint: '560px', - numVisible: 1, - numScroll: 1 - } - ]; - - constructor(private productService: ProductService, private photoService: PhotoService) {} - - ngOnInit() { - this.productService.getProductsSmall().then(products => { - this.products = products; - }); - - this.photoService.getImages().then(images => { - this.images = images; - }); - } -} diff --git a/src/app/components/menus/confirmation.component.ts b/src/app/components/menus/confirmation.component.ts deleted file mode 100644 index b7c219e..0000000 --- a/src/app/components/menus/confirmation.component.ts +++ /dev/null @@ -1,15 +0,0 @@ -import { Component } from '@angular/core'; - -@Component({ - selector: 'app-confirmation', - template: ` -
- -

Confirmation Component Content via Child Route

-
- ` -}) -export class ConfirmationComponent { - - constructor() { } -} diff --git a/src/app/components/menus/menus.module.ts b/src/app/components/menus/menus.module.ts deleted file mode 100644 index 2d594d6..0000000 --- a/src/app/components/menus/menus.module.ts +++ /dev/null @@ -1,27 +0,0 @@ -import { NgModule } from '@angular/core'; -import { CommonModule } from '@angular/common'; -import { RouterModule } from '@angular/router'; - -import { PaymentComponent } from './payment.component'; -import { SeatComponent } from './seat.component'; -import { PersonalComponent } from './personal.component'; -import { ConfirmationComponent } from './confirmation.component'; -import { MenusComponent } from './menus.component'; - -@NgModule({ - declarations: [], - imports: [ - CommonModule, - RouterModule.forChild([ - {path:'',component: MenusComponent, children:[ - {path:'', redirectTo: 'personal', pathMatch: 'full'}, - {path: 'personal', component: PersonalComponent}, - {path: 'confirmation', component: ConfirmationComponent}, - {path: 'seat', component: SeatComponent}, - {path: 'payment', component: PaymentComponent} - ]} - ]) - ], - exports: [RouterModule] -}) -export class MenusModule { } diff --git a/src/app/components/menus/payment.component.ts b/src/app/components/menus/payment.component.ts deleted file mode 100644 index 7821418..0000000 --- a/src/app/components/menus/payment.component.ts +++ /dev/null @@ -1,15 +0,0 @@ -import { Component } from '@angular/core'; - -@Component({ - selector: 'app-payment', - template: ` -
- -

Payment Component Content via Child Route

-
- ` -}) -export class PaymentComponent{ - - constructor() { } -} diff --git a/src/app/components/menus/personal.component.ts b/src/app/components/menus/personal.component.ts deleted file mode 100644 index 339d499..0000000 --- a/src/app/components/menus/personal.component.ts +++ /dev/null @@ -1,15 +0,0 @@ -import { Component } from '@angular/core'; - -@Component({ - selector: 'app-personal', - template: ` -
- -

Personal Component Content via Child Route

-
- ` -}) -export class PersonalComponent{ - - constructor() { } -} diff --git a/src/app/components/menus/seat.component.ts b/src/app/components/menus/seat.component.ts deleted file mode 100644 index 11a56ea..0000000 --- a/src/app/components/menus/seat.component.ts +++ /dev/null @@ -1,15 +0,0 @@ -import { Component } from '@angular/core'; - -@Component({ - selector: 'app-seat', - template: ` -
- -

Seat Component Content via Child Route

-
- ` -}) -export class SeatComponent{ - - constructor() { } -} diff --git a/src/app/components/misc/misc.component.ts b/src/app/components/misc/misc.component.ts deleted file mode 100755 index cb4cddf..0000000 --- a/src/app/components/misc/misc.component.ts +++ /dev/null @@ -1,19 +0,0 @@ -import { Component, OnInit } from '@angular/core'; - -@Component({ - templateUrl: './misc.component.html', -}) -export class MiscComponent implements OnInit { - - value = 0; - - ngOnInit() { - const interval = setInterval(() => { - this.value = this.value + Math.floor(Math.random() * 10) + 1; - if (this.value >= 100) { - this.value = 100; - clearInterval(interval); - } - }, 2000); - } -} diff --git a/src/app/components/notfound/notfound.component.ts b/src/app/components/notfound/notfound.component.ts deleted file mode 100644 index 567c8c3..0000000 --- a/src/app/components/notfound/notfound.component.ts +++ /dev/null @@ -1,7 +0,0 @@ -import { Component } from '@angular/core'; - -@Component({ - selector: 'app-notfound', - templateUrl: './notfound.component.html', -}) -export class NotfoundComponent {} \ No newline at end of file diff --git a/src/app/components/table/table.component.ts b/src/app/components/table/table.component.ts deleted file mode 100644 index d8cd477..0000000 --- a/src/app/components/table/table.component.ts +++ /dev/null @@ -1,145 +0,0 @@ -import { Component, OnInit, ViewChild, ChangeDetectorRef, ElementRef } from '@angular/core'; -import { Customer, Representative } from '../../api/customer'; -import { CustomerService } from '../../service/customerservice'; -import { Product } from '../../api/product'; -import { ProductService } from '../../service/productservice'; -import { Table } from 'primeng/table'; -import { MessageService, ConfirmationService } from 'primeng/api' - -@Component({ - templateUrl: './table.component.html', - providers: [MessageService, ConfirmationService], - styleUrls: ['../../../assets/demo/badges.scss'], - styles: [` - :host ::ng-deep .p-frozen-column { - font-weight: bold; - } - - :host ::ng-deep .p-datatable-frozen-tbody { - font-weight: bold; - } - - :host ::ng-deep .p-progressbar { - height:.5rem; - } - `] -}) -export class TableComponent implements OnInit { - - customers1: Customer[]; - - customers2: Customer[]; - - customers3: Customer[]; - - selectedCustomers1: Customer[]; - - selectedCustomer: Customer; - - representatives: Representative[]; - - statuses: any[]; - - products: Product[]; - - rowGroupMetadata: any; - - expandedRows = {}; - - activityValues: number[] = [0, 100]; - - isExpanded: boolean = false; - - idFrozen: boolean = false; - - loading:boolean = true; - - @ViewChild('dt') table: Table; - - @ViewChild('filter') filter: ElementRef; - - constructor(private customerService: CustomerService, private productService: ProductService, private messageService: MessageService, private confirmService: ConfirmationService, private cd: ChangeDetectorRef) {} - - ngOnInit() { - this.customerService.getCustomersLarge().then(customers => { - this.customers1 = customers; - this.loading = false; - - // @ts-ignore - this.customers1.forEach(customer => customer.date = new Date(customer.date)); - }); - this.customerService.getCustomersMedium().then(customers => this.customers2 = customers); - this.customerService.getCustomersLarge().then(customers => this.customers3 = customers); - this.productService.getProductsWithOrdersSmall().then(data => this.products = data); - - this.representatives = [ - {name: 'Amy Elsner', image: 'amyelsner.png'}, - {name: 'Anna Fali', image: 'annafali.png'}, - {name: 'Asiya Javayant', image: 'asiyajavayant.png'}, - {name: 'Bernardo Dominic', image: 'bernardodominic.png'}, - {name: 'Elwin Sharvill', image: 'elwinsharvill.png'}, - {name: 'Ioni Bowcher', image: 'ionibowcher.png'}, - {name: 'Ivan Magalhaes', image: 'ivanmagalhaes.png'}, - {name: 'Onyama Limba', image: 'onyamalimba.png'}, - {name: 'Stephen Shaw', image: 'stephenshaw.png'}, - {name: 'XuXue Feng', image: 'xuxuefeng.png'} - ]; - - this.statuses = [ - {label: 'Unqualified', value: 'unqualified'}, - {label: 'Qualified', value: 'qualified'}, - {label: 'New', value: 'new'}, - {label: 'Negotiation', value: 'negotiation'}, - {label: 'Renewal', value: 'renewal'}, - {label: 'Proposal', value: 'proposal'} - ]; - } - - onSort() { - this.updateRowGroupMetaData(); - } - - updateRowGroupMetaData() { - this.rowGroupMetadata = {}; - - if (this.customers3) { - for (let i = 0; i < this.customers3.length; i++) { - const rowData = this.customers3[i]; - const representativeName = rowData.representative.name; - - if (i === 0) { - this.rowGroupMetadata[representativeName] = { index: 0, size: 1 }; - } - else { - const previousRowData = this.customers3[i - 1]; - const previousRowGroup = previousRowData.representative.name; - if (representativeName === previousRowGroup) { - this.rowGroupMetadata[representativeName].size++; - } - else { - this.rowGroupMetadata[representativeName] = { index: i, size: 1 }; - } - } - } - } - } - - expandAll() { - if(!this.isExpanded){ - this.products.forEach(product => this.expandedRows[product.name] = true); - - } else { - this.expandedRows={}; - } - this.isExpanded = !this.isExpanded; - } - - formatCurrency(value) { - return value.toLocaleString('en-US', {style: 'currency', currency: 'USD'}); - } - - clear(table: Table) { - table.clear(); - this.filter.nativeElement.value = ''; - } -} diff --git a/src/app/components/timeline/timeline.component.html b/src/app/components/timeline/timeline.component.html deleted file mode 100644 index 51c02fd..0000000 --- a/src/app/components/timeline/timeline.component.html +++ /dev/null @@ -1,34 +0,0 @@ -
-
-
-

Timeline

- -
Custom Timeline
- - - - - - - - - -

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae numquam deserunt - quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate neque quas!

- - - - - -
Horizontal - Alternate Align
- - - {{event}} - - -   - - -
-
-
diff --git a/src/app/components/timeline/timeline.component.ts b/src/app/components/timeline/timeline.component.ts deleted file mode 100644 index bde3c8b..0000000 --- a/src/app/components/timeline/timeline.component.ts +++ /dev/null @@ -1,72 +0,0 @@ -import { Component, OnInit } from '@angular/core'; -import { PrimeIcons } from 'primeng/api'; - -@Component({ - templateUrl: './timeline.component.html', - styles: [` - .custom-marker { - display: flex; - width: 2rem; - height: 2rem; - align-items: center; - justify-content: center; - color: #ffffff; - border-radius: 50%; - z-index: 1; - } - - ::ng-deep { - .p-timeline-event-content, - .p-timeline-event-opposite { - line-height: 1; - } - } - - @media screen and (max-width: 960px) { - ::ng-deep { - .customized-timeline { - .p-timeline-event:nth-child(even) { - flex-direction: row !important; - - .p-timeline-event-content { - text-align: left !important; - } - } - - .p-timeline-event-opposite { - flex: 0; - } - - .p-card { - margin-top: 1rem; - } - } - } - } - `] -}) -export class TimelineComponent implements OnInit{ - - customEvents: any[]; - - horizontalEvents: any[]; - - ngOnInit() { - this.customEvents = [ - { - status: 'Ordered', - date: '15/10/2020 10:30', - icon: PrimeIcons.SHOPPING_CART, - color: '#9C27B0', - image: 'game-controller.jpg' - }, - {status: 'Processing', date: '15/10/2020 14:00', icon: PrimeIcons.COG, color: '#673AB7'}, - {status: 'Shipped', date: '15/10/2020 16:15', icon: PrimeIcons.ENVELOPE, color: '#FF9800'}, - {status: 'Delivered', date: '16/10/2020 10:00', icon: PrimeIcons.CHECK, color: '#607D8B'} - ]; - - this.horizontalEvents = [ - '2020', '2021', '2022', '2023' - ]; - } -} diff --git a/src/app/api/customer.ts b/src/app/demo/api/customer.ts similarity index 100% rename from src/app/api/customer.ts rename to src/app/demo/api/customer.ts diff --git a/src/app/demo/api/image.ts b/src/app/demo/api/image.ts new file mode 100644 index 0000000..b934f8c --- /dev/null +++ b/src/app/demo/api/image.ts @@ -0,0 +1,6 @@ +export interface Image { + previewImageSrc?:any; + thumbnailImageSrc?:any; + alt?:any; + title?:any; +} diff --git a/src/app/api/product.ts b/src/app/demo/api/product.ts old mode 100755 new mode 100644 similarity index 87% rename from src/app/api/product.ts rename to src/app/demo/api/product.ts index 13929d9..0403d55 --- a/src/app/api/product.ts +++ b/src/app/demo/api/product.ts @@ -5,7 +5,7 @@ export interface Product { description?: string; price?: number; quantity?: number; - inventoryStatus?: string; + inventoryStatus?: any; category?: string; image?: string; rating?: number; diff --git a/src/app/demo/components/auth/access/access-routing.module.ts b/src/app/demo/components/auth/access/access-routing.module.ts new file mode 100644 index 0000000..c636009 --- /dev/null +++ b/src/app/demo/components/auth/access/access-routing.module.ts @@ -0,0 +1,11 @@ +import { NgModule } from '@angular/core'; +import { RouterModule } from '@angular/router'; +import { AccessComponent } from './access.component'; + +@NgModule({ + imports: [RouterModule.forChild([ + { path: '', component: AccessComponent } + ])], + exports: [RouterModule] +}) +export class AccessRoutingModule { } diff --git a/src/app/components/access/access.component.html b/src/app/demo/components/auth/access/access.component.html similarity index 85% rename from src/app/components/access/access.component.html rename to src/app/demo/components/auth/access/access.component.html index 3dba0e0..c0c62f9 100644 --- a/src/app/components/access/access.component.html +++ b/src/app/demo/components/auth/access/access.component.html @@ -1,7 +1,7 @@
- Sakai logo + Sakai logo
@@ -11,7 +11,7 @@

Access Denied

You do not have the necesary permisions. Please contact admins. - Access denied + Access denied
Go to Dashboard
diff --git a/src/app/demo/components/auth/access/access.component.ts b/src/app/demo/components/auth/access/access.component.ts new file mode 100644 index 0000000..bc2d815 --- /dev/null +++ b/src/app/demo/components/auth/access/access.component.ts @@ -0,0 +1,7 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-access', + templateUrl: './access.component.html', +}) +export class AccessComponent { } diff --git a/src/app/demo/components/auth/access/access.module.ts b/src/app/demo/components/auth/access/access.module.ts new file mode 100644 index 0000000..d739367 --- /dev/null +++ b/src/app/demo/components/auth/access/access.module.ts @@ -0,0 +1,16 @@ +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { ButtonModule } from 'primeng/button'; + +import { AccessRoutingModule } from './access-routing.module'; +import { AccessComponent } from './access.component'; + +@NgModule({ + imports: [ + CommonModule, + AccessRoutingModule, + ButtonModule + ], + declarations: [AccessComponent] +}) +export class AccessModule { } diff --git a/src/app/demo/components/auth/auth-routing.module.ts b/src/app/demo/components/auth/auth-routing.module.ts new file mode 100644 index 0000000..b5e5e3a --- /dev/null +++ b/src/app/demo/components/auth/auth-routing.module.ts @@ -0,0 +1,12 @@ +import { NgModule } from '@angular/core'; +import { RouterModule } from '@angular/router'; + +@NgModule({ + imports: [RouterModule.forChild([ + { path: 'error', loadChildren: () => import('./error/error.module').then(m => m.ErrorModule) }, + { path: 'access', loadChildren: () => import('./access/access.module').then(m => m.AccessModule) }, + { path: 'login', loadChildren: () => import('./login/login.module').then(m => m.LoginModule) } + ])], + exports: [RouterModule] +}) +export class AuthRoutingModule { } diff --git a/src/app/demo/components/auth/auth.module.ts b/src/app/demo/components/auth/auth.module.ts new file mode 100644 index 0000000..d12e91e --- /dev/null +++ b/src/app/demo/components/auth/auth.module.ts @@ -0,0 +1,11 @@ +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { AuthRoutingModule } from './auth-routing.module'; + +@NgModule({ + imports: [ + CommonModule, + AuthRoutingModule + ] +}) +export class AuthModule { } diff --git a/src/app/demo/components/auth/error/error-routing.module.ts b/src/app/demo/components/auth/error/error-routing.module.ts new file mode 100644 index 0000000..8ba5545 --- /dev/null +++ b/src/app/demo/components/auth/error/error-routing.module.ts @@ -0,0 +1,11 @@ +import { NgModule } from '@angular/core'; +import { RouterModule } from '@angular/router'; +import { ErrorComponent } from './error.component'; + +@NgModule({ + imports: [RouterModule.forChild([ + { path: '', component: ErrorComponent } + ])], + exports: [RouterModule] +}) +export class ErrorRoutingModule { } diff --git a/src/app/components/error/error.component.html b/src/app/demo/components/auth/error/error.component.html similarity index 85% rename from src/app/components/error/error.component.html rename to src/app/demo/components/auth/error/error.component.html index f0e7f5a..03d8e14 100644 --- a/src/app/components/error/error.component.html +++ b/src/app/demo/components/auth/error/error.component.html @@ -1,7 +1,7 @@
- Sakai logo + Sakai logo
@@ -11,7 +11,7 @@

Error Occured

Requested resource is not available. - Error + Error
Go to Dashboard
diff --git a/src/app/demo/components/auth/error/error.component.ts b/src/app/demo/components/auth/error/error.component.ts new file mode 100644 index 0000000..d9b38d1 --- /dev/null +++ b/src/app/demo/components/auth/error/error.component.ts @@ -0,0 +1,7 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-error', + templateUrl: './error.component.html', +}) +export class ErrorComponent { } \ No newline at end of file diff --git a/src/app/demo/components/auth/error/error.module.ts b/src/app/demo/components/auth/error/error.module.ts new file mode 100644 index 0000000..bdfa2ac --- /dev/null +++ b/src/app/demo/components/auth/error/error.module.ts @@ -0,0 +1,15 @@ +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { ErrorRoutingModule } from './error-routing.module'; +import { ErrorComponent } from './error.component'; +import { ButtonModule } from 'primeng/button'; + +@NgModule({ + imports: [ + CommonModule, + ErrorRoutingModule, + ButtonModule + ], + declarations: [ErrorComponent] +}) +export class ErrorModule { } diff --git a/src/app/demo/components/auth/login/login-routing.module.ts b/src/app/demo/components/auth/login/login-routing.module.ts new file mode 100644 index 0000000..095ccda --- /dev/null +++ b/src/app/demo/components/auth/login/login-routing.module.ts @@ -0,0 +1,11 @@ +import { NgModule } from '@angular/core'; +import { RouterModule } from '@angular/router'; +import { LoginComponent } from './login.component'; + +@NgModule({ + imports: [RouterModule.forChild([ + { path: '', component: LoginComponent } + ])], + exports: [RouterModule] +}) +export class LoginRoutingModule { } diff --git a/src/app/components/login/login.component.html b/src/app/demo/components/auth/login/login.component.html similarity index 86% rename from src/app/components/login/login.component.html rename to src/app/demo/components/auth/login/login.component.html index bd4dfc5..86dc54e 100644 --- a/src/app/components/login/login.component.html +++ b/src/app/demo/components/auth/login/login.component.html @@ -1,23 +1,23 @@
- Sakai logo + Sakai logo
- Image + Image
Welcome, Isabel!
Sign in to continue
- +
- + - +
@@ -30,4 +30,4 @@
-
\ No newline at end of file +
diff --git a/src/app/demo/components/auth/login/login.component.ts b/src/app/demo/components/auth/login/login.component.ts new file mode 100644 index 0000000..0d65c52 --- /dev/null +++ b/src/app/demo/components/auth/login/login.component.ts @@ -0,0 +1,33 @@ +import { Component } from '@angular/core'; +import { LayoutService } from 'src/app/layout/service/app.layout.service'; + +@Component({ + selector: 'app-login', + templateUrl: './login.component.html', + styles: [` + :host ::ng-deep .p-password input { + width: 100%; + padding:1rem; + } + + :host ::ng-deep .pi-eye{ + transform:scale(1.6); + margin-right: 1rem; + color: var(--primary-color) !important; + } + + :host ::ng-deep .pi-eye-slash{ + transform:scale(1.6); + margin-right: 1rem; + color: var(--primary-color) !important; + } + `] +}) +export class LoginComponent { + + valCheck: string[] = ['remember']; + + password!: string; + + constructor(public layoutService: LayoutService) { } +} diff --git a/src/app/demo/components/auth/login/login.module.ts b/src/app/demo/components/auth/login/login.module.ts new file mode 100644 index 0000000..fff9b46 --- /dev/null +++ b/src/app/demo/components/auth/login/login.module.ts @@ -0,0 +1,23 @@ +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { LoginRoutingModule } from './login-routing.module'; +import { LoginComponent } from './login.component'; +import { ButtonModule } from 'primeng/button'; +import { CheckboxModule } from 'primeng/checkbox'; +import { FormsModule } from '@angular/forms'; +import { PasswordModule } from 'primeng/password'; +import { InputTextModule } from 'primeng/inputtext'; + +@NgModule({ + imports: [ + CommonModule, + LoginRoutingModule, + ButtonModule, + CheckboxModule, + InputTextModule, + FormsModule, + PasswordModule + ], + declarations: [LoginComponent] +}) +export class LoginModule { } diff --git a/src/app/demo/components/code/code.component.scss b/src/app/demo/components/code/code.component.scss new file mode 100644 index 0000000..fb883e7 --- /dev/null +++ b/src/app/demo/components/code/code.component.scss @@ -0,0 +1,44 @@ +pre[class*="language-"] { + border-radius: 12px !important; + + &:before, + &:after { + display: none !important; + } + + code { + border-left: .5rem solid transparent !important; + box-shadow: none !important; + background: var(--surface-ground) !important; + margin: 0 !important; + color: var(--surface-900); + font-size: 14px; + border-radius: 10px !important; + + .token { + + &.tag, + &.keyword { + color: #2196F3 !important; + } + + &.attr-name, + &.attr-string { + color: #2196F3 !important; + } + + &.attr-value { + color: #4CAF50 !important; + } + + &.punctuation { + color: var(--text-color); + } + + &.operator, + &.string { + background: transparent; + } + } + } +} \ No newline at end of file diff --git a/src/app/components/app-code/app.code.component.ts b/src/app/demo/components/code/code.component.ts similarity index 80% rename from src/app/components/app-code/app.code.component.ts rename to src/app/demo/components/code/code.component.ts index 97fcb87..6e702e8 100644 --- a/src/app/components/app-code/app.code.component.ts +++ b/src/app/demo/components/code/code.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, AfterViewInit, Input, NgModule, ViewChild } from '@angular/core'; +import { Component, ElementRef, AfterViewInit, Input, NgModule, ViewChild, ViewEncapsulation } from '@angular/core'; import { CommonModule } from '@angular/common'; @Component({ @@ -7,12 +7,14 @@ import { CommonModule } from '@angular/common';
`, + styleUrls: ['./code.component.scss'], + encapsulation: ViewEncapsulation.None }) export class AppCodeComponent implements AfterViewInit { @Input() lang = 'markup'; - @ViewChild('code') codeViewChild: ElementRef; + @ViewChild('code') codeViewChild!: ElementRef; constructor(public el: ElementRef) { } diff --git a/src/app/demo/components/dashboard/dashboard-routing.module.ts b/src/app/demo/components/dashboard/dashboard-routing.module.ts new file mode 100644 index 0000000..97dfa23 --- /dev/null +++ b/src/app/demo/components/dashboard/dashboard-routing.module.ts @@ -0,0 +1,11 @@ +import { NgModule } from '@angular/core'; +import { RouterModule } from '@angular/router'; +import { DashboardComponent } from './dashboard.component'; + +@NgModule({ + imports: [RouterModule.forChild([ + { path: '', component: DashboardComponent } + ])], + exports: [RouterModule] +}) +export class DashboardsRoutingModule { } diff --git a/src/app/components/dashboard/dashboard.component.html b/src/app/demo/components/dashboard/dashboard.component.html old mode 100755 new mode 100644 similarity index 97% rename from src/app/components/dashboard/dashboard.component.html rename to src/app/demo/components/dashboard/dashboard.component.html index 357f1c4..e1ca2b7 --- a/src/app/components/dashboard/dashboard.component.html +++ b/src/app/demo/components/dashboard/dashboard.component.html @@ -218,15 +218,12 @@
- Jane Davis - has posted a new questions about your product. - + Jane Davis has posted a new questions about your product.
-
+
TAKE THE NEXT STEP
Try PrimeBlocks
@@ -236,8 +233,7 @@ Get Started
-
-
+
diff --git a/src/app/demo/components/dashboard/dashboard.component.ts b/src/app/demo/components/dashboard/dashboard.component.ts new file mode 100644 index 0000000..804d9f9 --- /dev/null +++ b/src/app/demo/components/dashboard/dashboard.component.ts @@ -0,0 +1,103 @@ +import { Component, OnInit, OnDestroy } from '@angular/core'; +import { MenuItem } from 'primeng/api'; +import { Product } from '../../api/product'; +import { ProductService } from '../../service/product.service'; +import { Subscription } from 'rxjs'; +import { LayoutService } from 'src/app/layout/service/app.layout.service'; + +@Component({ + templateUrl: './dashboard.component.html', +}) +export class DashboardComponent implements OnInit, OnDestroy { + + items!: MenuItem[]; + + products!: Product[]; + + chartData: any; + + chartOptions: any; + + subscription!: Subscription; + + constructor(private productService: ProductService, public layoutService: LayoutService) { + this.subscription = this.layoutService.configUpdate$.subscribe(() => { + this.initChart(); + }); + } + + ngOnInit() { + this.initChart(); + this.productService.getProductsSmall().then(data => this.products = data); + + this.items = [ + { label: 'Add New', icon: 'pi pi-fw pi-plus' }, + { label: 'Remove', icon: 'pi pi-fw pi-minus' } + ]; + } + + initChart() { + const documentStyle = getComputedStyle(document.documentElement); + const textColor = documentStyle.getPropertyValue('--text-color'); + const textColorSecondary = documentStyle.getPropertyValue('--text-color-secondary'); + const surfaceBorder = documentStyle.getPropertyValue('--surface-border'); + + this.chartData = { + labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'], + datasets: [ + { + label: 'First Dataset', + data: [65, 59, 80, 81, 56, 55, 40], + fill: false, + backgroundColor: documentStyle.getPropertyValue('--bluegray-700'), + borderColor: documentStyle.getPropertyValue('--bluegray-700'), + tension: .4 + }, + { + label: 'Second Dataset', + data: [28, 48, 40, 19, 86, 27, 90], + fill: false, + backgroundColor: documentStyle.getPropertyValue('--green-600'), + borderColor: documentStyle.getPropertyValue('--green-600'), + tension: .4 + } + ] + }; + + this.chartOptions = { + plugins: { + legend: { + labels: { + color: textColor + } + } + }, + scales: { + x: { + ticks: { + color: textColorSecondary + }, + grid: { + color: surfaceBorder, + drawBorder: false + } + }, + y: { + ticks: { + color: textColorSecondary + }, + grid: { + color: surfaceBorder, + drawBorder: false + } + } + } + }; + } + + ngOnDestroy() { + if (this.subscription) { + this.subscription.unsubscribe(); + } + } +} diff --git a/src/app/demo/components/dashboard/dashboard.module.ts b/src/app/demo/components/dashboard/dashboard.module.ts new file mode 100644 index 0000000..f740165 --- /dev/null +++ b/src/app/demo/components/dashboard/dashboard.module.ts @@ -0,0 +1,27 @@ +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { FormsModule } from '@angular/forms'; +import { DashboardComponent } from './dashboard.component'; +import { ChartModule } from 'primeng/chart'; +import { MenuModule } from 'primeng/menu'; +import { TableModule } from 'primeng/table'; +import { ButtonModule } from 'primeng/button'; +import { StyleClassModule } from 'primeng/styleclass'; +import { PanelMenuModule } from 'primeng/panelmenu'; +import { DashboardsRoutingModule } from './dashboard-routing.module'; + +@NgModule({ + imports: [ + CommonModule, + FormsModule, + ChartModule, + MenuModule, + TableModule, + StyleClassModule, + PanelMenuModule, + ButtonModule, + DashboardsRoutingModule + ], + declarations: [DashboardComponent] +}) +export class DashboardModule { } diff --git a/src/app/demo/components/documentation/documentation-routing.module.ts b/src/app/demo/components/documentation/documentation-routing.module.ts new file mode 100644 index 0000000..36371a4 --- /dev/null +++ b/src/app/demo/components/documentation/documentation-routing.module.ts @@ -0,0 +1,11 @@ +import { NgModule } from '@angular/core'; +import { RouterModule } from '@angular/router'; +import { DocumentationComponent } from './documentation.component'; + +@NgModule({ + imports: [RouterModule.forChild([ + { path: '', component: DocumentationComponent } + ])], + exports: [RouterModule] +}) +export class DocumentationRoutingModule { } diff --git a/src/app/demo/components/documentation/documentation.component.html b/src/app/demo/components/documentation/documentation.component.html new file mode 100644 index 0000000..468145b --- /dev/null +++ b/src/app/demo/components/documentation/documentation.component.html @@ -0,0 +1,137 @@ +
+
+

Documentation

+

Getting Started

+

Sakai is an application template for Angular and is distributed as a CLI project. Current versions is Angular v13 with PrimeNG v13. In case CLI is not installed already, use the command below to set it up.

+ + +npm install -g @angular/cli + + +

Once CLI is ready in your system, extract the contents of the zip file distribution, cd to the directory, + install the libraries from npm and then execute "ng serve" to run the application in your local environment.

+ + +cd sakai +npm install +ng serve + + +

The application should run at http://localhost:4200/, you may now start with the development of your application.

+ +
Important CLI Commands
+

Following commands are derived from CLI.

+ +Run 'ng serve' for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files. + +Run 'ng generate component component-name' to generate a new component. You can also use `ng generate directive/pipe/service/class/module`. + +Run 'ng build' to build the project. The build artifacts will be stored in the `dist/` directory. Use the `-prod` flag for a production build. + +Run 'ng test' to execute the unit tests via [Karma](https://karma-runner.github.io). + +Run 'ng e2e' to execute the end-to-end tests via [Protractor](http://www.protractortest.org/). + +Run 'ng help' for more options. + + +

Structure

+

Sakai consists of 3 main parts; the application layout, layout assets and PrimeNG component theme assets. Layout is placed inside the src/app/layout folder, + and the assets are in the src/assets/layout folder. +

+ +
Default Configuration
+

Initial layout configuration can be defined at the main app component by injecting the LayoutService, this step is optional and only necessary when customizing the defaults. Note that theme and + scale are not reactive since theme is configured outside of Angular at index.html by default and + initial scale is defined with the $scale at layout.scss. When default theme or scale is changed at their files initially, it is required to configure the layout service with the matching values + to avoid sync issues.

+ + +import { Component, OnInit } from '@angular/core'; +import { PrimeNGConfig } from 'primeng/api'; +import { LayoutService } from './layout/service/app.layout.service'; + +@Component({ + selector: 'app-root', + templateUrl: './app.component.html' +}) +export class AppComponent implements OnInit { + + constructor(private primengConfig: PrimeNGConfig, private layoutService: LayoutService) { } + + ngOnInit(): void { + this.primengConfig.ripple = true; //enables core ripple functionality + + //optional configuration with the default configuration + this.layoutService.config = { + ripple: false, //toggles ripple on and off + inputStyle: 'outlined', //default style for input elements + menuMode: 'static', //layout mode of the menu, valid values are "static" and "overlay" + colorScheme: 'light', //color scheme of the template, valid values are "light" and "dark" + theme: 'lara-light-indigo', //default component theme for PrimeNG + scale: 14 //size of the body font size to scale the whole application + }; + } + +} + + +
Menu
+

Menu is a separate component defined in src/app/layout/app.menu.component.ts file and based on PrimeNG MenuModel API. In order to define the menuitems, + navigate to this file and define your own model as a nested structure.

+ + +import { OnInit } from '@angular/core'; +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-menu', + templateUrl: './app.menu.component.html' +}) +export class AppMenuComponent implements OnInit { + + model: any[] = []; + + ngOnInit() { + this.model = [ + { + label: 'Home', + items: [ + { + label: 'Dashboard', + icon: 'pi pi-fw pi-home', + routerLink: ['/'] + } + ] + }, + //... + ]; + } +} + + +

Integration with Existing Angular CLI Projects

+

Sakai structure is designed in a modular way so that it can easily be integrated with your existing application. We've created a short tutorial with details.

+ +
+ +
+ +

Theme

+

Sakai provides 24 PrimeNG themes out of the box. Setup of a theme is simple by including the css of theme + to your bundle that are located inside assets/layout/styles/theme/ + folder such as assets/layout/styles/theme/lara-light-indigo/theme.css.

+ +

Another alternative would be creating dynamic bundles, please see the video tutorial for an example.

+ +
Theme Designer
+

Sakai includes a simplified version of the PrimeNG Theme Designer that only includes the main SASS structure. Full list of SASS variables to customize the components further is available at the + SASS API docs. +

+ +

Migration Guide

+

Every important change is included in CHANGELOG.md file at the root folder of the distribution along with the instructions to update. Whenever a major version of Angular is released, a new version of the template + is provided that mainly brings compatibility support to the PrimeNG component theming. If there are no compatibility issues on component theming e.g. new components or new functionality to PrimeNG, + you may still update your application to the latest Angular and PrimeNG without the need to waiting for an update.

+
+
diff --git a/src/app/components/documentation/documentation.component.ts b/src/app/demo/components/documentation/documentation.component.ts old mode 100755 new mode 100644 similarity index 73% rename from src/app/components/documentation/documentation.component.ts rename to src/app/demo/components/documentation/documentation.component.ts index 993ab7c..4e166fb --- a/src/app/components/documentation/documentation.component.ts +++ b/src/app/demo/components/documentation/documentation.component.ts @@ -3,4 +3,4 @@ import { Component } from '@angular/core'; @Component({ templateUrl: './documentation.component.html' }) -export class DocumentationComponent {} +export class DocumentationComponent { } \ No newline at end of file diff --git a/src/app/demo/components/documentation/documentation.module.ts b/src/app/demo/components/documentation/documentation.module.ts new file mode 100644 index 0000000..917ee81 --- /dev/null +++ b/src/app/demo/components/documentation/documentation.module.ts @@ -0,0 +1,15 @@ +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { DocumentationRoutingModule } from './documentation-routing.module'; +import { AppCodeModule } from '../code/code.component'; +import { DocumentationComponent } from './documentation.component'; + +@NgModule({ + imports: [ + CommonModule, + AppCodeModule, + DocumentationRoutingModule + ], + declarations: [DocumentationComponent] +}) +export class DocumentationModule { } diff --git a/src/app/demo/components/landing/landing-routing.module.ts b/src/app/demo/components/landing/landing-routing.module.ts new file mode 100644 index 0000000..ecaf3c1 --- /dev/null +++ b/src/app/demo/components/landing/landing-routing.module.ts @@ -0,0 +1,11 @@ +import { NgModule } from '@angular/core'; +import { RouterModule } from '@angular/router'; +import { LandingComponent } from './landing.component'; + +@NgModule({ + imports: [RouterModule.forChild([ + { path: '', component: LandingComponent } + ])], + exports: [RouterModule] +}) +export class LandingRoutingModule { } diff --git a/src/app/demo/components/landing/landing.component.html b/src/app/demo/components/landing/landing.component.html new file mode 100644 index 0000000..59847ae --- /dev/null +++ b/src/app/demo/components/landing/landing.component.html @@ -0,0 +1,359 @@ +
+
+
+ + Sakai LogoSAKAI + + + + + +
+ +
+
+

Eu sem integereget magna fermentum

+

Sed blandit libero volutpat sed cras. Fames ac turpis egestas integer. Placerat in egestas erat...

+ +
+ +
+ +
+
+
+

Marvelous Features

+ Placerat in egestas erat... +
+ +
+
+
+
+ +
+
Easy to Use
+ Posuere morbi leo urna molestie. +
+
+
+ +
+
+
+
+ +
+
Fresh Design
+ Semper risus in hendrerit. +
+
+
+ +
+
+
+
+ +
+
Well Documented
+ Non arcu risus quis varius quam quisque. +
+
+
+ +
+
+
+
+ +
+
Responsive Layout
+ Nulla malesuada pellentesque elit. +
+
+
+ +
+
+
+
+ +
+
Clean Code
+ Condimentum lacinia quis vel eros. +
+
+
+ +
+
+
+
+ +
+
Dark Mode
+ Convallis tellus id interdum velit laoreet. +
+
+
+ +
+
+
+
+ +
+
Ready to Use
+ Mauris sit amet massa vitae. +
+
+
+ +
+
+
+
+ +
+
Modern Practices
+ Elementum nibh tellus molestie nunc non. +
+
+
+ +
+
+
+
+ +
+
Privacy
+ Neque egestas congue quisque. +
+
+
+ +
+
+

Joséphine Miller

+ Peak Interactive +

“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.”

+ Company logo + +
+
+
+
+ +
+
+

Powerful Everywhere

+ Amet consectetur adipiscing elit... +
+ +
+
+ mockup mobile +
+ +
+
+ +
+

Congue Quisque Egestas

+ Lectus arcu bibendum at varius vel pharetra vel turpis nunc. Eget aliquet nibh praesent tristique magna sit amet purus gravida. Sit amet mattis vulputate enim nulla aliquet. +
+
+ +
+
+
+ +
+

Celerisque Eu Ultrices

+ Adipiscing commodo elit at imperdiet dui. Viverra nibh cras pulvinar mattis nunc sed blandit libero. Suspendisse in est ante in. Mauris pharetra et ultrices neque ornare aenean euismod elementum nisi. +
+ +
+ mockup +
+
+
+ +
+
+

Matchless Pricing

+ Amet consectetur adipiscing elit... +
+ +
+
+
+

Free

+ free +
+ $0 + per month + +
+ +
    +
  • + + Responsive Layout +
    • +
  • + + Unlimited Push Messages +
    • +
  • + + 50 Support Ticket +
    • +
  • + + Free Shipping +
    • +
+
+
+ +
+
+

Startup

+ startup +
+ $1 + per month + +
+ +
    +
  • + + Responsive Layout +
    • +
  • + + Unlimited Push Messages +
    • +
  • + + 50 Support Ticket +
    • +
  • + + Free Shipping +
    • +
+
+
+ +
+
+

Enterprise

+ enterprise +
+ $999 + per month + +
+ +
    +
  • + + Responsive Layout +
    • +
  • + + Unlimited Push Messages +
    • +
  • + + 50 Support Ticket +
    • +
  • + + Free Shipping +
    • +
+
+
+
+
+ +
+
+
+ + footer sections +

SAKAI

+ +
+ +
+
+
+

Company

+ About Us + News + Investor Relations + Careers + Media Kit +
+ +
+

Resources

+ Get Started + Learn + Case Studies +
+ +
+

Community

+ Discord + Events + FAQ + Blog +
+ +
+

Legal

+ Brand Policy + Privacy Policy + Terms of Service +
+
+
+
+
+
+
\ No newline at end of file diff --git a/src/app/demo/components/landing/landing.component.ts b/src/app/demo/components/landing/landing.component.ts new file mode 100644 index 0000000..5075067 --- /dev/null +++ b/src/app/demo/components/landing/landing.component.ts @@ -0,0 +1,63 @@ +import { Component } from '@angular/core'; +import { Router } from '@angular/router'; +import { LayoutService } from 'src/app/layout/service/app.layout.service'; + +@Component({ + selector: 'app-landing', + templateUrl: './landing.component.html', + styles: [` + #hero{ + background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), radial-gradient(77.36% 256.97% at 77.36% 57.52%, #EEEFAF 0%, #C3E3FA 100%); + height:700px; + overflow:hidden; + } + + .pricing-card:hover{ + border:2px solid var(--cyan-200) !important; + } + + @media screen and (min-width: 768px) { + #hero{ + -webkit-clip-path: ellipse(150% 87% at 93% 13%); + clip-path: ellipse(150% 87% at 93% 13%); + height: 530px; + } + } + + @media screen and (min-width: 1300px){ + #hero > img { + position: absolute; + transform:scale(1.2); + top:15%; + } + + #hero > div > p { + max-width: 450px; + } + } + + @media screen and (max-width: 1300px){ + #hero { + height: 600px; + } + + #hero > img { + position:static; + transform: scale(1); + margin-left: auto; + } + + #hero > div { + width: 100%; + } + + #hero > div > p { + width: 100%; + max-width: 100%; + } + } + `] +}) +export class LandingComponent { + constructor(public layoutService: LayoutService, public router: Router) { } +} diff --git a/src/app/demo/components/landing/landing.module.ts b/src/app/demo/components/landing/landing.module.ts new file mode 100644 index 0000000..3a08743 --- /dev/null +++ b/src/app/demo/components/landing/landing.module.ts @@ -0,0 +1,23 @@ +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { LandingRoutingModule } from './landing-routing.module'; +import { LandingComponent } from './landing.component'; +import { StyleClassModule } from 'primeng/styleclass'; +import { DividerModule } from 'primeng/divider'; +import { ChartModule } from 'primeng/chart'; +import { PanelModule } from 'primeng/panel'; +import { ButtonModule } from 'primeng/button'; + +@NgModule({ + imports: [ + CommonModule, + LandingRoutingModule, + DividerModule, + StyleClassModule, + ChartModule, + PanelModule, + ButtonModule + ], + declarations: [LandingComponent] +}) +export class LandingModule { } diff --git a/src/app/components/notfound/notfound.component.html b/src/app/demo/components/notfound/notfound.component.html similarity index 96% rename from src/app/components/notfound/notfound.component.html rename to src/app/demo/components/notfound/notfound.component.html index fd53ef0..5dad9a4 100644 --- a/src/app/components/notfound/notfound.component.html +++ b/src/app/demo/components/notfound/notfound.component.html @@ -1,7 +1,7 @@
- Sakai logo + Sakai logo
diff --git a/src/app/demo/components/notfound/notfound.component.ts b/src/app/demo/components/notfound/notfound.component.ts new file mode 100644 index 0000000..8ec0c15 --- /dev/null +++ b/src/app/demo/components/notfound/notfound.component.ts @@ -0,0 +1,7 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-notfound', + templateUrl: './notfound.component.html', +}) +export class NotfoundComponent { } \ No newline at end of file diff --git a/src/app/demo/components/pages/crud/crud-routing.module.ts b/src/app/demo/components/pages/crud/crud-routing.module.ts new file mode 100644 index 0000000..75ac279 --- /dev/null +++ b/src/app/demo/components/pages/crud/crud-routing.module.ts @@ -0,0 +1,11 @@ +import { NgModule } from '@angular/core'; +import { RouterModule } from '@angular/router'; +import { CrudComponent } from './crud.component'; + +@NgModule({ + imports: [RouterModule.forChild([ + { path: '', component: CrudComponent } + ])], + exports: [RouterModule] +}) +export class CrudRoutingModule { } diff --git a/src/app/components/crud/crud.component.html b/src/app/demo/components/pages/crud/crud.component.html similarity index 98% rename from src/app/components/crud/crud.component.html rename to src/app/demo/components/pages/crud/crud.component.html index 1868904..8b88702 100644 --- a/src/app/components/crud/crud.component.html +++ b/src/app/demo/components/pages/crud/crud.component.html @@ -1,6 +1,6 @@
-
+
@@ -22,7 +22,7 @@
Manage Products
- +
@@ -98,7 +98,7 @@ - {{product.inventoryStatus.label}} + {{product.inventoryStatus}} {{status.label}} diff --git a/src/app/components/crud/crud.component.ts b/src/app/demo/components/pages/crud/crud.component.ts similarity index 58% rename from src/app/components/crud/crud.component.ts rename to src/app/demo/components/pages/crud/crud.component.ts index b262137..a01e2be 100644 --- a/src/app/components/crud/crud.component.ts +++ b/src/app/demo/components/pages/crud/crud.component.ts @@ -1,53 +1,52 @@ import { Component, OnInit } from '@angular/core'; -import { Product } from '../../api/product'; -import { ProductService } from '../../service/productservice'; -import { ConfirmationService, MessageService } from 'primeng/api'; +import { Product } from 'src/app/demo/api/product'; +import { MessageService } from 'primeng/api'; +import { Table } from 'primeng/table'; +import { ProductService } from 'src/app/demo/service/product.service'; @Component({ templateUrl: './crud.component.html', - providers: [MessageService, ConfirmationService], - styleUrls: ['../../../assets/demo/badges.scss'] + providers: [MessageService] }) export class CrudComponent implements OnInit { - productDialog: boolean; + productDialog: boolean = false; deleteProductDialog: boolean = false; deleteProductsDialog: boolean = false; - products: Product[]; + products: Product[] = []; - product: Product; + product: Product = {}; - selectedProducts: Product[]; + selectedProducts: Product[] = []; - submitted: boolean; + submitted: boolean = false; - cols: any[]; + cols: any[] = []; - statuses: any[]; + statuses: any[] = []; rowsPerPageOptions = [5, 10, 20]; - constructor(private productService: ProductService, private messageService: MessageService, - private confirmationService: ConfirmationService) {} + constructor(private productService: ProductService, private messageService: MessageService) { } ngOnInit() { this.productService.getProducts().then(data => this.products = data); this.cols = [ - {field: 'name', header: 'Name'}, - {field: 'price', header: 'Price'}, - {field: 'category', header: 'Category'}, - {field: 'rating', header: 'Reviews'}, - {field: 'inventoryStatus', header: 'Status'} + { field: 'product', header: 'Product' }, + { field: 'price', header: 'Price' }, + { field: 'category', header: 'Category' }, + { field: 'rating', header: 'Reviews' }, + { field: 'inventoryStatus', header: 'Status' } ]; this.statuses = [ - {label: 'INSTOCK', value: 'instock'}, - {label: 'LOWSTOCK', value: 'lowstock'}, - {label: 'OUTOFSTOCK', value: 'outofstock'} + { label: 'INSTOCK', value: 'instock' }, + { label: 'LOWSTOCK', value: 'lowstock' }, + { label: 'OUTOFSTOCK', value: 'outofstock' } ]; } @@ -62,26 +61,26 @@ export class CrudComponent implements OnInit { } editProduct(product: Product) { - this.product = {...product}; + this.product = { ...product }; this.productDialog = true; } deleteProduct(product: Product) { this.deleteProductDialog = true; - this.product = {...product}; + this.product = { ...product }; } - confirmDeleteSelected(){ + confirmDeleteSelected() { this.deleteProductsDialog = false; this.products = this.products.filter(val => !this.selectedProducts.includes(val)); - this.messageService.add({severity: 'success', summary: 'Successful', detail: 'Products Deleted', life: 3000}); - this.selectedProducts = null; + this.messageService.add({ severity: 'success', summary: 'Successful', detail: 'Products Deleted', life: 3000 }); + this.selectedProducts = []; } - confirmDelete(){ + confirmDelete() { this.deleteProductDialog = false; this.products = this.products.filter(val => val.id !== this.product.id); - this.messageService.add({severity: 'success', summary: 'Successful', detail: 'Product Deleted', life: 3000}); + this.messageService.add({ severity: 'success', summary: 'Successful', detail: 'Product Deleted', life: 3000 }); this.product = {}; } @@ -93,12 +92,12 @@ export class CrudComponent implements OnInit { saveProduct() { this.submitted = true; - if (this.product.name.trim()) { + if (this.product.name?.trim()) { if (this.product.id) { // @ts-ignore - this.product.inventoryStatus = this.product.inventoryStatus.value ? this.product.inventoryStatus.value: this.product.inventoryStatus; + this.product.inventoryStatus = this.product.inventoryStatus.value ? this.product.inventoryStatus.value : this.product.inventoryStatus; this.products[this.findIndexById(this.product.id)] = this.product; - this.messageService.add({severity: 'success', summary: 'Successful', detail: 'Product Updated', life: 3000}); + this.messageService.add({ severity: 'success', summary: 'Successful', detail: 'Product Updated', life: 3000 }); } else { this.product.id = this.createId(); this.product.code = this.createId(); @@ -106,7 +105,7 @@ export class CrudComponent implements OnInit { // @ts-ignore this.product.inventoryStatus = this.product.inventoryStatus ? this.product.inventoryStatus.value : 'INSTOCK'; this.products.push(this.product); - this.messageService.add({severity: 'success', summary: 'Successful', detail: 'Product Created', life: 3000}); + this.messageService.add({ severity: 'success', summary: 'Successful', detail: 'Product Created', life: 3000 }); } this.products = [...this.products]; @@ -135,4 +134,8 @@ export class CrudComponent implements OnInit { } return id; } + + onGlobalFilter(table: Table, event: Event) { + table.filterGlobal((event.target as HTMLInputElement).value, 'contains'); + } } diff --git a/src/app/demo/components/pages/crud/crud.module.ts b/src/app/demo/components/pages/crud/crud.module.ts new file mode 100644 index 0000000..8f79bbb --- /dev/null +++ b/src/app/demo/components/pages/crud/crud.module.ts @@ -0,0 +1,41 @@ +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { FormsModule } from '@angular/forms'; +import { CrudRoutingModule } from './crud-routing.module'; +import { CrudComponent } from './crud.component'; +import { TableModule } from 'primeng/table'; +import { FileUploadModule } from 'primeng/fileupload'; +import { ButtonModule } from 'primeng/button'; +import { RippleModule } from 'primeng/ripple'; +import { ToastModule } from 'primeng/toast'; +import { ToolbarModule } from 'primeng/toolbar'; +import { RatingModule } from 'primeng/rating'; +import { InputTextModule } from 'primeng/inputtext'; +import { InputTextareaModule } from 'primeng/inputtextarea'; +import { DropdownModule } from 'primeng/dropdown'; +import { RadioButtonModule } from 'primeng/radiobutton'; +import { InputNumberModule } from 'primeng/inputnumber'; +import { DialogModule } from 'primeng/dialog'; + +@NgModule({ + imports: [ + CommonModule, + CrudRoutingModule, + TableModule, + FileUploadModule, + FormsModule, + ButtonModule, + RippleModule, + ToastModule, + ToolbarModule, + RatingModule, + InputTextModule, + InputTextareaModule, + DropdownModule, + RadioButtonModule, + InputNumberModule, + DialogModule + ], + declarations: [CrudComponent] +}) +export class CrudModule { } diff --git a/src/app/demo/components/pages/empty/emptydemo-routing.module.ts b/src/app/demo/components/pages/empty/emptydemo-routing.module.ts new file mode 100644 index 0000000..52ed8c5 --- /dev/null +++ b/src/app/demo/components/pages/empty/emptydemo-routing.module.ts @@ -0,0 +1,11 @@ +import { NgModule } from '@angular/core'; +import { RouterModule } from '@angular/router'; +import { EmptyDemoComponent } from './emptydemo.component'; + +@NgModule({ + imports: [RouterModule.forChild([ + { path: '', component: EmptyDemoComponent } + ])], + exports: [RouterModule] +}) +export class EmptyDemoRoutingModule { } diff --git a/src/app/components/empty/empty.component.html b/src/app/demo/components/pages/empty/emptydemo.component.html old mode 100755 new mode 100644 similarity index 100% rename from src/app/components/empty/empty.component.html rename to src/app/demo/components/pages/empty/emptydemo.component.html diff --git a/src/app/demo/components/pages/empty/emptydemo.component.ts b/src/app/demo/components/pages/empty/emptydemo.component.ts new file mode 100644 index 0000000..65fef35 --- /dev/null +++ b/src/app/demo/components/pages/empty/emptydemo.component.ts @@ -0,0 +1,6 @@ +import { Component } from '@angular/core'; + +@Component({ + templateUrl: './emptydemo.component.html' +}) +export class EmptyDemoComponent { } diff --git a/src/app/demo/components/pages/empty/emptydemo.module.ts b/src/app/demo/components/pages/empty/emptydemo.module.ts new file mode 100644 index 0000000..59302aa --- /dev/null +++ b/src/app/demo/components/pages/empty/emptydemo.module.ts @@ -0,0 +1,13 @@ +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { EmptyDemoRoutingModule } from './emptydemo-routing.module'; +import { EmptyDemoComponent } from './emptydemo.component'; + +@NgModule({ + imports: [ + CommonModule, + EmptyDemoRoutingModule + ], + declarations: [EmptyDemoComponent] +}) +export class EmptyDemoModule { } diff --git a/src/app/demo/components/pages/pages-routing.module.ts b/src/app/demo/components/pages/pages-routing.module.ts new file mode 100644 index 0000000..e68212d --- /dev/null +++ b/src/app/demo/components/pages/pages-routing.module.ts @@ -0,0 +1,12 @@ +import { NgModule } from '@angular/core'; +import { RouterModule } from '@angular/router'; + +@NgModule({ + imports: [RouterModule.forChild([ + { path: 'crud', loadChildren: () => import('./crud/crud.module').then(m => m.CrudModule) }, + { path: 'empty', loadChildren: () => import('./empty/emptydemo.module').then(m => m.EmptyDemoModule) }, + { path: 'timeline', loadChildren: () => import('./timeline/timelinedemo.module').then(m => m.TimelineDemoModule) } + ])], + exports: [RouterModule] +}) +export class PagesRoutingModule { } diff --git a/src/app/demo/components/pages/pages.module.ts b/src/app/demo/components/pages/pages.module.ts new file mode 100644 index 0000000..7b4557f --- /dev/null +++ b/src/app/demo/components/pages/pages.module.ts @@ -0,0 +1,12 @@ +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { PagesRoutingModule } from './pages-routing.module'; + +@NgModule({ + declarations: [], + imports: [ + CommonModule, + PagesRoutingModule + ] +}) +export class PagesModule { } diff --git a/src/app/demo/components/pages/timeline/timelinedemo-routing.module.ts b/src/app/demo/components/pages/timeline/timelinedemo-routing.module.ts new file mode 100644 index 0000000..a4522b0 --- /dev/null +++ b/src/app/demo/components/pages/timeline/timelinedemo-routing.module.ts @@ -0,0 +1,11 @@ +import { NgModule } from '@angular/core'; +import { RouterModule } from '@angular/router'; +import { TimelineDemoComponent } from './timelinedemo.component'; + +@NgModule({ + imports: [RouterModule.forChild([ + { path: '', component: TimelineDemoComponent } + ])], + exports: [RouterModule] +}) +export class TimelineDemoRoutingModule { } diff --git a/src/app/demo/components/pages/timeline/timelinedemo.component.html b/src/app/demo/components/pages/timeline/timelinedemo.component.html new file mode 100644 index 0000000..36ff3c6 --- /dev/null +++ b/src/app/demo/components/pages/timeline/timelinedemo.component.html @@ -0,0 +1,90 @@ +
+
+
+
Left Align
+ + + {{event.status}} + + +
+
+
+
+
Right Align
+ + + {{event.status}} + + +
+
+
+
+
Alternate Align
+ + + {{event.status}} + + +
+
+
+
+
Opposite Content
+ + + {{event.date}} + + + {{event.status}} + + +
+
+
+ +
+
Customized
+ + + + + + + + + +

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae numquam deserunt + quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate neque quas!

+ + + + +
+ +
+
Horizontal
+
Top Align
+ + + {{event}} + + + +
Bottom Align
+ + + {{event}} + + + +
Alternate Align
+ + + {{event}} + + +   + + diff --git a/src/app/demo/components/pages/timeline/timelinedemo.component.ts b/src/app/demo/components/pages/timeline/timelinedemo.component.ts new file mode 100644 index 0000000..1cb03a1 --- /dev/null +++ b/src/app/demo/components/pages/timeline/timelinedemo.component.ts @@ -0,0 +1,27 @@ +import { Component } from '@angular/core'; +import { PrimeIcons } from 'primeng/api'; + +@Component({ + templateUrl: './timelinedemo.component.html', + styleUrls: ['./timelinedemo.scss'] +}) +export class TimelineDemoComponent { + + events1: any[] = []; + + events2: any[] = []; + + ngOnInit() { + this.events1 = [ + { status: 'Ordered', date: '15/10/2020 10:30', icon: PrimeIcons.SHOPPING_CART, color: '#9C27B0', image: 'game-controller.jpg' }, + { status: 'Processing', date: '15/10/2020 14:00', icon: PrimeIcons.COG, color: '#673AB7' }, + { status: 'Shipped', date: '15/10/2020 16:15', icon: PrimeIcons.ENVELOPE, color: '#FF9800' }, + { status: 'Delivered', date: '16/10/2020 10:00', icon: PrimeIcons.CHECK, color: '#607D8B' } + ]; + + this.events2 = [ + "2020", "2021", "2022", "2023" + ]; + } + +} diff --git a/src/app/demo/components/pages/timeline/timelinedemo.module.ts b/src/app/demo/components/pages/timeline/timelinedemo.module.ts new file mode 100644 index 0000000..082be85 --- /dev/null +++ b/src/app/demo/components/pages/timeline/timelinedemo.module.ts @@ -0,0 +1,19 @@ +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { TimelineDemoRoutingModule } from './timelinedemo-routing.module'; +import { TimelineDemoComponent } from './timelinedemo.component'; +import { TimelineModule } from 'primeng/timeline'; +import { ButtonModule } from 'primeng/button'; +import { CardModule } from 'primeng/card'; + +@NgModule({ + imports: [ + CommonModule, + TimelineModule, + ButtonModule, + CardModule, + TimelineDemoRoutingModule + ], + declarations: [TimelineDemoComponent] +}) +export class TimelineDemoModule { } diff --git a/src/app/demo/components/pages/timeline/timelinedemo.scss b/src/app/demo/components/pages/timeline/timelinedemo.scss new file mode 100644 index 0000000..12a423e --- /dev/null +++ b/src/app/demo/components/pages/timeline/timelinedemo.scss @@ -0,0 +1,21 @@ +@media screen and (max-width: 960px) { + ::ng-deep { + .customized-timeline { + .p-timeline-event:nth-child(even) { + flex-direction: row !important; + + .p-timeline-event-content { + text-align: left !important; + } + } + + .p-timeline-event-opposite { + flex: 0; + } + + .p-card { + margin-top: 1rem; + } + } + } +} \ No newline at end of file diff --git a/src/app/components/blocks/blocks.component.html b/src/app/demo/components/primeblocks/blocks/blocks.component.html similarity index 99% rename from src/app/components/blocks/blocks.component.html rename to src/app/demo/components/primeblocks/blocks/blocks.component.html index 08428ad..293a28d 100644 --- a/src/app/components/blocks/blocks.component.html +++ b/src/app/demo/components/primeblocks/blocks/blocks.component.html @@ -5,7 +5,7 @@ Create the screens your
your visitors deserve to see

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

- + @@ -406,4 +406,4 @@
Vivamus id nisl interdum, blandit augue sit amet, eleifend mi.
- \ No newline at end of file + diff --git a/src/app/demo/components/primeblocks/blocks/blocks.component.ts b/src/app/demo/components/primeblocks/blocks/blocks.component.ts new file mode 100644 index 0000000..3317d2c --- /dev/null +++ b/src/app/demo/components/primeblocks/blocks/blocks.component.ts @@ -0,0 +1,399 @@ +import { Component } from '@angular/core'; + +@Component({ + templateUrl: './blocks.component.html' +}) +export class BlocksComponent { + + block1: string = ` +
+
+
+ Create the screens your +
your visitors deserve to see
+

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

+ + +
+
+
+ Image +
+
`; + + block2: string = ` +
+
+ One Product, + Many Solutions +
+
Ac turpis egestas maecenas pharetra convallis posuere morbi leo urna.
+
+
+ + + +
Built for Developers
+ Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. +
+
+ + + +
End-to-End Encryption
+ Risus nec feugiat in fermentum posuere urna nec. Posuere sollicitudin aliquam ultrices sagittis. +
+
+ + + +
Easy to Use
+ Ornare suspendisse sed nisi lacus sed viverra tellus. Neque volutpat ac tincidunt vitae semper. +
+
+ + + +
Fast & Global Support
+ Fermentum et sollicitudin ac orci phasellus egestas tellus rutrum tellus. +
+
+ + + +
Open Source
+ Nec tincidunt praesent semper feugiat. Sed adipiscing diam donec adipiscing tristique risus nec feugiat. +
+
+ + + +
Trusted Securitty
+ Mattis rhoncus urna neque viverra justo nec ultrices. Id cursus metus aliquam eleifend. +
+
+
`; + + block3: string = ` +
+
Pricing Plans
+
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Velit numquam eligendi quos.
+
+
+
+
+
Basic
+
Plan description
+
+
+ $9 + per month +
+
+
    +
  • + + Arcu vitae elementum +
    • +
  • + + Dui faucibus in ornare +
    • +
  • + + Morbi tincidunt augue +
    • +
+
+ +
+
+
+
+
+
+
Premium
+
Plan description
+
+
+ $29 + per month +
+
+
    +
  • + + Arcu vitae elementum +
    • +
  • + + Dui faucibus in ornare +
    • +
  • + + Morbi tincidunt augue +
    • +
  • + + Duis ultricies lacus sed +
    • +
+
+ +
+
+
+
+
+
+
Enterprise
+
Plan description
+
+
+ $49 + per month +
+
+
    +
  • + + Arcu vitae elementum +
    • +
  • + + Dui faucibus in ornare +
    • +
  • + + Morbi tincidunt augue +
    • +
  • + + Duis ultricies lacus sed +
    • +
  • + + Imperdiet proin +
    • +
  • + + Nisi scelerisque +
    • +
+
+ +
+
+
+
+
`; + + block4: string = ` +
+
+
 POWERED BY DISCORD
+
Join Our Design Community
+
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Velit numquam eligendi quos.
+ +
+
`; + + block5: string = ` +
+
🔥 Hot Deals!
+ + + Learn More + + + + +
`; + + block6: string = ` +
+ +
+
+
Customers
+
+
+ + 332 Active Users +
+
+ + 9402 Sessions +
+
+ + 2.32m Avg. Duration +
+
+
+
+ + +
+
+
`; + + block7: string = ` +
+
+
+
+
+
+ Orders +
152
+
+
+ +
+
+ 24 new + since last visit +
+
+
+
+
+
+ Revenue +
$2.100
+
+
+ +
+
+ %52+ + since last week +
+
+
+
+
+
+ Customers +
28441
+
+
+ +
+
+ 520 + newly registered +
+
+
+
+
+
+ Comments +
152 Unread
+
+
+ +
+
+ 85 + responded +
+
+
+
`; + + block8: string = ` +
+
+ Image +
Welcome Back
+ Don't have an account? + Create today! +
+
+ + + + +
+
+ + +
+ Forgot password? +
+ +
+
`; + + block9: string = ` +
+
Movie Information
+
Morbi tristique blandit turpis. In viverra ligula id nulla hendrerit rutrum.
+
    +
  • +
    Title
    +
    Heat
    +
    + +
    +
    • +
  • +
    Genre
    +
    + + + +
    +
    + +
    +
    • +
  • +
    Director
    +
    Michael Mann
    +
    + +
    +
    • +
  • +
    Actors
    +
    Robert De Niro, Al Pacino
    +
    + +
    +
    • +
  • +
    Plot
    +
    + A group of professional bank robbers start to feel the heat from police + when they unknowingly leave a clue at their latest heist.
    +
    + +
    +
    • +
+
`; + + block10: string = ` +
+
Card Title
+
Vivamus id nisl interdum, blandit augue sit amet, eleifend mi.
+
+
`; + +} diff --git a/src/app/components/blockviewer/blockviewer.component.scss b/src/app/demo/components/primeblocks/blockviewer/blockviewer.component.scss similarity index 98% rename from src/app/components/blockviewer/blockviewer.component.scss rename to src/app/demo/components/primeblocks/blockviewer/blockviewer.component.scss index 7b1e69a..2d4a0ee 100644 --- a/src/app/components/blockviewer/blockviewer.component.scss +++ b/src/app/demo/components/primeblocks/blockviewer/blockviewer.component.scss @@ -90,10 +90,11 @@ :host ::ng-deep pre[class*="language-"] { margin: 0 !important; + border-radius: 0 !important; &:before, &:after { display: none !important; - } + } code { border-left: 0 none !important; @@ -116,4 +117,4 @@ margin-left: 0; } } -} \ No newline at end of file +} diff --git a/src/app/components/blockviewer/blockviewer.component.ts b/src/app/demo/components/primeblocks/blockviewer/blockviewer.component.ts similarity index 69% rename from src/app/components/blockviewer/blockviewer.component.ts rename to src/app/demo/components/primeblocks/blockviewer/blockviewer.component.ts index 73ae3ba..d68dfd5 100644 --- a/src/app/components/blockviewer/blockviewer.component.ts +++ b/src/app/demo/components/primeblocks/blockviewer/blockviewer.component.ts @@ -1,13 +1,13 @@ import { Component, Input } from '@angular/core'; enum BlockView { - PREVIEW, - CODE + PREVIEW, + CODE } @Component({ - selector: 'block-viewer', - template: ` + selector: 'block-viewer', + template: `
@@ -35,35 +35,36 @@ enum BlockView {
`, - styleUrls: ['./blockviewer.component.scss'] + styleUrls: ['./blockviewer.component.scss'] }) export class BlockViewer { - - @Input() header: string; - @Input() code: string; + @Input() header!: string; - @Input() containerClass: string; + @Input() code!: string; - @Input() previewStyle: string; + @Input() containerClass!: string; - @Input() free: boolean = true; + @Input() previewStyle!: object; - @Input() new: boolean = false; + @Input() free: boolean = true; - BlockView = BlockView; + @Input() new: boolean = false; - blockView: BlockView = BlockView.PREVIEW; + BlockView = BlockView; - activateView(event: Event, blockView: BlockView) { + blockView: BlockView = BlockView.PREVIEW; - this.blockView = blockView; - event.preventDefault(); - } + activateView(event: Event, blockView: BlockView) { - async copyCode(event: Event) { - await navigator.clipboard.writeText(this.code); - event.preventDefault(); - } + this.blockView = blockView; + event.preventDefault(); + } + + + async copyCode(event: Event) { + await navigator.clipboard.writeText(this.code); + event.preventDefault(); + } } diff --git a/src/app/demo/components/primeblocks/primeblocks-routing.module.ts b/src/app/demo/components/primeblocks/primeblocks-routing.module.ts new file mode 100644 index 0000000..b3149f4 --- /dev/null +++ b/src/app/demo/components/primeblocks/primeblocks-routing.module.ts @@ -0,0 +1,11 @@ +import { NgModule } from '@angular/core'; +import { RouterModule } from '@angular/router'; +import { BlocksComponent } from './blocks/blocks.component'; + +@NgModule({ + imports: [RouterModule.forChild([ + { path: '', component: BlocksComponent } + ])], + exports: [RouterModule] +}) +export class PrimeBlocksRoutingModule { } diff --git a/src/app/demo/components/primeblocks/primeblocks.module.ts b/src/app/demo/components/primeblocks/primeblocks.module.ts new file mode 100644 index 0000000..645651b --- /dev/null +++ b/src/app/demo/components/primeblocks/primeblocks.module.ts @@ -0,0 +1,33 @@ +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { BlocksComponent } from './blocks/blocks.component'; +import { PrimeBlocksRoutingModule } from './primeblocks-routing.module'; +import { BlockViewer } from './blockviewer/blockviewer.component' +import { AppCodeModule } from '../code/code.component'; +import { ChipModule } from 'primeng/chip'; +import { CheckboxModule } from 'primeng/checkbox'; +import { ButtonModule } from 'primeng/button'; +import { RippleModule } from 'primeng/ripple'; +import { FormsModule } from '@angular/forms'; +import { InputTextModule } from 'primeng/inputtext'; +import { PasswordModule } from 'primeng/password'; +import { TooltipModule } from 'primeng/tooltip'; + +@NgModule({ + imports: [ + CommonModule, + AppCodeModule, + ButtonModule, + RippleModule, + ChipModule, + CheckboxModule, + FormsModule, + InputTextModule, + PasswordModule, + TooltipModule, + PrimeBlocksRoutingModule, + AppCodeModule + ], + declarations: [BlocksComponent, BlockViewer] +}) +export class PrimeBlocksModule { } diff --git a/src/app/demo/components/uikit/button/buttondemo-routing.module.ts b/src/app/demo/components/uikit/button/buttondemo-routing.module.ts new file mode 100644 index 0000000..9629314 --- /dev/null +++ b/src/app/demo/components/uikit/button/buttondemo-routing.module.ts @@ -0,0 +1,11 @@ +import { NgModule } from '@angular/core'; +import { RouterModule } from '@angular/router'; +import { ButtonDemoComponent } from './buttondemo.component'; + +@NgModule({ + imports: [RouterModule.forChild([ + { path: '', component: ButtonDemoComponent } + ])], + exports: [RouterModule] +}) +export class ButtonDemoRoutingModule { } diff --git a/src/app/components/button/button.component.html b/src/app/demo/components/uikit/button/buttondemo.component.html similarity index 96% rename from src/app/components/button/button.component.html rename to src/app/demo/components/uikit/button/buttondemo.component.html index b716932..236543c 100644 --- a/src/app/components/button/button.component.html +++ b/src/app/demo/components/uikit/button/buttondemo.component.html @@ -61,13 +61,11 @@
Templating
- - logo - + logo - + - logo + logo PrimeNG
@@ -144,4 +142,4 @@
-
+
\ No newline at end of file diff --git a/src/app/demo/components/uikit/button/buttondemo.component.ts b/src/app/demo/components/uikit/button/buttondemo.component.ts new file mode 100644 index 0000000..4d9a0f0 --- /dev/null +++ b/src/app/demo/components/uikit/button/buttondemo.component.ts @@ -0,0 +1,27 @@ +import { Component, OnInit } from '@angular/core'; +import { MenuItem } from 'primeng/api'; + +@Component({ + templateUrl: './buttondemo.component.html' +}) +export class ButtonDemoComponent implements OnInit { + + items: MenuItem[] = []; + + loading = [false, false, false, false]; + + ngOnInit() { + this.items = [ + { label: 'Update', icon: 'pi pi-refresh' }, + { label: 'Delete', icon: 'pi pi-times' }, + { label: 'Angular.io', icon: 'pi pi-info', url: 'http://angular.io' }, + { separator: true }, + { label: 'Setup', icon: 'pi pi-cog' } + ]; + } + + load(index: number) { + this.loading[index] = true; + setTimeout(() => this.loading[index] = false, 1000); + } +} diff --git a/src/app/demo/components/uikit/button/buttondemo.module.ts b/src/app/demo/components/uikit/button/buttondemo.module.ts new file mode 100644 index 0000000..719e218 --- /dev/null +++ b/src/app/demo/components/uikit/button/buttondemo.module.ts @@ -0,0 +1,21 @@ +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { ButtonDemoRoutingModule } from './buttondemo-routing.module'; +import { ButtonDemoComponent } from './buttondemo.component'; +import { ButtonModule } from 'primeng/button'; +import { RippleModule } from 'primeng/ripple'; +import { SplitButtonModule } from 'primeng/splitbutton'; +import { ToggleButtonModule } from 'primeng/togglebutton'; + +@NgModule({ + imports: [ + CommonModule, + ButtonDemoRoutingModule, + ButtonModule, + RippleModule, + SplitButtonModule, + ToggleButtonModule, + ], + declarations: [ButtonDemoComponent] +}) +export class ButtonDemoModule { } diff --git a/src/app/demo/components/uikit/charts/charts-routing.module.ts b/src/app/demo/components/uikit/charts/charts-routing.module.ts new file mode 100644 index 0000000..d2949ed --- /dev/null +++ b/src/app/demo/components/uikit/charts/charts-routing.module.ts @@ -0,0 +1,12 @@ +import { NgModule } from '@angular/core'; +import { RouterModule } from '@angular/router'; +import { ChartsComponent } from './charts.component'; + + +@NgModule({ + imports: [RouterModule.forChild([ + { path: '', component: ChartsComponent } + ])], + exports: [RouterModule] +}) +export class ChartsRoutingModule { } diff --git a/src/app/components/charts/charts.component.html b/src/app/demo/components/uikit/charts/charts.component.html old mode 100755 new mode 100644 similarity index 100% rename from src/app/components/charts/charts.component.html rename to src/app/demo/components/uikit/charts/charts.component.html diff --git a/src/app/demo/components/uikit/charts/charts.component.ts b/src/app/demo/components/uikit/charts/charts.component.ts new file mode 100644 index 0000000..02ad8e1 --- /dev/null +++ b/src/app/demo/components/uikit/charts/charts.component.ts @@ -0,0 +1,268 @@ +import { Component, OnDestroy, OnInit } from '@angular/core'; +import { Subscription } from 'rxjs'; +import { LayoutService } from 'src/app/layout/service/app.layout.service'; + +@Component({ + templateUrl: './charts.component.html' +}) +export class ChartsComponent implements OnInit, OnDestroy { + + lineData: any; + + barData: any; + + pieData: any; + + polarData: any; + + radarData: any; + + lineOptions: any; + + barOptions: any; + + pieOptions: any; + + polarOptions: any; + + radarOptions: any; + + subscription!: Subscription; + + constructor(public layoutService: LayoutService) { + this.subscription = this.layoutService.configUpdate$.subscribe(() => { + this.initCharts(); + }); + } + + ngOnInit() { + this.initCharts(); + } + + initCharts() { + const documentStyle = getComputedStyle(document.documentElement); + const textColor = documentStyle.getPropertyValue('--text-color'); + const textColorSecondary = documentStyle.getPropertyValue('--text-color-secondary'); + const surfaceBorder = documentStyle.getPropertyValue('--surface-border'); + + this.barData = { + labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'], + datasets: [ + { + label: 'My First dataset', + backgroundColor: documentStyle.getPropertyValue('--bluegray-700'), + borderColor: documentStyle.getPropertyValue('--bluegray-700'), + data: [65, 59, 80, 81, 56, 55, 40] + }, + { + label: 'My Second dataset', + backgroundColor: documentStyle.getPropertyValue('--green-600'), + borderColor: documentStyle.getPropertyValue('--green-600'), + data: [28, 48, 40, 19, 86, 27, 90] + } + ] + }; + + this.barOptions = { + plugins: { + legend: { + labels: { + color: textColor + } + } + }, + scales: { + x: { + ticks: { + color: textColorSecondary, + font: { + weight: 500 + } + }, + grid: { + display: false, + drawBorder: false + } + }, + y: { + ticks: { + color: textColorSecondary + }, + grid: { + color: surfaceBorder, + drawBorder: false + } + }, + } + }; + + this.pieData = { + labels: ['A', 'B', 'C'], + datasets: [ + { + data: [540, 325, 702], + backgroundColor: [ + documentStyle.getPropertyValue('--yellow-500'), + documentStyle.getPropertyValue('--blue-500'), + documentStyle.getPropertyValue('--pink-500') + ], + hoverBackgroundColor: [ + documentStyle.getPropertyValue('--yellow-400'), + documentStyle.getPropertyValue('--blue-400'), + documentStyle.getPropertyValue('--red-400') + ] + }] + }; + + this.pieOptions = { + plugins: { + legend: { + labels: { + usePointStyle: true, + color: textColor + } + } + } + }; + + this.lineData = { + labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'], + datasets: [ + { + label: 'First Dataset', + data: [65, 59, 80, 81, 56, 55, 40], + fill: false, + backgroundColor: documentStyle.getPropertyValue('--bluegray-700'), + borderColor: documentStyle.getPropertyValue('--bluegray-700'), + tension: .4 + }, + { + label: 'Second Dataset', + data: [28, 48, 40, 19, 86, 27, 90], + fill: false, + backgroundColor: documentStyle.getPropertyValue('--green-600'), + borderColor: documentStyle.getPropertyValue('--green-600'), + tension: .4 + } + ] + }; + + this.lineOptions = { + plugins: { + legend: { + labels: { + color: textColor + } + } + }, + scales: { + x: { + ticks: { + color: textColorSecondary + }, + grid: { + color: surfaceBorder, + drawBorder: false + } + }, + y: { + ticks: { + color: textColorSecondary + }, + grid: { + color: surfaceBorder, + drawBorder: false + } + } + } + }; + + this.polarData = { + datasets: [{ + data: [ + 11, + 16, + 7, + 3 + ], + backgroundColor: [ + documentStyle.getPropertyValue('--red-500'), + documentStyle.getPropertyValue('--blue-500'), + documentStyle.getPropertyValue('--yellow-500'), + documentStyle.getPropertyValue('--green-500') + ], + label: 'My dataset' + }], + labels: [ + 'Red', + 'Blue', + 'Yellow', + 'Green' + ] + }; + + this.polarOptions = { + plugins: { + legend: { + labels: { + color: textColor + } + } + }, + scales: { + r: { + grid: { + color: surfaceBorder + } + } + } + }; + + this.radarData = { + labels: ['Eating', 'Drinking', 'Sleeping', 'Designing', 'Coding', 'Cycling', 'Running'], + datasets: [ + { + label: 'My First dataset', + borderColor: documentStyle.getPropertyValue('--red-500'), + pointBackgroundColor: documentStyle.getPropertyValue('--red-500'), + pointBorderColor: documentStyle.getPropertyValue('--red-500'), + pointHoverBackgroundColor: textColor, + pointHoverBorderColor: documentStyle.getPropertyValue('--red-500'), + data: [65, 59, 90, 81, 56, 55, 40] + }, + { + label: 'My Second dataset', + borderColor: documentStyle.getPropertyValue('--bluegray-500'), + pointBackgroundColor: documentStyle.getPropertyValue('--bluegray-500'), + pointBorderColor: documentStyle.getPropertyValue('--bluegray-500'), + pointHoverBackgroundColor: textColor, + pointHoverBorderColor: documentStyle.getPropertyValue('--bluegray-500'), + data: [28, 48, 40, 19, 96, 27, 100] + } + ] + }; + + this.radarOptions = { + plugins: { + legend: { + labels: { + color: textColor + } + } + }, + scales: { + r: { + grid: { + color: textColorSecondary + } + } + } + }; + } + + ngOnDestroy() { + if (this.subscription) { + this.subscription.unsubscribe(); + } + } +} diff --git a/src/app/demo/components/uikit/charts/charts.module.ts b/src/app/demo/components/uikit/charts/charts.module.ts new file mode 100644 index 0000000..7ec097a --- /dev/null +++ b/src/app/demo/components/uikit/charts/charts.module.ts @@ -0,0 +1,15 @@ +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { ChartModule } from 'primeng/chart' +import { ChartsComponent } from './charts.component'; +import { ChartsRoutingModule } from './charts-routing.module'; + +@NgModule({ + imports: [ + CommonModule, + ChartsRoutingModule, + ChartModule + ], + declarations: [ChartsComponent] +}) +export class ChartsModule { } diff --git a/src/app/demo/components/uikit/file/filedemo-routing.module.ts b/src/app/demo/components/uikit/file/filedemo-routing.module.ts new file mode 100644 index 0000000..755982d --- /dev/null +++ b/src/app/demo/components/uikit/file/filedemo-routing.module.ts @@ -0,0 +1,11 @@ +import { NgModule } from '@angular/core'; +import { RouterModule } from '@angular/router'; +import { FileDemoComponent } from './filedemo.component'; + +@NgModule({ + imports: [RouterModule.forChild([ + { path: '', component: FileDemoComponent } + ])], + exports: [RouterModule] +}) +export class FileDemoRoutingModule { } diff --git a/src/app/components/file/file.component.html b/src/app/demo/components/uikit/file/filedemo.component.html old mode 100755 new mode 100644 similarity index 74% rename from src/app/components/file/file.component.html rename to src/app/demo/components/uikit/file/filedemo.component.html index 5037d14..5fcdb0e --- a/src/app/components/file/file.component.html +++ b/src/app/demo/components/uikit/file/filedemo.component.html @@ -3,7 +3,7 @@
Advanced
+ [multiple]="true" accept="image/*" [maxFileSize]="1000000">
  • {{file.name}} - {{file.size}} bytes
    • @@ -12,7 +12,8 @@
    Basic
    - + +
-
+
\ No newline at end of file diff --git a/src/app/demo/components/uikit/file/filedemo.component.ts b/src/app/demo/components/uikit/file/filedemo.component.ts new file mode 100644 index 0000000..d6bf418 --- /dev/null +++ b/src/app/demo/components/uikit/file/filedemo.component.ts @@ -0,0 +1,25 @@ +import { Component } from '@angular/core'; +import { MessageService } from 'primeng/api'; + +@Component({ + templateUrl: './filedemo.component.html', + providers: [MessageService] +}) +export class FileDemoComponent { + + uploadedFiles: any[] = []; + + constructor(private messageService: MessageService) { } + + onUpload(event: any) { + for (const file of event.files) { + this.uploadedFiles.push(file); + } + + this.messageService.add({ severity: 'info', summary: 'Success', detail: 'File Uploaded' }); + } + + onBasicUpload() { + this.messageService.add({ severity: 'info', summary: 'Success', detail: 'File Uploaded with Basic Mode' }); + } +} diff --git a/src/app/demo/components/uikit/file/filedemo.module.ts b/src/app/demo/components/uikit/file/filedemo.module.ts new file mode 100644 index 0000000..ba2e017 --- /dev/null +++ b/src/app/demo/components/uikit/file/filedemo.module.ts @@ -0,0 +1,17 @@ +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { FormsModule } from '@angular/forms'; +import { FileUploadModule } from 'primeng/fileupload'; +import { FileDemoRoutingModule } from './filedemo-routing.module'; +import { FileDemoComponent } from './filedemo.component'; + +@NgModule({ + imports: [ + CommonModule, + FormsModule, + FileDemoRoutingModule, + FileUploadModule + ], + declarations: [FileDemoComponent], +}) +export class FileDemoModule { } diff --git a/src/app/demo/components/uikit/floatlabel/floatlabeldemo-routing.module.ts b/src/app/demo/components/uikit/floatlabel/floatlabeldemo-routing.module.ts new file mode 100644 index 0000000..5954506 --- /dev/null +++ b/src/app/demo/components/uikit/floatlabel/floatlabeldemo-routing.module.ts @@ -0,0 +1,11 @@ +import { NgModule } from '@angular/core'; +import { RouterModule } from '@angular/router'; +import { FloatLabelDemoComponent } from './floatlabeldemo.component'; + +@NgModule({ + imports: [RouterModule.forChild([ + { path: '', component: FloatLabelDemoComponent } + ])], + exports: [RouterModule] +}) +export class FloatlabelDemoRoutingModule { } diff --git a/src/app/components/floatlabel/floatlabel.component.html b/src/app/demo/components/uikit/floatlabel/floatlabeldemo.component.html similarity index 70% rename from src/app/components/floatlabel/floatlabel.component.html rename to src/app/demo/components/uikit/floatlabel/floatlabeldemo.component.html index 3648c9a..a67e07e 100644 --- a/src/app/components/floatlabel/floatlabel.component.html +++ b/src/app/demo/components/uikit/floatlabel/floatlabeldemo.component.html @@ -1,5 +1,6 @@
Float Label
+

All input text components support floating labels by adding (.p-float-label) to wrapper class.

@@ -14,27 +15,41 @@
+
+ + + + + +
+
+ + + + + +
- +
- +
- +
- +
@@ -44,28 +59,28 @@ - +
- +
- +
- +
-
\ No newline at end of file +
diff --git a/src/app/components/floatlabel/floatlabel.component.ts b/src/app/demo/components/uikit/floatlabel/floatlabeldemo.component.ts similarity index 66% rename from src/app/components/floatlabel/floatlabel.component.ts rename to src/app/demo/components/uikit/floatlabel/floatlabeldemo.component.ts index 4b2c018..de7716d 100644 --- a/src/app/components/floatlabel/floatlabel.component.ts +++ b/src/app/demo/components/uikit/floatlabel/floatlabeldemo.component.ts @@ -1,16 +1,16 @@ import { Component, OnInit } from '@angular/core'; -import { CountryService } from '../../service/countryservice'; +import { CountryService } from 'src/app/demo/service/country.service'; @Component({ - templateUrl: './floatlabel.component.html', + templateUrl: './floatlabeldemo.component.html', }) -export class FloatLabelComponent implements OnInit { +export class FloatLabelDemoComponent implements OnInit { - countries: any[]; + countries: any[] = []; cities: any[]; - filteredCountries: any[]; + filteredCountries: any[] = []; value1: any; @@ -38,11 +38,11 @@ export class FloatLabelComponent implements OnInit { constructor(private countryService: CountryService) { this.cities = [ - {name: 'New York', code: 'NY'}, - {name: 'Rome', code: 'RM'}, - {name: 'London', code: 'LDN'}, - {name: 'Istanbul', code: 'IST'}, - {name: 'Paris', code: 'PRS'} + { name: 'New York', code: 'NY' }, + { name: 'Rome', code: 'RM' }, + { name: 'London', code: 'LDN' }, + { name: 'Istanbul', code: 'IST' }, + { name: 'Paris', code: 'PRS' } ]; } @@ -52,11 +52,12 @@ export class FloatLabelComponent implements OnInit { }); } - searchCountry(event) { + searchCountry(event: any) { // in a real application, make a request to a remote url with the query and // return filtered results, for demo we filter at client side const filtered: any[] = []; const query = event.query; + // tslint:disable-next-line:prefer-for-of for (let i = 0; i < this.countries.length; i++) { const country = this.countries[i]; if (country.name.toLowerCase().indexOf(query.toLowerCase()) == 0) { diff --git a/src/app/demo/components/uikit/floatlabel/floatlabeldemo.module.ts b/src/app/demo/components/uikit/floatlabel/floatlabeldemo.module.ts new file mode 100644 index 0000000..6efed5a --- /dev/null +++ b/src/app/demo/components/uikit/floatlabel/floatlabeldemo.module.ts @@ -0,0 +1,35 @@ +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { FormsModule } from '@angular/forms'; +import { FloatLabelDemoComponent } from './floatlabeldemo.component'; +import { FloatlabelDemoRoutingModule } from './floatlabeldemo-routing.module'; +import { AutoCompleteModule } from "primeng/autocomplete"; +import { CalendarModule } from "primeng/calendar"; +import { ChipsModule } from "primeng/chips"; +import { DropdownModule } from "primeng/dropdown"; +import { InputMaskModule } from "primeng/inputmask"; +import { InputNumberModule } from "primeng/inputnumber"; +import { CascadeSelectModule } from "primeng/cascadeselect"; +import { MultiSelectModule } from "primeng/multiselect"; +import { InputTextareaModule } from "primeng/inputtextarea"; +import { InputTextModule } from "primeng/inputtext"; + +@NgModule({ + imports: [ + CommonModule, + FormsModule, + FloatlabelDemoRoutingModule, + AutoCompleteModule, + CalendarModule, + ChipsModule, + DropdownModule, + InputMaskModule, + InputNumberModule, + CascadeSelectModule, + MultiSelectModule, + InputTextareaModule, + InputTextModule + ], + declarations: [FloatLabelDemoComponent] +}) +export class FloatlabelDemoModule { } diff --git a/src/app/demo/components/uikit/formlayout/formlayout-routing.module.ts b/src/app/demo/components/uikit/formlayout/formlayout-routing.module.ts new file mode 100644 index 0000000..f8f7a34 --- /dev/null +++ b/src/app/demo/components/uikit/formlayout/formlayout-routing.module.ts @@ -0,0 +1,11 @@ +import { NgModule } from '@angular/core'; +import { RouterModule } from '@angular/router'; +import { FormLayoutComponent } from './formlayout.component'; + +@NgModule({ + imports: [RouterModule.forChild([ + { path: '', component: FormLayoutComponent } + ])], + exports: [RouterModule] +}) +export class FormlayoutRoutingModule { } diff --git a/src/app/components/formlayout/formlayout.component.html b/src/app/demo/components/uikit/formlayout/formlayout.component.html similarity index 100% rename from src/app/components/formlayout/formlayout.component.html rename to src/app/demo/components/uikit/formlayout/formlayout.component.html diff --git a/src/app/components/formlayout/formlayout.component.ts b/src/app/demo/components/uikit/formlayout/formlayout.component.ts similarity index 91% rename from src/app/components/formlayout/formlayout.component.ts rename to src/app/demo/components/uikit/formlayout/formlayout.component.ts index 27a5d9c..e8e02db 100644 --- a/src/app/components/formlayout/formlayout.component.ts +++ b/src/app/demo/components/uikit/formlayout/formlayout.component.ts @@ -5,8 +5,8 @@ import { Component } from '@angular/core'; }) export class FormLayoutComponent { - selectedState:any; - + selectedState: any; + dropdownItems = [ { name: 'Option 1', code: 'Option 1' }, { name: 'Option 2', code: 'Option 2' }, diff --git a/src/app/demo/components/uikit/formlayout/formlayout.module.ts b/src/app/demo/components/uikit/formlayout/formlayout.module.ts new file mode 100644 index 0000000..d4d852c --- /dev/null +++ b/src/app/demo/components/uikit/formlayout/formlayout.module.ts @@ -0,0 +1,24 @@ +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { FormLayoutComponent } from './formlayout.component'; +import { DropdownModule } from 'primeng/dropdown'; +import { FormsModule } from '@angular/forms'; +import { FormlayoutRoutingModule } from './formlayout-routing.module'; +import { InputTextModule } from 'primeng/inputtext'; +import { ButtonModule } from 'primeng/button'; +import { InputTextareaModule } from 'primeng/inputtextarea'; + + +@NgModule({ + imports: [ + CommonModule, + DropdownModule, + FormsModule, + InputTextModule, + InputTextareaModule, + ButtonModule, + FormlayoutRoutingModule + ], + declarations: [FormLayoutComponent] +}) +export class FormlayoutModule { } diff --git a/src/app/demo/components/uikit/input/inputdemo-routing.module.ts b/src/app/demo/components/uikit/input/inputdemo-routing.module.ts new file mode 100644 index 0000000..2660434 --- /dev/null +++ b/src/app/demo/components/uikit/input/inputdemo-routing.module.ts @@ -0,0 +1,11 @@ +import { NgModule } from '@angular/core'; +import { RouterModule } from '@angular/router'; +import { InputDemoComponent } from './inputdemo.component'; + +@NgModule({ + imports: [RouterModule.forChild([ + { path: '', component: InputDemoComponent } + ])], + exports: [RouterModule] +}) +export class InputDemoRoutingModule { } diff --git a/src/app/components/input/input.component.html b/src/app/demo/components/uikit/input/inputdemo.component.html similarity index 61% rename from src/app/components/input/input.component.html rename to src/app/demo/components/uikit/input/inputdemo.component.html index 9ca8677..ad2a33d 100644 --- a/src/app/components/input/input.component.html +++ b/src/app/demo/components/uikit/input/inputdemo.component.html @@ -4,13 +4,13 @@
InputText
- +
- +
- +
@@ -19,19 +19,19 @@
- +
- +
- +
@@ -39,18 +39,19 @@
Float Label
- - + +
Textarea
- +
AutoComplete
- + +
Calendar
- +
InputNumber
@@ -58,38 +59,38 @@
Chips
-
- + +
-
-
-
Slider
- - -
-
-
Rating
- -
-
-
ColorPicker
- -
-
-
Knob
- -
-
+
+
+
Slider
+ + +
+
+
Rating
+ +
+
+
ColorPicker
+ +
+
+
Knob
+ +
+
RadioButton
-
+
-
+
@@ -110,43 +111,44 @@
Checkbox
-
+
-
- - -
-
-
-
- - -
-
-
-
+
+
+
+ + +
+
+
+
+ + +
+
Input Switch
-
+
Listbox
Dropdown
-
MultiSelect
+ +
Multiselect
-
- +
+
{{option.name}}
@@ -154,29 +156,26 @@
-
- +
+
{{country.name}}
- -
TreeSelect
-
ToggleButton
- + -
SelectButton
+
SelectOneButton
-
SelectButton - Multiple
- +
SelectManyButton
+ +
-
InputGroup
@@ -187,7 +186,6 @@
-
@@ -197,23 +195,20 @@ .00
-
-
- - - - + +
-
\ No newline at end of file + +
diff --git a/src/app/demo/components/uikit/input/inputdemo.component.ts b/src/app/demo/components/uikit/input/inputdemo.component.ts new file mode 100644 index 0000000..19f385a --- /dev/null +++ b/src/app/demo/components/uikit/input/inputdemo.component.ts @@ -0,0 +1,124 @@ +import { Component, OnInit } from '@angular/core'; + +import { SelectItem } from 'primeng/api'; +import { CountryService } from 'src/app/demo/service/country.service'; + +@Component({ + templateUrl: './inputdemo.component.html', + styles: [` + :host ::ng-deep .p-multiselect { + min-width: 15rem; + } + + :host ::ng-deep .multiselect-custom-virtual-scroll .p-multiselect { + min-width: 20rem; + } + + :host ::ng-deep .multiselect-custom .p-multiselect-label { + padding-top: .25rem; + padding-bottom: .25rem; + + } + + :host ::ng-deep .multiselect-custom .country-item.country-item-value { + padding: .25rem .5rem; + border-radius: 3px; + display: inline-flex; + margin-right: .5rem; + background-color: var(--primary-color); + color: var(--primary-color-text); + } + + :host ::ng-deep .multiselect-custom .country-item.country-item-value img.flag { + width: 17px; + } + + :host ::ng-deep .multiselect-custom .country-item { + display: flex; + align-items: center; + } + + :host ::ng-deep .multiselect-custom .country-item img.flag { + width: 18px; + margin-right: .5rem; + } + + :host ::ng-deep .multiselect-custom .country-placeholder { + padding: 0.25rem; + } + + :host ::ng-deep .p-colorpicker { + width: 2.5em + } + `] +}) +export class InputDemoComponent implements OnInit { + countries: any[] = []; + + filteredCountries: any[] = []; + + selectedCountryAdvanced: any[] = []; + + valSlider = 50; + + valColor = '#424242'; + + valRadio: string = ''; + + valCheck: string[] = []; + + valSwitch: boolean = false; + + cities: SelectItem[] = []; + + selectedList: SelectItem = { value: '' }; + + selectedDrop: SelectItem = { value: '' }; + + selectedMulti: any[] = []; + + valToggle = false; + + paymentOptions: any[] = []; + + valSelect1: string = ""; + + valSelect2: string = ""; + + valueKnob = 20; + + constructor(private countryService: CountryService) { } + + ngOnInit() { + this.countryService.getCountries().then(countries => { + this.countries = countries; + }); + + this.cities = [ + { label: 'New York', value: { id: 1, name: 'New York', code: 'NY' } }, + { label: 'Rome', value: { id: 2, name: 'Rome', code: 'RM' } }, + { label: 'London', value: { id: 3, name: 'London', code: 'LDN' } }, + { label: 'Istanbul', value: { id: 4, name: 'Istanbul', code: 'IST' } }, + { label: 'Paris', value: { id: 5, name: 'Paris', code: 'PRS' } } + ]; + + this.paymentOptions = [ + { name: 'Option 1', value: 1 }, + { name: 'Option 2', value: 2 }, + { name: 'Option 3', value: 3 } + ]; + } + + filterCountry(event: any) { + const filtered: any[] = []; + const query = event.query; + for (let i = 0; i < this.countries.length; i++) { + const country = this.countries[i]; + if (country.name.toLowerCase().indexOf(query.toLowerCase()) == 0) { + filtered.push(country); + } + } + + this.filteredCountries = filtered; + } +} diff --git a/src/app/demo/components/uikit/input/inputdemo.module.ts b/src/app/demo/components/uikit/input/inputdemo.module.ts new file mode 100644 index 0000000..c6da137 --- /dev/null +++ b/src/app/demo/components/uikit/input/inputdemo.module.ts @@ -0,0 +1,59 @@ +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { FormsModule } from '@angular/forms'; +import { InputDemoComponent } from './inputdemo.component'; +import { InputDemoRoutingModule } from './inputdemo-routing.module'; +import { AutoCompleteModule } from "primeng/autocomplete"; +import { CalendarModule } from "primeng/calendar"; +import { ChipsModule } from "primeng/chips"; +import { ChipModule } from "primeng/chip"; +import { DropdownModule } from "primeng/dropdown"; +import { InputMaskModule } from "primeng/inputmask"; +import { InputNumberModule } from "primeng/inputnumber"; +import { CascadeSelectModule } from "primeng/cascadeselect"; +import { MultiSelectModule } from "primeng/multiselect"; +import { InputTextareaModule } from "primeng/inputtextarea"; +import { InputTextModule } from "primeng/inputtext"; +import { RatingModule } from 'primeng/rating'; +import { KnobModule } from 'primeng/knob'; +import { ListboxModule } from 'primeng/listbox'; +import { SelectButtonModule } from 'primeng/selectbutton'; +import { CheckboxModule } from 'primeng/checkbox'; +import { ButtonModule } from 'primeng/button'; +import { InputSwitchModule } from 'primeng/inputswitch'; +import { RadioButtonModule } from 'primeng/radiobutton'; +import { ColorPickerModule } from 'primeng/colorpicker'; +import { ToggleButtonModule } from 'primeng/togglebutton'; +import { SliderModule } from 'primeng/slider'; + +@NgModule({ + imports: [ + CommonModule, + FormsModule, + InputDemoRoutingModule, + AutoCompleteModule, + CalendarModule, + ChipsModule, + DropdownModule, + InputMaskModule, + InputNumberModule, + ColorPickerModule, + CascadeSelectModule, + MultiSelectModule, + ToggleButtonModule, + SliderModule, + InputTextareaModule, + RadioButtonModule, + InputTextModule, + RatingModule, + ChipModule, + KnobModule, + InputSwitchModule, + ListboxModule, + SelectButtonModule, + CheckboxModule, + ButtonModule + ], + declarations: [InputDemoComponent] +}) +export class InputDemoModule { } diff --git a/src/app/demo/components/uikit/invalid/invalidstatedemo-routing.module.ts b/src/app/demo/components/uikit/invalid/invalidstatedemo-routing.module.ts new file mode 100644 index 0000000..f9889d9 --- /dev/null +++ b/src/app/demo/components/uikit/invalid/invalidstatedemo-routing.module.ts @@ -0,0 +1,11 @@ +import { NgModule } from '@angular/core'; +import { RouterModule } from '@angular/router'; +import { InvalidStateDemoComponent } from './invalidstatedemo.component'; + +@NgModule({ + imports: [RouterModule.forChild([ + { path: '', component: InvalidStateDemoComponent } + ])], + exports: [RouterModule] +}) +export class InvalidStateDemoRoutingModule { } diff --git a/src/app/components/invalidstate/invalidstate.component.html b/src/app/demo/components/uikit/invalid/invalidstatedemo.component.html similarity index 94% rename from src/app/components/invalidstate/invalidstate.component.html rename to src/app/demo/components/uikit/invalid/invalidstatedemo.component.html index bbd4093..12ebae8 100644 --- a/src/app/components/invalidstate/invalidstate.component.html +++ b/src/app/demo/components/uikit/invalid/invalidstatedemo.component.html @@ -1,5 +1,6 @@
Invalid State
+

All form components have an invalid state style to display the validation errors when ng-invalid ng-dirty combination is applied by Angular.

@@ -49,3 +50,4 @@
+ diff --git a/src/app/components/invalidstate/invalidstate.component.ts b/src/app/demo/components/uikit/invalid/invalidstatedemo.component.ts similarity index 67% rename from src/app/components/invalidstate/invalidstate.component.ts rename to src/app/demo/components/uikit/invalid/invalidstatedemo.component.ts index 097db7f..6093d86 100644 --- a/src/app/components/invalidstate/invalidstate.component.ts +++ b/src/app/demo/components/uikit/invalid/invalidstatedemo.component.ts @@ -1,16 +1,16 @@ import { Component, OnInit } from '@angular/core'; -import { CountryService } from '../../service/countryservice'; +import { CountryService } from 'src/app/demo/service/country.service'; @Component({ - templateUrl: './invalidstate.component.html' + templateUrl: './invalidstatedemo.component.html' }) -export class InvalidStateComponent implements OnInit { +export class InvalidStateDemoComponent implements OnInit { - countries: any[]; + countries: any[] = []; cities: any[]; - filteredCountries: any[]; + filteredCountries: any[] = []; value1: any; @@ -34,11 +34,11 @@ export class InvalidStateComponent implements OnInit { constructor(private countryService: CountryService) { this.cities = [ - {name: 'New York', code: 'NY'}, - {name: 'Rome', code: 'RM'}, - {name: 'London', code: 'LDN'}, - {name: 'Istanbul', code: 'IST'}, - {name: 'Paris', code: 'PRS'} + { name: 'New York', code: 'NY' }, + { name: 'Rome', code: 'RM' }, + { name: 'London', code: 'LDN' }, + { name: 'Istanbul', code: 'IST' }, + { name: 'Paris', code: 'PRS' } ]; } @@ -48,7 +48,7 @@ export class InvalidStateComponent implements OnInit { }); } - searchCountry(event) { + searchCountry(event: any) { // in a real application, make a request to a remote url with the query and return filtered results, // for demo we filter at client side const filtered: any[] = []; diff --git a/src/app/demo/components/uikit/invalid/invalidstatedemo.module.ts b/src/app/demo/components/uikit/invalid/invalidstatedemo.module.ts new file mode 100644 index 0000000..90ee2a7 --- /dev/null +++ b/src/app/demo/components/uikit/invalid/invalidstatedemo.module.ts @@ -0,0 +1,37 @@ +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { FormsModule } from '@angular/forms'; +import { InvalidStateDemoComponent } from './invalidstatedemo.component'; +import { InvalidStateDemoRoutingModule } from './invalidstatedemo-routing.module'; +import { AutoCompleteModule } from "primeng/autocomplete"; +import { CalendarModule } from "primeng/calendar"; +import { ChipsModule } from "primeng/chips"; +import { DropdownModule } from "primeng/dropdown"; +import { InputMaskModule } from "primeng/inputmask"; +import { InputNumberModule } from "primeng/inputnumber"; +import { CascadeSelectModule } from "primeng/cascadeselect"; +import { MultiSelectModule } from "primeng/multiselect"; +import { InputTextareaModule } from "primeng/inputtextarea"; +import { InputTextModule } from "primeng/inputtext"; +import { PasswordModule } from "primeng/password"; + +@NgModule({ + imports: [ + CommonModule, + FormsModule, + InvalidStateDemoRoutingModule, + AutoCompleteModule, + CalendarModule, + ChipsModule, + DropdownModule, + InputMaskModule, + InputNumberModule, + CascadeSelectModule, + MultiSelectModule, + PasswordModule, + InputTextareaModule, + InputTextModule + ], + declarations: [InvalidStateDemoComponent] +}) +export class InvalidStateDemoModule { } diff --git a/src/app/demo/components/uikit/list/listdemo-routing.module.ts b/src/app/demo/components/uikit/list/listdemo-routing.module.ts new file mode 100644 index 0000000..41f7969 --- /dev/null +++ b/src/app/demo/components/uikit/list/listdemo-routing.module.ts @@ -0,0 +1,11 @@ +import { NgModule } from '@angular/core'; +import { RouterModule } from '@angular/router'; +import { ListDemoComponent } from './listdemo.component'; + +@NgModule({ + imports: [RouterModule.forChild([ + { path: '', component: ListDemoComponent } + ])], + exports: [RouterModule] +}) +export class ListDemoRoutingModule { } diff --git a/src/app/components/list/list.component.html b/src/app/demo/components/uikit/list/listdemo.component.html similarity index 91% rename from src/app/components/list/list.component.html rename to src/app/demo/components/uikit/list/listdemo.component.html index 82c0043..07a036d 100644 --- a/src/app/components/list/list.component.html +++ b/src/app/demo/components/uikit/list/listdemo.component.html @@ -5,10 +5,10 @@
- + - +
@@ -66,7 +66,7 @@
PickList
-
{{city.name}}
@@ -78,7 +78,7 @@
OrderList
- +
{{city.name}}
 diff --git a/src/app/demo/components/uikit/list/listdemo.component.ts b/src/app/demo/components/uikit/list/listdemo.component.ts new file mode 100644 index 0000000..19491fb --- /dev/null +++ b/src/app/demo/components/uikit/list/listdemo.component.ts @@ -0,0 +1,72 @@ +import { Component, OnInit } from '@angular/core'; +import { SelectItem } from 'primeng/api'; +import { DataView } from 'primeng/dataview'; +import { Product } from 'src/app/demo/api/product'; +import { ProductService } from 'src/app/demo/service/product.service'; + +@Component({ + templateUrl: './listdemo.component.html' +}) +export class ListDemoComponent implements OnInit { + + products: Product[] = []; + + sortOptions: SelectItem[] = []; + + sortOrder: number = 0; + + sortField: string = ''; + + sourceCities: any[] = []; + + targetCities: any[] = []; + + orderCities: any[] = []; + + constructor(private productService: ProductService) { } + + ngOnInit() { + this.productService.getProducts().then(data => this.products = data); + + this.sourceCities = [ + { name: 'San Francisco', code: 'SF' }, + { name: 'London', code: 'LDN' }, + { name: 'Paris', code: 'PRS' }, + { name: 'Istanbul', code: 'IST' }, + { name: 'Berlin', code: 'BRL' }, + { name: 'Barcelona', code: 'BRC' }, + { name: 'Rome', code: 'RM' }]; + + this.targetCities = []; + + this.orderCities = [ + { name: 'San Francisco', code: 'SF' }, + { name: 'London', code: 'LDN' }, + { name: 'Paris', code: 'PRS' }, + { name: 'Istanbul', code: 'IST' }, + { name: 'Berlin', code: 'BRL' }, + { name: 'Barcelona', code: 'BRC' }, + { name: 'Rome', code: 'RM' }]; + + this.sortOptions = [ + { label: 'Price High to Low', value: '!price' }, + { label: 'Price Low to High', value: 'price' } + ]; + } + + onSortChange(event: any) { + const value = event.value; + + if (value.indexOf('!') === 0) { + this.sortOrder = -1; + this.sortField = value.substring(1, value.length); + } else { + this.sortOrder = 1; + this.sortField = value; + } + } + + onFilter(dv: DataView, event: Event) { + dv.filter((event.target as HTMLInputElement).value); + } +} diff --git a/src/app/demo/components/uikit/list/listdemo.module.ts b/src/app/demo/components/uikit/list/listdemo.module.ts new file mode 100644 index 0000000..dc0c6ea --- /dev/null +++ b/src/app/demo/components/uikit/list/listdemo.module.ts @@ -0,0 +1,29 @@ +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { FormsModule } from '@angular/forms'; +import { ListDemoComponent } from './listdemo.component'; +import { ListDemoRoutingModule } from './listdemo-routing.module'; +import { DataViewModule } from 'primeng/dataview'; +import { PickListModule } from 'primeng/picklist'; +import { OrderListModule } from 'primeng/orderlist'; +import { InputTextModule } from 'primeng/inputtext'; +import { DropdownModule } from 'primeng/dropdown'; +import { RatingModule } from 'primeng/rating'; +import { ButtonModule } from 'primeng/button'; + +@NgModule({ + imports: [ + CommonModule, + FormsModule, + ListDemoRoutingModule, + DataViewModule, + PickListModule, + OrderListModule, + InputTextModule, + DropdownModule, + RatingModule, + ButtonModule + ], + declarations: [ListDemoComponent] +}) +export class ListDemoModule { } diff --git a/src/app/demo/components/uikit/media/mediademo-routing.module.ts b/src/app/demo/components/uikit/media/mediademo-routing.module.ts new file mode 100644 index 0000000..5de8d0c --- /dev/null +++ b/src/app/demo/components/uikit/media/mediademo-routing.module.ts @@ -0,0 +1,11 @@ +import { NgModule } from '@angular/core'; +import { RouterModule } from '@angular/router'; +import { MediaDemoComponent } from './mediademo.component'; + +@NgModule({ + imports: [RouterModule.forChild([ + { path: '', component: MediaDemoComponent } + ])], + exports: [RouterModule] +}) +export class MediaDemoRoutingModule { } diff --git a/src/app/components/media/media.component.html b/src/app/demo/components/uikit/media/mediademo.component.html similarity index 100% rename from src/app/components/media/media.component.html rename to src/app/demo/components/uikit/media/mediademo.component.html diff --git a/src/app/demo/components/uikit/media/mediademo.component.ts b/src/app/demo/components/uikit/media/mediademo.component.ts new file mode 100644 index 0000000..c16c2cf --- /dev/null +++ b/src/app/demo/components/uikit/media/mediademo.component.ts @@ -0,0 +1,63 @@ +import { Component, OnInit } from '@angular/core'; +import { Product } from 'src/app/demo/api/product'; +import { PhotoService } from 'src/app/demo/service/photo.service'; +import { ProductService } from 'src/app/demo/service/product.service'; + +@Component({ + templateUrl: './mediademo.component.html' +}) +export class MediaDemoComponent implements OnInit { + + products!: Product[]; + + images!: any[]; + + galleriaResponsiveOptions: any[] = [ + { + breakpoint: '1024px', + numVisible: 5 + }, + { + breakpoint: '960px', + numVisible: 4 + }, + { + breakpoint: '768px', + numVisible: 3 + }, + { + breakpoint: '560px', + numVisible: 1 + } + ]; + + carouselResponsiveOptions: any[] = [ + { + breakpoint: '1024px', + numVisible: 3, + numScroll: 3 + }, + { + breakpoint: '768px', + numVisible: 2, + numScroll: 2 + }, + { + breakpoint: '560px', + numVisible: 1, + numScroll: 1 + } + ]; + + constructor(private productService: ProductService, private photoService: PhotoService) { } + + ngOnInit() { + this.productService.getProductsSmall().then(products => { + this.products = products; + }); + + this.photoService.getImages().then(images => { + this.images = images; + }); + } +} diff --git a/src/app/demo/components/uikit/media/mediademo.module.ts b/src/app/demo/components/uikit/media/mediademo.module.ts new file mode 100644 index 0000000..960315a --- /dev/null +++ b/src/app/demo/components/uikit/media/mediademo.module.ts @@ -0,0 +1,21 @@ +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { MediaDemoComponent } from './mediademo.component'; +import { MediaDemoRoutingModule } from './mediademo-routing.module'; +import { ButtonModule } from 'primeng/button'; +import { ImageModule } from 'primeng/image'; +import { GalleriaModule } from 'primeng/galleria'; +import { CarouselModule } from 'primeng/carousel'; + +@NgModule({ + imports: [ + CommonModule, + MediaDemoRoutingModule, + ButtonModule, + ImageModule, + GalleriaModule, + CarouselModule + ], + declarations: [MediaDemoComponent] +}) +export class MediaDemoModule { } diff --git a/src/app/demo/components/uikit/menus/confirmation.component.ts b/src/app/demo/components/uikit/menus/confirmation.component.ts new file mode 100644 index 0000000..bb3e254 --- /dev/null +++ b/src/app/demo/components/uikit/menus/confirmation.component.ts @@ -0,0 +1,12 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-confirmation', + template: ` +
+ +

Confirmation Component Content via Child Route

+
+ ` +}) +export class ConfirmationComponent { } diff --git a/src/app/components/menus/menus.component.html b/src/app/demo/components/uikit/menus/menus.component.html old mode 100755 new mode 100644 similarity index 100% rename from src/app/components/menus/menus.component.html rename to src/app/demo/components/uikit/menus/menus.component.html diff --git a/src/app/components/menus/menus.component.ts b/src/app/demo/components/uikit/menus/menus.component.ts old mode 100755 new mode 100644 similarity index 84% rename from src/app/components/menus/menus.component.ts rename to src/app/demo/components/uikit/menus/menus.component.ts index d9a3859..34c2e35 --- a/src/app/components/menus/menus.component.ts +++ b/src/app/demo/components/uikit/menus/menus.component.ts @@ -7,25 +7,25 @@ import { MegaMenuItem, MenuItem } from 'primeng/api'; }) export class MenusComponent implements OnInit { - breadcrumbItems: MenuItem[]; + breadcrumbItems!: MenuItem[]; - tieredItems: MenuItem[]; + tieredItems!: MenuItem[]; - items: MenuItem[]; + items!: MenuItem[]; - routeItems: MenuItem[]; + routeItems!: MenuItem[]; - megaMenuItems: MegaMenuItem[]; + megaMenuItems!: MegaMenuItem[]; - panelMenuItems: MenuItem[]; + panelMenuItems!: MenuItem[]; - stepsItems: MenuItem[]; + stepsItems!: MenuItem[]; - slideItems: MenuItem[]; + slideItems!: MenuItem[]; - menuItems: MenuItem[]; + menuItems!: MenuItem[]; - plainMenuItems: MenuItem[]; + plainMenuItems!: MenuItem[]; pageIndex: number = 0; @@ -285,10 +285,10 @@ export class MenusComponent implements OnInit { this.breadcrumbItems.push({ label: 'Item' }); this.routeItems = [ - {label: 'Personal', routerLink:'personal'}, - {label: 'Seat', routerLink:'seat'}, - {label: 'Payment', routerLink:'payment'}, - {label: 'Confirmation', routerLink:'confirmation'}, + { label: 'Personal', routerLink: 'personal' }, + { label: 'Seat', routerLink: 'seat' }, + { label: 'Payment', routerLink: 'payment' }, + { label: 'Confirmation', routerLink: 'confirmation' }, ]; this.megaMenuItems = [ @@ -298,21 +298,21 @@ export class MenusComponent implements OnInit { [ { label: 'Women', - items: [{label: 'Women Item'}, {label: 'Women Item'}, {label: 'Women Item'}] + items: [{ label: 'Women Item' }, { label: 'Women Item' }, { label: 'Women Item' }] }, { label: 'Men', - items: [{label: 'Men Item'}, {label: 'Men Item'}, {label: 'Men Item'}] + items: [{ label: 'Men Item' }, { label: 'Men Item' }, { label: 'Men Item' }] } ], [ { label: 'Kids', - items: [{label: 'Kids Item'}, {label: 'Kids Item'}] + items: [{ label: 'Kids Item' }, { label: 'Kids Item' }] }, { label: 'Luggage', - items: [{label: 'Luggage Item'}, {label: 'Luggage Item'}, {label: 'Luggage Item'}] + items: [{ label: 'Luggage Item' }, { label: 'Luggage Item' }, { label: 'Luggage Item' }] } ] ] @@ -323,27 +323,27 @@ export class MenusComponent implements OnInit { [ { label: 'Computer', - items: [{label: 'Computer Item'}, {label: 'Computer Item'}] + items: [{ label: 'Computer Item' }, { label: 'Computer Item' }] }, { label: 'Camcorder', - items: [{label: 'Camcorder Item'}, {label: 'Camcorder Item'}, {label: 'Camcorder Item'}] + items: [{ label: 'Camcorder Item' }, { label: 'Camcorder Item' }, { label: 'Camcorder Item' }] } ], [ { label: 'TV', - items: [{label: 'TV Item'}, {label: 'TV Item'}] + items: [{ label: 'TV Item' }, { label: 'TV Item' }] }, { label: 'Audio', - items: [{label: 'Audio Item'}, {label: 'Audio Item'}, {label: 'Audio Item'}] + items: [{ label: 'Audio Item' }, { label: 'Audio Item' }, { label: 'Audio Item' }] } ], [ { label: 'Sports.7', - items: [{label: 'Sports.7.1'}, {label: 'Sports.7.2'}] + items: [{ label: 'Sports.7.1' }, { label: 'Sports.7.2' }] } ] ] @@ -354,21 +354,21 @@ export class MenusComponent implements OnInit { [ { label: 'Living Room', - items: [{label: 'Living Room Item'}, {label: 'Living Room Item'}] + items: [{ label: 'Living Room Item' }, { label: 'Living Room Item' }] }, { label: 'Kitchen', - items: [{label: 'Kitchen Item'}, {label: 'Kitchen Item'}, {label: 'Kitchen Item'}] + items: [{ label: 'Kitchen Item' }, { label: 'Kitchen Item' }, { label: 'Kitchen Item' }] } ], [ { label: 'Bedroom', - items: [{label: 'Bedroom Item'}, {label: 'Bedroom Item'}] + items: [{ label: 'Bedroom Item' }, { label: 'Bedroom Item' }] }, { label: 'Outdoor', - items: [{label: 'Outdoor Item'}, {label: 'Outdoor Item'}, {label: 'Outdoor Item'}] + items: [{ label: 'Outdoor Item' }, { label: 'Outdoor Item' }, { label: 'Outdoor Item' }] } ] ] @@ -379,17 +379,17 @@ export class MenusComponent implements OnInit { [ { label: 'Basketball', - items: [{label: 'Basketball Item'}, {label: 'Basketball Item'}] + items: [{ label: 'Basketball Item' }, { label: 'Basketball Item' }] }, { label: 'Football', - items: [{label: 'Football Item'}, {label: 'Football Item'}, {label: 'Football Item'}] + items: [{ label: 'Football Item' }, { label: 'Football Item' }, { label: 'Football Item' }] } ], [ { label: 'Tennis', - items: [{label: 'Tennis Item'}, {label: 'Tennis Item'}] + items: [{ label: 'Tennis Item' }, { label: 'Tennis Item' }] } ] ] @@ -469,5 +469,4 @@ export class MenusComponent implements OnInit { } ]; } - } diff --git a/src/app/demo/components/uikit/menus/menus.module.ts b/src/app/demo/components/uikit/menus/menus.module.ts new file mode 100644 index 0000000..d37c40c --- /dev/null +++ b/src/app/demo/components/uikit/menus/menus.module.ts @@ -0,0 +1,54 @@ +import { NgModule } from '@angular/core'; +import { RouterModule } from '@angular/router'; +import { PaymentComponent } from './payment.component'; +import { SeatComponent } from './seat.component'; +import { PersonalComponent } from './personal.component'; +import { ConfirmationComponent } from './confirmation.component'; +import { MenusComponent } from './menus.component'; +import { MenuModule } from 'primeng/menu'; +import { MegaMenuModule } from 'primeng/megamenu'; +import { PanelMenuModule } from 'primeng/panelmenu'; +import { TieredMenuModule } from 'primeng/tieredmenu'; +import { MenubarModule } from 'primeng/menubar'; +import { BreadcrumbModule } from 'primeng/breadcrumb'; +import { TabMenuModule } from 'primeng/tabmenu'; +import { ContextMenuModule } from 'primeng/contextmenu'; +import { StepsModule } from 'primeng/steps'; +import { InputTextModule } from 'primeng/inputtext'; + +@NgModule({ + declarations: [ + MenusComponent, + PaymentComponent, + ConfirmationComponent, + PersonalComponent, + SeatComponent, + + ], + imports: [ + MenuModule, + MegaMenuModule, + PanelMenuModule, + MenubarModule, + BreadcrumbModule, + InputTextModule, + TieredMenuModule, + TabMenuModule, + ContextMenuModule, + StepsModule, + RouterModule.forChild([ + { + path: '', component: MenusComponent, children: [ + { path: '', redirectTo: 'personal', pathMatch: 'full' }, + { path: 'personal', component: PersonalComponent }, + { path: 'confirmation', component: ConfirmationComponent }, + { path: 'seat', component: SeatComponent }, + { path: 'payment', component: PaymentComponent } + ] + } + ]) + ], + exports: [RouterModule] +}) +export class MenusModule { } + diff --git a/src/app/demo/components/uikit/menus/payment.component.ts b/src/app/demo/components/uikit/menus/payment.component.ts new file mode 100644 index 0000000..f5e3a88 --- /dev/null +++ b/src/app/demo/components/uikit/menus/payment.component.ts @@ -0,0 +1,12 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-payment', + template: ` +
+ +

Payment Component Content via Child Route

+
+ ` +}) +export class PaymentComponent { } diff --git a/src/app/demo/components/uikit/menus/personal.component.ts b/src/app/demo/components/uikit/menus/personal.component.ts new file mode 100644 index 0000000..bcc879d --- /dev/null +++ b/src/app/demo/components/uikit/menus/personal.component.ts @@ -0,0 +1,12 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-personal', + template: ` +
+ +

Personal Component Content via Child Route

+
+ ` +}) +export class PersonalComponent { } diff --git a/src/app/demo/components/uikit/menus/seat.component.ts b/src/app/demo/components/uikit/menus/seat.component.ts new file mode 100644 index 0000000..8f36743 --- /dev/null +++ b/src/app/demo/components/uikit/menus/seat.component.ts @@ -0,0 +1,12 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-seat', + template: ` +
+ +

Seat Component Content via Child Route

+
+ ` +}) +export class SeatComponent { } diff --git a/src/app/demo/components/uikit/messages/messagesdemo-routing.module.ts b/src/app/demo/components/uikit/messages/messagesdemo-routing.module.ts new file mode 100644 index 0000000..21921fe --- /dev/null +++ b/src/app/demo/components/uikit/messages/messagesdemo-routing.module.ts @@ -0,0 +1,11 @@ +import { NgModule } from '@angular/core'; +import { RouterModule } from '@angular/router'; +import { MessagesDemoComponent } from './messagesdemo.component'; + +@NgModule({ + imports: [RouterModule.forChild([ + { path: '', component: MessagesDemoComponent } + ])], + exports: [RouterModule] +}) +export class MessagesDemoRoutingModule { } diff --git a/src/app/components/messages/messages.component.html b/src/app/demo/components/uikit/messages/messagesdemo.component.html old mode 100755 new mode 100644 similarity index 100% rename from src/app/components/messages/messages.component.html rename to src/app/demo/components/uikit/messages/messagesdemo.component.html diff --git a/src/app/components/messages/messages.component.ts b/src/app/demo/components/uikit/messages/messagesdemo.component.ts old mode 100755 new mode 100644 similarity index 77% rename from src/app/components/messages/messages.component.ts rename to src/app/demo/components/uikit/messages/messagesdemo.component.ts index a50e0f9..791e6b8 --- a/src/app/components/messages/messages.component.ts +++ b/src/app/demo/components/uikit/messages/messagesdemo.component.ts @@ -2,31 +2,30 @@ import { Component } from '@angular/core'; import { Message, MessageService } from 'primeng/api'; @Component({ - templateUrl: './messages.component.html', + templateUrl: './messagesdemo.component.html', styles: [` :host ::ng-deep .p-message { margin-left: .25em; } :host ::ng-deep .p-toast{ - margin-top: 5.70em; z-index:99999; } `], providers: [MessageService] }) -export class MessagesComponent { +export class MessagesDemoComponent { msgs: Message[] = []; - constructor(private service: MessageService) {} + constructor(private service: MessageService) { } showInfoViaToast() { - this.service.add({key: 'tst', severity: 'info', summary: 'Info Message', detail: 'PrimeNG rocks'}); + this.service.add({ key: 'tst', severity: 'info', summary: 'Info Message', detail: 'PrimeNG rocks' }); } showWarnViaToast() { - this.service.add({key: 'tst', severity: 'warn', summary: 'Warn Message', detail: 'There are unsaved changes'}); + this.service.add({ key: 'tst', severity: 'warn', summary: 'Warn Message', detail: 'There are unsaved changes' }); } showErrorViaToast() { diff --git a/src/app/demo/components/uikit/messages/messagesdemo.module.ts b/src/app/demo/components/uikit/messages/messagesdemo.module.ts new file mode 100644 index 0000000..454824f --- /dev/null +++ b/src/app/demo/components/uikit/messages/messagesdemo.module.ts @@ -0,0 +1,23 @@ +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { MessagesDemoComponent } from './messagesdemo.component'; +import { MessagesDemoRoutingModule } from './messagesdemo-routing.module'; +import { MessagesModule } from 'primeng/messages'; +import { MessageModule } from 'primeng/message'; +import { ButtonModule } from 'primeng/button'; +import { ToastModule } from 'primeng/toast'; +import { InputTextModule } from 'primeng/inputtext'; + +@NgModule({ + imports: [ + CommonModule, + MessagesDemoRoutingModule, + MessagesModule, + MessageModule, + ButtonModule, + ToastModule, + InputTextModule + ], + declarations: [MessagesDemoComponent] +}) +export class MessagesDemoModule { } diff --git a/src/app/demo/components/uikit/misc/miscdemo-routing.module.ts b/src/app/demo/components/uikit/misc/miscdemo-routing.module.ts new file mode 100644 index 0000000..314ce4d --- /dev/null +++ b/src/app/demo/components/uikit/misc/miscdemo-routing.module.ts @@ -0,0 +1,11 @@ +import { NgModule } from '@angular/core'; +import { RouterModule } from '@angular/router'; +import { MiscDemoComponent } from './miscdemo.component'; + +@NgModule({ + imports: [RouterModule.forChild([ + { path: '', component: MiscDemoComponent } + ])], + exports: [RouterModule] +}) +export class MiscDemoRoutingModule { } diff --git a/src/app/components/misc/misc.component.html b/src/app/demo/components/uikit/misc/miscdemo.component.html old mode 100755 new mode 100644 similarity index 93% rename from src/app/components/misc/misc.component.html rename to src/app/demo/components/uikit/misc/miscdemo.component.html index 917bb9e..e70d40c --- a/src/app/components/misc/misc.component.html +++ b/src/app/demo/components/uikit/misc/miscdemo.component.html @@ -17,11 +17,11 @@

Badge

Numbers
- - - - - + + + + +
Positioned Badge
@@ -36,9 +36,9 @@
Sizes
- - - + + +
diff --git a/src/app/demo/components/uikit/misc/miscdemo.component.ts b/src/app/demo/components/uikit/misc/miscdemo.component.ts new file mode 100644 index 0000000..a3b6350 --- /dev/null +++ b/src/app/demo/components/uikit/misc/miscdemo.component.ts @@ -0,0 +1,25 @@ +import { Component, OnDestroy, OnInit } from '@angular/core'; + +@Component({ + templateUrl: './miscdemo.component.html' +}) +export class MiscDemoComponent implements OnInit, OnDestroy { + + value = 0; + + interval: any; + + ngOnInit() { + this.interval = setInterval(() => { + this.value = this.value + Math.floor(Math.random() * 10) + 1; + if (this.value >= 100) { + this.value = 100; + clearInterval(this.interval); + } + }, 2000); + } + + ngOnDestroy() { + clearInterval(this.interval); + } +} diff --git a/src/app/demo/components/uikit/misc/miscdemo.module.ts b/src/app/demo/components/uikit/misc/miscdemo.module.ts new file mode 100644 index 0000000..3f6b6c6 --- /dev/null +++ b/src/app/demo/components/uikit/misc/miscdemo.module.ts @@ -0,0 +1,33 @@ +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { MiscDemoComponent } from './miscdemo.component'; +import { MiscDemoRoutingModule } from './miscdemo-routing.module'; +import { ProgressBarModule } from 'primeng/progressbar'; +import { BadgeModule } from 'primeng/badge'; +import { AvatarModule } from 'primeng/avatar'; +import { ScrollPanelModule } from 'primeng/scrollpanel'; +import { TagModule } from 'primeng/tag'; +import { ChipModule } from 'primeng/chip'; +import { SkeletonModule } from 'primeng/skeleton'; +import { ButtonModule } from 'primeng/button'; +import { AvatarGroupModule } from 'primeng/avatargroup'; +import { ScrollTopModule } from 'primeng/scrolltop'; + +@NgModule({ + imports: [ + CommonModule, + MiscDemoRoutingModule, + ProgressBarModule, + BadgeModule, + AvatarModule, + ScrollPanelModule, + TagModule, + ChipModule, + ButtonModule, + SkeletonModule, + AvatarGroupModule, + ScrollTopModule + ], + declarations: [MiscDemoComponent] +}) +export class MiscDemoModule { } diff --git a/src/app/demo/components/uikit/overlays/overlaysdemo-routing.module.ts b/src/app/demo/components/uikit/overlays/overlaysdemo-routing.module.ts new file mode 100644 index 0000000..2f67856 --- /dev/null +++ b/src/app/demo/components/uikit/overlays/overlaysdemo-routing.module.ts @@ -0,0 +1,11 @@ +import { NgModule } from '@angular/core'; +import { RouterModule } from '@angular/router'; +import { OverlaysDemoComponent } from './overlaysdemo.component'; + +@NgModule({ + imports: [RouterModule.forChild([ + { path: '', component: OverlaysDemoComponent } + ])], + exports: [RouterModule] +}) +export class OverlaysDemoRoutingModule { } diff --git a/src/app/components/overlays/overlays.component.html b/src/app/demo/components/uikit/overlays/overlaysdemo.component.html old mode 100755 new mode 100644 similarity index 95% rename from src/app/components/overlays/overlays.component.html rename to src/app/demo/components/uikit/overlays/overlaysdemo.component.html index 0b73c7e..2b042d1 --- a/src/app/components/overlays/overlays.component.html +++ b/src/app/demo/components/uikit/overlays/overlaysdemo.component.html @@ -3,7 +3,7 @@
Dialog
- +

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 @@ -45,7 +45,7 @@ {{product.name}} - + {{formatCurrency(product.price)}} diff --git a/src/app/components/overlays/overlays.component.ts b/src/app/demo/components/uikit/overlays/overlaysdemo.component.ts old mode 100755 new mode 100644 similarity index 64% rename from src/app/components/overlays/overlays.component.ts rename to src/app/demo/components/uikit/overlays/overlaysdemo.component.ts index 592bde4..d918b07 --- a/src/app/components/overlays/overlays.component.ts +++ b/src/app/demo/components/uikit/overlays/overlaysdemo.component.ts @@ -1,34 +1,33 @@ import { Component, OnInit } from '@angular/core'; import { ConfirmationService, MessageService } from 'primeng/api'; -import { Product } from '../../api/product'; -import { AppMainComponent } from 'src/app/app.main.component'; -import { ProductService } from '../../service/productservice'; +import { Product } from 'src/app/demo/api/product'; +import { ProductService } from 'src/app/demo/service/product.service'; @Component({ - templateUrl: './overlays.component.html', + templateUrl: './overlaysdemo.component.html', providers: [ConfirmationService, MessageService] }) -export class OverlaysComponent implements OnInit { +export class OverlaysDemoComponent implements OnInit { - images: any[]; + images: any[] = []; - display: boolean; + display: boolean = false; - products: Product[]; + products: Product[] = []; - selectedProduct: Product; + selectedProduct: Product = {}; - visibleSidebar1; + visibleSidebar1: boolean = false; - visibleSidebar2; + visibleSidebar2: boolean = false; - visibleSidebar3; + visibleSidebar3: boolean = false; - visibleSidebar4; + visibleSidebar4: boolean = false; - visibleSidebar5; + visibleSidebar5: boolean = false; - constructor(private productService: ProductService, private confirmationService: ConfirmationService, private messageService: MessageService, public appMain: AppMainComponent) {} + constructor(private productService: ProductService, private confirmationService: ConfirmationService, private messageService: MessageService) { } ngOnInit() { this.productService.getProductsSmall().then(products => this.products = products); @@ -62,19 +61,19 @@ export class OverlaysComponent implements OnInit { confirm2(event: Event) { this.confirmationService.confirm({ key: 'confirm2', - target: event.target, + target: event.target || new EventTarget, message: 'Are you sure that you want to proceed?', icon: 'pi pi-exclamation-triangle', accept: () => { - this.messageService.add({severity: 'info', summary: 'Confirmed', detail: 'You have accepted'}); + this.messageService.add({ severity: 'info', summary: 'Confirmed', detail: 'You have accepted' }); }, reject: () => { - this.messageService.add({severity: 'error', summary: 'Rejected', detail: 'You have rejected'}); + this.messageService.add({ severity: 'error', summary: 'Rejected', detail: 'You have rejected' }); } }); } - formatCurrency(value) { - return value.toLocaleString('en-US', {style: 'currency', currency: 'USD'}); + formatCurrency(value: number) { + return value.toLocaleString('en-US', { style: 'currency', currency: 'USD' }); } } diff --git a/src/app/demo/components/uikit/overlays/overlaysdemo.module.ts b/src/app/demo/components/uikit/overlays/overlaysdemo.module.ts new file mode 100644 index 0000000..f8ab8b5 --- /dev/null +++ b/src/app/demo/components/uikit/overlays/overlaysdemo.module.ts @@ -0,0 +1,37 @@ +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { FormsModule } from '@angular/forms'; +import { OverlaysDemoComponent } from './overlaysdemo.component'; +import { OverlaysDemoRoutingModule } from './overlaysdemo-routing.module'; +import { ToastModule } from 'primeng/toast'; +import { DialogModule } from 'primeng/dialog'; +import { ButtonModule } from 'primeng/button'; +import { OverlayPanelModule } from 'primeng/overlaypanel'; +import { TableModule } from 'primeng/table'; +import { ConfirmDialogModule } from 'primeng/confirmdialog'; +import { SidebarModule } from 'primeng/sidebar'; +import { RippleModule } from 'primeng/ripple'; +import { ConfirmPopupModule } from 'primeng/confirmpopup'; +import { TooltipModule } from 'primeng/tooltip'; +import { InputTextModule } from 'primeng/inputtext'; + +@NgModule({ + imports: [ + CommonModule, + OverlaysDemoRoutingModule, + ToastModule, + DialogModule, + FormsModule, + TooltipModule, + InputTextModule, + ButtonModule, + OverlayPanelModule, + TableModule, + ConfirmDialogModule, + SidebarModule, + RippleModule, + ConfirmPopupModule + ], + declarations: [OverlaysDemoComponent] +}) +export class OverlaysDemoModule { } diff --git a/src/app/demo/components/uikit/panels/panelsdemo-routing.module.ts b/src/app/demo/components/uikit/panels/panelsdemo-routing.module.ts new file mode 100644 index 0000000..6640ad8 --- /dev/null +++ b/src/app/demo/components/uikit/panels/panelsdemo-routing.module.ts @@ -0,0 +1,11 @@ +import { NgModule } from '@angular/core'; +import { RouterModule } from '@angular/router'; +import { PanelsDemoComponent } from './panelsdemo.component'; + +@NgModule({ + imports: [RouterModule.forChild([ + { path: '', component: PanelsDemoComponent } + ])], + exports: [RouterModule] +}) +export class PanelsDemoRoutingModule { } diff --git a/src/app/components/panels/panels.component.html b/src/app/demo/components/uikit/panels/panelsdemo.component.html old mode 100755 new mode 100644 similarity index 98% rename from src/app/components/panels/panels.component.html rename to src/app/demo/components/uikit/panels/panelsdemo.component.html index 4de0a87..89403fb --- a/src/app/components/panels/panels.component.html +++ b/src/app/demo/components/uikit/panels/panelsdemo.component.html @@ -107,7 +107,7 @@

Fieldset
- + 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 @@ -192,7 +192,7 @@
Splitter
- +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut diff --git a/src/app/components/panels/panels.component.ts b/src/app/demo/components/uikit/panels/panelsdemo.component.ts old mode 100755 new mode 100644 similarity index 58% rename from src/app/components/panels/panels.component.ts rename to src/app/demo/components/uikit/panels/panelsdemo.component.ts index cb6e02e..02bdab7 --- a/src/app/components/panels/panels.component.ts +++ b/src/app/demo/components/uikit/panels/panelsdemo.component.ts @@ -2,18 +2,18 @@ import { Component, OnInit } from '@angular/core'; import { MenuItem } from 'primeng/api'; @Component({ - templateUrl: './panels.component.html', + templateUrl: './panelsdemo.component.html' }) -export class PanelsComponent implements OnInit { +export class PanelsDemoComponent implements OnInit { - items: MenuItem[]; + items: MenuItem[] = []; - cardMenu: MenuItem[]; + cardMenu: MenuItem[] = []; ngOnInit() { this.items = [ - {label: 'Angular.io', icon: 'pi pi-external-link', url: 'http://angular.io'}, - {label: 'Theming', icon: 'pi pi-bookmark', routerLink: ['/theming']} + { label: 'Angular.io', icon: 'pi pi-external-link', url: 'http://angular.io' }, + { label: 'Theming', icon: 'pi pi-bookmark', routerLink: ['/theming'] } ]; this.cardMenu = [ diff --git a/src/app/demo/components/uikit/panels/panelsdemo.module.ts b/src/app/demo/components/uikit/panels/panelsdemo.module.ts new file mode 100644 index 0000000..f98db0a --- /dev/null +++ b/src/app/demo/components/uikit/panels/panelsdemo.module.ts @@ -0,0 +1,39 @@ +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { FormsModule } from '@angular/forms'; +import { PanelsDemoComponent } from './panelsdemo.component'; +import { PanelsDemoRoutingModule } from './panelsdemo-routing.module'; +import { ToolbarModule } from 'primeng/toolbar'; +import { ButtonModule } from 'primeng/button'; +import { RippleModule } from 'primeng/ripple'; +import { SplitButtonModule } from 'primeng/splitbutton'; +import { AccordionModule } from 'primeng/accordion'; +import { TabViewModule } from 'primeng/tabview'; +import { FieldsetModule } from 'primeng/fieldset'; +import { MenuModule } from 'primeng/menu'; +import { InputTextModule } from 'primeng/inputtext'; +import { DividerModule } from 'primeng/divider'; +import { SplitterModule } from 'primeng/splitter'; +import { PanelModule } from 'primeng/panel'; + +@NgModule({ + imports: [ + CommonModule, + FormsModule, + PanelsDemoRoutingModule, + ToolbarModule, + ButtonModule, + RippleModule, + SplitButtonModule, + AccordionModule, + TabViewModule, + FieldsetModule, + MenuModule, + InputTextModule, + DividerModule, + SplitterModule, + PanelModule + ], + declarations: [PanelsDemoComponent] +}) +export class PanelsDemoModule { } diff --git a/src/app/demo/components/uikit/table/tabledemo-routing.module.ts b/src/app/demo/components/uikit/table/tabledemo-routing.module.ts new file mode 100644 index 0000000..55a8be6 --- /dev/null +++ b/src/app/demo/components/uikit/table/tabledemo-routing.module.ts @@ -0,0 +1,11 @@ +import { NgModule } from '@angular/core'; +import { RouterModule } from '@angular/router'; +import { TableDemoComponent } from './tabledemo.component'; + +@NgModule({ + imports: [RouterModule.forChild([ + { path: '', component: TableDemoComponent } + ])], + exports: [RouterModule] +}) +export class TableDemoRoutingModule { } diff --git a/src/app/components/table/table.component.html b/src/app/demo/components/uikit/table/tabledemo.component.html similarity index 96% rename from src/app/components/table/table.component.html rename to src/app/demo/components/uikit/table/tabledemo.component.html index f79f33c..a31d8f5 100644 --- a/src/app/components/table/table.component.html +++ b/src/app/demo/components/uikit/table/tabledemo.component.html @@ -8,7 +8,7 @@ - +

@@ -102,7 +102,7 @@ {{customer.name}} - + {{customer.country.name}} @@ -165,7 +165,7 @@ {{customer.name}} {{customer.id}} - + {{customer.country.name}} {{customer.date}} @@ -283,7 +283,7 @@ {{customer.name}} - + {{customer.country.name}} diff --git a/src/app/demo/components/uikit/table/tabledemo.component.ts b/src/app/demo/components/uikit/table/tabledemo.component.ts new file mode 100644 index 0000000..26aa5e6 --- /dev/null +++ b/src/app/demo/components/uikit/table/tabledemo.component.ts @@ -0,0 +1,150 @@ +import { Component, OnInit, ViewChild, ElementRef } from '@angular/core'; +import { Table } from 'primeng/table'; +import { MessageService, ConfirmationService } from 'primeng/api'; +import { Customer, Representative } from 'src/app/demo/api/customer'; +import { Product } from 'src/app/demo/api/product'; +import { CustomerService } from 'src/app/demo/service/customer.service'; +import { ProductService } from 'src/app/demo/service/product.service'; + +interface expandedRows { + [key: string]: boolean; +} + +@Component({ + templateUrl: './tabledemo.component.html', + providers: [MessageService, ConfirmationService], + styles: [` + :host ::ng-deep .p-frozen-column { + font-weight: bold; + } + + :host ::ng-deep .p-datatable-frozen-tbody { + font-weight: bold; + } + + :host ::ng-deep .p-progressbar { + height:.5rem; + } + `] +}) +export class TableDemoComponent implements OnInit { + + customers1: Customer[] = []; + + customers2: Customer[] = []; + + customers3: Customer[] = []; + + selectedCustomers1: Customer[] = []; + + selectedCustomer: Customer = {}; + + representatives: Representative[] = []; + + statuses: any[] = []; + + products: Product[] = []; + + rowGroupMetadata: any; + + expandedRows: expandedRows = {}; + + activityValues: number[] = [0, 100]; + + isExpanded: boolean = false; + + idFrozen: boolean = false; + + loading: boolean = true; + + @ViewChild('filter') filter!: ElementRef; + + constructor(private customerService: CustomerService, private productService: ProductService) { } + + ngOnInit() { + this.customerService.getCustomersLarge().then(customers => { + this.customers1 = customers; + this.loading = false; + + // @ts-ignore + this.customers1.forEach(customer => customer.date = new Date(customer.date)); + }); + this.customerService.getCustomersMedium().then(customers => this.customers2 = customers); + this.customerService.getCustomersLarge().then(customers => this.customers3 = customers); + this.productService.getProductsWithOrdersSmall().then(data => this.products = data); + + this.representatives = [ + { name: 'Amy Elsner', image: 'amyelsner.png' }, + { name: 'Anna Fali', image: 'annafali.png' }, + { name: 'Asiya Javayant', image: 'asiyajavayant.png' }, + { name: 'Bernardo Dominic', image: 'bernardodominic.png' }, + { name: 'Elwin Sharvill', image: 'elwinsharvill.png' }, + { name: 'Ioni Bowcher', image: 'ionibowcher.png' }, + { name: 'Ivan Magalhaes', image: 'ivanmagalhaes.png' }, + { name: 'Onyama Limba', image: 'onyamalimba.png' }, + { name: 'Stephen Shaw', image: 'stephenshaw.png' }, + { name: 'XuXue Feng', image: 'xuxuefeng.png' } + ]; + + this.statuses = [ + { label: 'Unqualified', value: 'unqualified' }, + { label: 'Qualified', value: 'qualified' }, + { label: 'New', value: 'new' }, + { label: 'Negotiation', value: 'negotiation' }, + { label: 'Renewal', value: 'renewal' }, + { label: 'Proposal', value: 'proposal' } + ]; + } + + onSort() { + this.updateRowGroupMetaData(); + } + + updateRowGroupMetaData() { + this.rowGroupMetadata = {}; + + if (this.customers3) { + for (let i = 0; i < this.customers3.length; i++) { + const rowData = this.customers3[i]; + const representativeName = rowData?.representative?.name || ''; + + if (i === 0) { + this.rowGroupMetadata[representativeName] = { index: 0, size: 1 }; + } + else { + const previousRowData = this.customers3[i - 1]; + const previousRowGroup = previousRowData?.representative?.name; + if (representativeName === previousRowGroup) { + this.rowGroupMetadata[representativeName].size++; + } + else { + this.rowGroupMetadata[representativeName] = { index: i, size: 1 }; + } + } + } + } + } + + expandAll() { + if (!this.isExpanded) { + this.products.forEach(product => product && product.name ? this.expandedRows[product.name] = true : ''); + + } else { + this.expandedRows = {}; + } + this.isExpanded = !this.isExpanded; + } + + formatCurrency(value: number) { + return value.toLocaleString('en-US', { style: 'currency', currency: 'USD' }); + } + + onGlobalFilter(table: Table, event: Event) { + table.filterGlobal((event.target as HTMLInputElement).value, 'contains'); + } + + clear(table: Table) { + table.clear(); + this.filter.nativeElement.value = ''; + } +} diff --git a/src/app/demo/components/uikit/table/tabledemo.module.ts b/src/app/demo/components/uikit/table/tabledemo.module.ts new file mode 100644 index 0000000..2477736 --- /dev/null +++ b/src/app/demo/components/uikit/table/tabledemo.module.ts @@ -0,0 +1,37 @@ +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { FormsModule } from '@angular/forms'; +import { TableDemoComponent } from './tabledemo.component'; +import { TableDemoRoutingModule } from './tabledemo-routing.module'; +import { TableModule } from 'primeng/table'; +import { ButtonModule } from 'primeng/button'; +import { InputTextModule } from 'primeng/inputtext'; +import { ToggleButtonModule } from 'primeng/togglebutton'; +import { RippleModule } from 'primeng/ripple'; +import { MultiSelectModule } from 'primeng/multiselect'; +import { DropdownModule } from 'primeng/dropdown'; +import { ProgressBarModule } from 'primeng/progressbar'; +import { ToastModule } from 'primeng/toast'; +import { SliderModule } from 'primeng/slider'; +import { RatingModule } from 'primeng/rating'; + +@NgModule({ + imports: [ + CommonModule, + TableDemoRoutingModule, + FormsModule, + TableModule, + RatingModule, + ButtonModule, + SliderModule, + InputTextModule, + ToggleButtonModule, + RippleModule, + MultiSelectModule, + DropdownModule, + ProgressBarModule, + ToastModule + ], + declarations: [TableDemoComponent] +}) +export class TableDemoModule { } diff --git a/src/app/demo/components/uikit/tree/treedemo-routing.module.ts b/src/app/demo/components/uikit/tree/treedemo-routing.module.ts new file mode 100644 index 0000000..e5ba0f7 --- /dev/null +++ b/src/app/demo/components/uikit/tree/treedemo-routing.module.ts @@ -0,0 +1,11 @@ +import { NgModule } from '@angular/core'; +import { RouterModule } from '@angular/router'; +import { TreeDemoComponent } from './treedemo.component'; + +@NgModule({ + imports: [RouterModule.forChild([ + { path: '', component: TreeDemoComponent } + ])], + exports: [RouterModule] +}) +export class TreeDemoRoutingModule { } diff --git a/src/app/components/tree/tree.component.html b/src/app/demo/components/uikit/tree/treedemo.component.html similarity index 79% rename from src/app/components/tree/tree.component.html rename to src/app/demo/components/uikit/tree/treedemo.component.html index 0644380..e0ced46 100644 --- a/src/app/components/tree/tree.component.html +++ b/src/app/demo/components/uikit/tree/treedemo.component.html @@ -1,17 +1,14 @@
-

Tree

+
Tree
-

TreeTable

+
TreeTable
- - FileSystem - @@ -31,4 +28,10 @@
+
+
+
Horizontal Tree
+ +
+
diff --git a/src/app/components/tree/tree.component.ts b/src/app/demo/components/uikit/tree/treedemo.component.ts similarity index 59% rename from src/app/components/tree/tree.component.ts rename to src/app/demo/components/uikit/tree/treedemo.component.ts index f0161ae..ae317b6 100644 --- a/src/app/components/tree/tree.component.ts +++ b/src/app/demo/components/uikit/tree/treedemo.component.ts @@ -1,28 +1,27 @@ import { Component, OnInit } from '@angular/core'; -import { NodeService } from '../../service/nodeservice'; import { TreeNode } from 'primeng/api'; +import { NodeService } from 'src/app/demo/service/node.service'; @Component({ - templateUrl: './tree.component.html' + templateUrl: './treedemo.component.html' }) -export class TreeComponent implements OnInit { +export class TreeDemoComponent implements OnInit { + files1: TreeNode[] = []; - files1: TreeNode[]; + files2: TreeNode[] = []; - files2: TreeNode[]; + files3: TreeNode[] = []; - files3: TreeNode[]; + selectedFiles1: TreeNode[] = []; - selectedFiles1: TreeNode; + selectedFiles2: TreeNode[] = []; - selectedFiles2: TreeNode[]; + selectedFiles3: TreeNode = {}; - selectedFiles3: TreeNode; + cols: any[] = []; - cols: any[]; - - constructor(private nodeService: NodeService) {} + constructor(private nodeService: NodeService) { } ngOnInit() { this.nodeService.getFiles().then(files => this.files1 = files); diff --git a/src/app/demo/components/uikit/tree/treedemo.module.ts b/src/app/demo/components/uikit/tree/treedemo.module.ts new file mode 100644 index 0000000..6a08320 --- /dev/null +++ b/src/app/demo/components/uikit/tree/treedemo.module.ts @@ -0,0 +1,19 @@ +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { FormsModule } from '@angular/forms'; +import { TreeDemoComponent } from './treedemo.component'; +import { TreeDemoRoutingModule } from './treedemo-routing.module'; +import { TreeModule } from 'primeng/tree'; +import { TreeTableModule } from 'primeng/treetable'; + +@NgModule({ + imports: [ + CommonModule, + TreeDemoRoutingModule, + FormsModule, + TreeModule, + TreeTableModule + ], + declarations: [TreeDemoComponent], +}) +export class TreeDemoModule { } diff --git a/src/app/demo/components/uikit/uikit-routing.module.ts b/src/app/demo/components/uikit/uikit-routing.module.ts new file mode 100644 index 0000000..4ee11e2 --- /dev/null +++ b/src/app/demo/components/uikit/uikit-routing.module.ts @@ -0,0 +1,25 @@ +import { NgModule } from '@angular/core'; +import { RouterModule } from '@angular/router'; + +@NgModule({ + imports: [RouterModule.forChild([ + { path: 'formlayout', loadChildren: () => import('./formlayout/formlayout.module').then(m => m.FormlayoutModule) }, + { path: 'button', loadChildren: () => import('./button/buttondemo.module').then(m => m.ButtonDemoModule) }, + { path: 'charts', loadChildren: () => import('./charts/charts.module').then(m => m.ChartsModule) }, + { path: 'file', loadChildren: () => import('./file/filedemo.module').then(m => m.FileDemoModule) }, + { path: 'floatlabel', loadChildren: () => import('./floatlabel/floatlabeldemo.module').then(m => m.FloatlabelDemoModule) }, + { path: 'input', loadChildren: () => import('./input/inputdemo.module').then(m => m.InputDemoModule) }, + { path: 'invalidstate', loadChildren: () => import('./invalid/invalidstatedemo.module').then(m => m.InvalidStateDemoModule) }, + { path: 'list', loadChildren: () => import('./list/listdemo.module').then(m => m.ListDemoModule) }, + { path: 'media', loadChildren: () => import('./media/mediademo.module').then(m => m.MediaDemoModule) }, + { path: 'message', loadChildren: () => import('./messages/messagesdemo.module').then(m => m.MessagesDemoModule) }, + { path: 'misc', loadChildren: () => import('./misc/miscdemo.module').then(m => m.MiscDemoModule) }, + { path: 'overlay', loadChildren: () => import('./overlays/overlaysdemo.module').then(m => m.OverlaysDemoModule) }, + { path: 'panel', loadChildren: () => import('./panels/panelsdemo.module').then(m => m.PanelsDemoModule) }, + { path: 'table', loadChildren: () => import('./table/tabledemo.module').then(m => m.TableDemoModule) }, + { path: 'tree', loadChildren: () => import('./tree/treedemo.module').then(m => m.TreeDemoModule) }, + { path: 'menu', loadChildren: () => import('./menus/menus.module').then(m => m.MenusModule) } + ])], + exports: [RouterModule] +}) +export class UikitRoutingModule { } diff --git a/src/app/demo/components/uikit/uikit.module.ts b/src/app/demo/components/uikit/uikit.module.ts new file mode 100644 index 0000000..207f6a4 --- /dev/null +++ b/src/app/demo/components/uikit/uikit.module.ts @@ -0,0 +1,12 @@ +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { UikitRoutingModule } from './uikit-routing.module'; + +@NgModule({ + imports: [ + CommonModule, + UikitRoutingModule + ], + declarations: [] +}) +export class UikitModule { } diff --git a/src/app/demo/components/utilities/icons/icons.component.html b/src/app/demo/components/utilities/icons/icons.component.html new file mode 100644 index 0000000..e44c7e0 --- /dev/null +++ b/src/app/demo/components/utilities/icons/icons.component.html @@ -0,0 +1,56 @@ +
+

Icons

+
Download
+ +npm install primeicons --save + + +
Getting Started
+

PrimeIcons use the pi pi-{icon} syntax such as pi pi-check. + A standalone icon can be displayed using an element such as i or span

+ + +<i class="pi pi-check"></i> +<i class="pi pi-times"></i> + + + + + +
Size
+

Size of the icons can easily be changed using font-size property.

+ + +<i class="pi pi-check"></i> + + + + + +<i class="pi pi-check" style="font-size: 2rem"></i> + + + + +
Spinning Animation
+

Special pi-spin class applies infinite rotate to an icon.

+ + +<i class="pi pi-spin pi-spinner" style="font-size: 2rem"></i> + + + + +
List of Icons
+

Here is the current list of PrimeIcons, more icons will be added periodically. You may also request new icons at the issue tracker.

+
+ +
+ +
+
+ +
pi-{{icon.properties.name}}
+
+
+
\ No newline at end of file diff --git a/src/app/demo/components/utilities/icons/icons.component.ts b/src/app/demo/components/utilities/icons/icons.component.ts new file mode 100644 index 0000000..2db504a --- /dev/null +++ b/src/app/demo/components/utilities/icons/icons.component.ts @@ -0,0 +1,50 @@ +import { Component, OnInit } from '@angular/core'; +import { IconService } from 'src/app/demo/service/icon.service'; + +@Component({ + templateUrl: './icons.component.html', +}) +export class IconsComponent implements OnInit { + + icons: any[] = []; + + filteredIcons: any[] = []; + + selectedIcon: any; + + constructor(private iconService: IconService) { } + + ngOnInit() { + this.iconService.getIcons().subscribe(data => { + data = data.filter(value => { + return value.icon.tags.indexOf('deprecate') === -1; + }); + + let icons = data; + icons.sort((icon1, icon2) => { + if (icon1.properties.name < icon2.properties.name) + return -1; + else if (icon1.properties.name < icon2.properties.name) + return 1; + else + return 0; + }); + + this.icons = icons; + this.filteredIcons = data; + }); + } + + onFilter(event: Event): void { + const searchText = (event.target as HTMLInputElement).value; + + if (!searchText) { + this.filteredIcons = this.icons; + } + else { + this.filteredIcons = this.icons.filter(it => { + return it.icon.tags[0].includes(searchText); + }); + } + } +} diff --git a/src/app/demo/components/utilities/utilities-routing.module.ts b/src/app/demo/components/utilities/utilities-routing.module.ts new file mode 100644 index 0000000..04a5632 --- /dev/null +++ b/src/app/demo/components/utilities/utilities-routing.module.ts @@ -0,0 +1,11 @@ +import { NgModule } from '@angular/core'; +import { RouterModule } from '@angular/router'; +import { IconsComponent } from './icons/icons.component'; + +@NgModule({ + imports: [RouterModule.forChild([ + { path: 'icons', data: { breadcrumb: 'Prime Icons' }, component: IconsComponent } + ])], + exports: [RouterModule] +}) +export class UtilitiesRoutingModule { } diff --git a/src/app/demo/components/utilities/utilities.module.ts b/src/app/demo/components/utilities/utilities.module.ts new file mode 100644 index 0000000..816b0d0 --- /dev/null +++ b/src/app/demo/components/utilities/utilities.module.ts @@ -0,0 +1,17 @@ +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { IconsComponent } from './icons/icons.component'; +import { UtilitiesRoutingModule } from './utilities-routing.module'; +import { AppCodeModule } from '../code/code.component'; +import { InputTextModule } from 'primeng/inputtext'; + +@NgModule({ + imports: [ + CommonModule, + UtilitiesRoutingModule, + AppCodeModule, + InputTextModule, + ], + declarations: [IconsComponent] +}) +export class UtilitiesModule { } diff --git a/src/app/service/countryservice.ts b/src/app/demo/service/country.service.ts old mode 100755 new mode 100644 similarity index 55% rename from src/app/service/countryservice.ts rename to src/app/demo/service/country.service.ts index 4aa81d9..dc0af14 --- a/src/app/service/countryservice.ts +++ b/src/app/demo/service/country.service.ts @@ -7,9 +7,9 @@ export class CountryService { constructor(private http: HttpClient) { } getCountries() { - return this.http.get('assets/demo/data/countries.json') - .toPromise() - .then(res => res.data as any[]) - .then(data => data); + return this.http.get('assets/demo/data/countries.json') + .toPromise() + .then(res => res.data as any[]) + .then(data => data); } } diff --git a/src/app/service/customerservice.ts b/src/app/demo/service/customer.service.ts similarity index 99% rename from src/app/service/customerservice.ts rename to src/app/demo/service/customer.service.ts index 5b9370f..d8d81df 100644 --- a/src/app/service/customerservice.ts +++ b/src/app/demo/service/customer.service.ts @@ -27,5 +27,4 @@ export class CustomerService { .then(res => res.data as Customer[]) .then(data => data); } - } diff --git a/src/app/service/eventservice.ts b/src/app/demo/service/event.service.ts old mode 100755 new mode 100644 similarity index 54% rename from src/app/service/eventservice.ts rename to src/app/demo/service/event.service.ts index e70aa77..72f5123 --- a/src/app/service/eventservice.ts +++ b/src/app/demo/service/event.service.ts @@ -7,9 +7,9 @@ export class EventService { constructor(private http: HttpClient) { } getEvents() { - return this.http.get('assets/demo/data/scheduleevents.json') - .toPromise() - .then(res => res.data as any[]) - .then(data => data); + return this.http.get('assets/demo/data/scheduleevents.json') + .toPromise() + .then(res => res.data as any[]) + .then(data => data); } } diff --git a/src/app/service/iconservice.ts b/src/app/demo/service/icon.service.ts old mode 100755 new mode 100644 similarity index 76% rename from src/app/service/iconservice.ts rename to src/app/demo/service/icon.service.ts index ec53360..75a8502 --- a/src/app/service/iconservice.ts +++ b/src/app/demo/service/icon.service.ts @@ -1,13 +1,13 @@ import { Injectable } from '@angular/core'; -import { HttpClient, HttpHeaders } from '@angular/common/http'; -import {map} from 'rxjs/operators'; +import { HttpClient } from '@angular/common/http'; +import { map } from 'rxjs/operators'; @Injectable() export class IconService { constructor(private http: HttpClient) { } - icons: any[]; + icons!: any[]; selectedIcon: any; diff --git a/src/app/demo/service/node.service.ts b/src/app/demo/service/node.service.ts new file mode 100644 index 0000000..260fb55 --- /dev/null +++ b/src/app/demo/service/node.service.ts @@ -0,0 +1,33 @@ +import { HttpClient } from '@angular/common/http'; +import { Injectable } from '@angular/core'; +import { TreeNode } from 'primeng/api'; + +@Injectable() +export class NodeService { + + constructor(private http: HttpClient) { } + + getFiles() { + return this.http.get('assets/demo/data/files.json') + .toPromise() + .then(res => res.data as TreeNode[]); + } + + getLazyFiles() { + return this.http.get('assets/demo/data/files-lazy.json') + .toPromise() + .then(res => res.data as TreeNode[]); + } + + getFilesystem() { + return this.http.get('assets/demo/data/filesystem.json') + .toPromise() + .then(res => res.data as TreeNode[]); + } + + getLazyFilesystem() { + return this.http.get('assets/demo/data/filesystem-lazy.json') + .toPromise() + .then(res => res.data as TreeNode[]); + } +} diff --git a/src/app/service/photoservice.ts b/src/app/demo/service/photo.service.ts similarity index 59% rename from src/app/service/photoservice.ts rename to src/app/demo/service/photo.service.ts index 4d73d13..05c5656 100644 --- a/src/app/service/photoservice.ts +++ b/src/app/demo/service/photo.service.ts @@ -1,6 +1,5 @@ import { HttpClient } from '@angular/common/http'; import { Injectable } from '@angular/core'; - import { Image } from '../api/image'; @Injectable() @@ -9,9 +8,9 @@ export class PhotoService { constructor(private http: HttpClient) { } getImages() { - return this.http.get('assets/demo/data/photos.json') - .toPromise() - .then(res => res.data as Image[]) - .then(data => data); + return this.http.get('assets/demo/data/photos.json') + .toPromise() + .then(res => res.data as Image[]) + .then(data => data); } } diff --git a/src/app/service/productservice.ts b/src/app/demo/service/product.service.ts old mode 100755 new mode 100644 similarity index 60% rename from src/app/service/productservice.ts rename to src/app/demo/service/product.service.ts index 7b0dbb3..b08cf75 --- a/src/app/service/productservice.ts +++ b/src/app/demo/service/product.service.ts @@ -1,6 +1,5 @@ import { HttpClient } from '@angular/common/http'; import { Injectable } from '@angular/core'; - import { Product } from '../api/product'; @Injectable() @@ -10,29 +9,29 @@ export class ProductService { getProductsSmall() { return this.http.get('assets/demo/data/products-small.json') - .toPromise() - .then(res => res.data as Product[]) - .then(data => data); + .toPromise() + .then(res => res.data as Product[]) + .then(data => data); } getProducts() { return this.http.get('assets/demo/data/products.json') - .toPromise() - .then(res => res.data as Product[]) - .then(data => data); + .toPromise() + .then(res => res.data as Product[]) + .then(data => data); } getProductsMixed() { return this.http.get('assets/demo/data/products-mixed.json') - .toPromise() - .then(res => res.data as Product[]) - .then(data => data); + .toPromise() + .then(res => res.data as Product[]) + .then(data => data); } getProductsWithOrdersSmall() { return this.http.get('assets/demo/data/products-orders-small.json') - .toPromise() - .then(res => res.data as Product[]) - .then(data => data); + .toPromise() + .then(res => res.data as Product[]) + .then(data => data); } } diff --git a/src/app/layout/api/menuchangeevent.ts b/src/app/layout/api/menuchangeevent.ts new file mode 100644 index 0000000..2730d09 --- /dev/null +++ b/src/app/layout/api/menuchangeevent.ts @@ -0,0 +1,4 @@ +export interface MenuChangeEvent { + key: string; + routeEvent?: boolean; +} \ No newline at end of file diff --git a/src/app/layout/app.footer.component.html b/src/app/layout/app.footer.component.html new file mode 100644 index 0000000..da4a248 --- /dev/null +++ b/src/app/layout/app.footer.component.html @@ -0,0 +1,5 @@ +
+ Logo + by + PrimeNG +
diff --git a/src/app/layout/app.footer.component.ts b/src/app/layout/app.footer.component.ts new file mode 100644 index 0000000..0c96a45 --- /dev/null +++ b/src/app/layout/app.footer.component.ts @@ -0,0 +1,10 @@ +import { Component } from '@angular/core'; +import { LayoutService } from "./service/app.layout.service"; + +@Component({ + selector: 'app-footer', + templateUrl: './app.footer.component.html' +}) +export class AppFooterComponent { + constructor(public layoutService: LayoutService) { } +} diff --git a/src/app/layout/app.layout.component.html b/src/app/layout/app.layout.component.html new file mode 100644 index 0000000..b8a4fd4 --- /dev/null +++ b/src/app/layout/app.layout.component.html @@ -0,0 +1,14 @@ +
+ +
+ +
+
+
+ +
+ +
+ +
+
diff --git a/src/app/layout/app.layout.component.ts b/src/app/layout/app.layout.component.ts new file mode 100644 index 0000000..d8fbcfa --- /dev/null +++ b/src/app/layout/app.layout.component.ts @@ -0,0 +1,97 @@ +import { Component, OnDestroy, Renderer2, ViewChild } from '@angular/core'; +import { NavigationEnd, Router } from '@angular/router'; +import { filter, Subscription } from 'rxjs'; +import { MenuService } from './app.menu.service'; +import { LayoutService } from "./service/app.layout.service"; +import { AppSidebarComponent } from "./app.sidebar.component"; +import { AppTopBarComponent } from './app.topbar.component'; + +@Component({ + selector: 'app-layout', + templateUrl: './app.layout.component.html' +}) +export class AppLayoutComponent implements OnDestroy { + + overlayMenuOpenSubscription: Subscription; + + menuOutsideClickListener: any; + + @ViewChild(AppSidebarComponent) appSidebar!: AppSidebarComponent; + + constructor(private menuService: MenuService, public layoutService: LayoutService, public renderer: Renderer2, public router: Router) { + this.overlayMenuOpenSubscription = this.layoutService.overlayOpen$.subscribe(() => { + if (!this.menuOutsideClickListener) { + this.menuOutsideClickListener = this.renderer.listen('document', 'click', event => { + const isOutsideClicked = !(this.appSidebar.el.nativeElement.isSameNode(event.target) || this.appSidebar.el.nativeElement.contains(event.target) + || event.target.classList.contains('p-trigger') || event.target.parentNode.classList.contains('p-trigger')); + + if (isOutsideClicked) { + this.layoutService.state.profileSidebarVisible = false; + this.layoutService.state.overlayMenuActive = false; + this.layoutService.state.staticMenuMobileActive = false; + this.layoutService.state.menuHoverActive = false; + this.menuService.reset(); + this.menuOutsideClickListener(); + this.menuOutsideClickListener = null; + this.unblockBodyScroll(); + } + else { + if (this.layoutService.state.staticMenuMobileActive) { + this.blockBodyScroll(); + } + } + }); + } + }); + + this.router.events.pipe(filter(event => event instanceof NavigationEnd)) + .subscribe(() => { + this.unblockBodyScroll(); + }); + } + + blockBodyScroll(): void { + if (document.body.classList) { + document.body.classList.add('blocked-scroll'); + } + else { + document.body.className += ' blocked-scroll'; + } + } + + unblockBodyScroll(): void { + if (document.body.classList) { + document.body.classList.remove('blocked-scroll'); + } + else { + document.body.className = document.body.className.replace(new RegExp('(^|\\b)' + + 'blocked-scroll'.split(' ').join('|') + '(\\b|$)', 'gi'), ' '); + } + } + + get containerClass() { + return { + 'layout-theme-light': this.layoutService.config.colorScheme === 'light', + 'layout-theme-dark': this.layoutService.config.colorScheme === 'dark', + 'layout-overlay': this.layoutService.config.menuMode === 'overlay', + 'layout-static': this.layoutService.config.menuMode === 'static', + 'layout-slim': this.layoutService.config.menuMode === 'slim', + 'layout-horizontal': this.layoutService.config.menuMode === 'horizontal', + 'layout-static-inactive': this.layoutService.state.staticMenuDesktopInactive && this.layoutService.config.menuMode === 'static', + 'layout-overlay-active': this.layoutService.state.overlayMenuActive, + 'layout-mobile-active': this.layoutService.state.staticMenuMobileActive, + 'p-input-filled': this.layoutService.config.inputStyle === 'filled', + 'p-ripple-disabled': !this.layoutService.config.ripple + } + } + + ngOnDestroy() { + if (this.overlayMenuOpenSubscription) { + this.overlayMenuOpenSubscription.unsubscribe(); + } + + if (this.menuOutsideClickListener) { + this.menuOutsideClickListener(); + } + } +} diff --git a/src/app/layout/app.layout.module.ts b/src/app/layout/app.layout.module.ts new file mode 100644 index 0000000..52bc4e5 --- /dev/null +++ b/src/app/layout/app.layout.module.ts @@ -0,0 +1,46 @@ +import { NgModule } from '@angular/core'; +import { BrowserModule } from '@angular/platform-browser'; +import { FormsModule } from '@angular/forms'; +import { HttpClientModule } from '@angular/common/http'; +import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; +import { InputTextModule } from 'primeng/inputtext'; +import { SidebarModule } from 'primeng/sidebar'; +import { BadgeModule } from 'primeng/badge'; +import { RadioButtonModule } from 'primeng/radiobutton'; +import { InputSwitchModule } from 'primeng/inputswitch'; +import { RippleModule } from 'primeng/ripple'; +import { AppMenuComponent } from './app.menu.component'; +import { AppMenuitemComponent } from './app.menuitem.component'; +import { RouterModule } from '@angular/router'; +import { AppTopBarComponent } from './app.topbar.component'; +import { AppFooterComponent } from './app.footer.component'; +import { AppConfigModule } from './config/config.module'; +import { AppSidebarComponent } from "./app.sidebar.component"; +import { AppLayoutComponent } from "./app.layout.component"; + +@NgModule({ + declarations: [ + AppMenuitemComponent, + AppTopBarComponent, + AppFooterComponent, + AppMenuComponent, + AppSidebarComponent, + AppLayoutComponent, + ], + imports: [ + BrowserModule, + FormsModule, + HttpClientModule, + BrowserAnimationsModule, + InputTextModule, + SidebarModule, + BadgeModule, + RadioButtonModule, + InputSwitchModule, + RippleModule, + RouterModule, + AppConfigModule + ], + exports: [AppLayoutComponent] +}) +export class AppLayoutModule { } diff --git a/src/app/layout/app.menu.component.html b/src/app/layout/app.menu.component.html new file mode 100644 index 0000000..c9b3bf6 --- /dev/null +++ b/src/app/layout/app.menu.component.html @@ -0,0 +1,11 @@ + diff --git a/src/app/layout/app.menu.component.ts b/src/app/layout/app.menu.component.ts new file mode 100644 index 0000000..1193280 --- /dev/null +++ b/src/app/layout/app.menu.component.ts @@ -0,0 +1,166 @@ +import { OnInit } from '@angular/core'; +import { Component } from '@angular/core'; +import { LayoutService } from './service/app.layout.service'; + +@Component({ + selector: 'app-menu', + templateUrl: './app.menu.component.html' +}) +export class AppMenuComponent implements OnInit { + + model: any[] = []; + + constructor(public layoutService: LayoutService) { } + + ngOnInit() { + this.model = [ + { + label: 'Home', + items: [ + { label: 'Dashboard', icon: 'pi pi-fw pi-home', routerLink: ['/'] } + ] + }, + { + label: 'UI Components', + items: [ + { label: 'Form Layout', icon: 'pi pi-fw pi-id-card', routerLink: ['/uikit/formlayout'] }, + { label: 'Input', icon: 'pi pi-fw pi-check-square', routerLink: ['/uikit/input'] }, + { label: 'Float Label', icon: 'pi pi-fw pi-bookmark', routerLink: ['/uikit/floatlabel'] }, + { label: 'Invalid State', icon: 'pi pi-fw pi-exclamation-circle', routerLink: ['/uikit/invalidstate'] }, + { label: 'Button', icon: 'pi pi-fw pi-mobile', routerLink: ['/uikit/button'], class: 'rotated-icon' }, + { label: 'Table', icon: 'pi pi-fw pi-table', routerLink: ['/uikit/table'] }, + { label: 'List', icon: 'pi pi-fw pi-list', routerLink: ['/uikit/list'] }, + { label: 'Tree', icon: 'pi pi-fw pi-share-alt', routerLink: ['/uikit/tree'] }, + { label: 'Panel', icon: 'pi pi-fw pi-tablet', routerLink: ['/uikit/panel'] }, + { label: 'Overlay', icon: 'pi pi-fw pi-clone', routerLink: ['/uikit/overlay'] }, + { label: 'Media', icon: 'pi pi-fw pi-image', routerLink: ['/uikit/media'] }, + { label: 'Menu', icon: 'pi pi-fw pi-bars', routerLink: ['/uikit/menu'], preventExact: true }, + { label: 'Message', icon: 'pi pi-fw pi-comment', routerLink: ['/uikit/message'] }, + { label: 'File', icon: 'pi pi-fw pi-file', routerLink: ['/uikit/file'] }, + { label: 'Chart', icon: 'pi pi-fw pi-chart-bar', routerLink: ['/uikit/charts'] }, + { label: 'Misc', icon: 'pi pi-fw pi-circle', routerLink: ['/uikit/misc'] } + ] + }, + { + label: 'Prime Blocks', + items: [ + { label: 'Free Blocks', icon: 'pi pi-fw pi-eye', routerLink: ['/blocks'], badge: 'NEW' }, + { label: 'All Blocks', icon: 'pi pi-fw pi-globe', url: ['https://www.primefaces.org/primeblocks-ng'], target: '_blank' }, + ] + }, + { + label: 'Utilities', + items: [ + { label: 'PrimeIcons', icon: 'pi pi-fw pi-prime', routerLink: ['/utilities/icons'] }, + { label: 'PrimeFlex', icon: 'pi pi-fw pi-desktop', url: ['https://www.primefaces.org/primeflex/'], target: '_blank' }, + ] + }, + { + label: 'Pages', + icon: 'pi pi-fw pi-briefcase', + routerLink: ['/pages'], + items: [ + { + label: 'Landing', + icon: 'pi pi-fw pi-globe', + routerLink: ['/landing'] + }, + { + label: 'Auth', + icon: 'pi pi-fw pi-user', + items: [ + { + label: 'Login', + icon: 'pi pi-fw pi-sign-in', + routerLink: ['/auth/login'] + }, + { + label: 'Error', + icon: 'pi pi-fw pi-times-circle', + routerLink: ['/auth/error'] + }, + { + label: 'Access Denied', + icon: 'pi pi-fw pi-lock', + routerLink: ['/auth/access'] + } + ] + }, + { + label: 'Crud', + icon: 'pi pi-fw pi-pencil', + routerLink: ['/pages/crud'] + }, + { + label: 'Timeline', + icon: 'pi pi-fw pi-calendar', + routerLink: ['/pages/timeline'] + }, + { + label: 'Not Found', + icon: 'pi pi-fw pi-exclamation-circle', + routerLink: ['/pages/notfound'] + }, + { + label: 'Empty', + icon: 'pi pi-fw pi-circle-off', + routerLink: ['/pages/empty'] + }, + ] + }, + { + label: 'Hierarchy', + items: [ + { + label: 'Submenu 1', icon: 'pi pi-fw pi-bookmark', + items: [ + { + label: 'Submenu 1.1', icon: 'pi pi-fw pi-bookmark', + items: [ + { label: 'Submenu 1.1.1', icon: 'pi pi-fw pi-bookmark' }, + { label: 'Submenu 1.1.2', icon: 'pi pi-fw pi-bookmark' }, + { label: 'Submenu 1.1.3', icon: 'pi pi-fw pi-bookmark' }, + ] + }, + { + label: 'Submenu 1.2', icon: 'pi pi-fw pi-bookmark', + items: [ + { label: 'Submenu 1.2.1', icon: 'pi pi-fw pi-bookmark' } + ] + }, + ] + }, + { + label: 'Submenu 2', icon: 'pi pi-fw pi-bookmark', + items: [ + { + label: 'Submenu 2.1', icon: 'pi pi-fw pi-bookmark', + items: [ + { label: 'Submenu 2.1.1', icon: 'pi pi-fw pi-bookmark' }, + { label: 'Submenu 2.1.2', icon: 'pi pi-fw pi-bookmark' }, + ] + }, + { + label: 'Submenu 2.2', icon: 'pi pi-fw pi-bookmark', + items: [ + { label: 'Submenu 2.2.1', icon: 'pi pi-fw pi-bookmark' }, + ] + }, + ] + } + ] + }, + { + label: 'Get Started', + items: [ + { + label: 'Documentation', icon: 'pi pi-fw pi-question', routerLink: ['/documentation'] + }, + { + label: 'View Source', icon: 'pi pi-fw pi-search', url: ['https://github.com/primefaces/sakai-ng'], target: '_blank' + } + ] + } + ]; + } +} diff --git a/src/app/service/app.menu.service.ts b/src/app/layout/app.menu.service.ts similarity index 50% rename from src/app/service/app.menu.service.ts rename to src/app/layout/app.menu.service.ts index ba552db..1d86f44 100644 --- a/src/app/service/app.menu.service.ts +++ b/src/app/layout/app.menu.service.ts @@ -1,20 +1,23 @@ import { Injectable } from '@angular/core'; import { Subject } from 'rxjs'; +import { MenuChangeEvent } from './api/menuchangeevent'; -@Injectable() +@Injectable({ + providedIn: 'root' +}) export class MenuService { - private menuSource = new Subject(); + private menuSource = new Subject(); private resetSource = new Subject(); menuSource$ = this.menuSource.asObservable(); resetSource$ = this.resetSource.asObservable(); - onMenuStateChange(key: string) { - this.menuSource.next(key); + onMenuStateChange(event: MenuChangeEvent) { + this.menuSource.next(event); } reset() { - this.resetSource.next(true); + this.resetSource.next(true); } } diff --git a/src/app/layout/app.menuitem.component.ts b/src/app/layout/app.menuitem.component.ts new file mode 100644 index 0000000..0179f42 --- /dev/null +++ b/src/app/layout/app.menuitem.component.ts @@ -0,0 +1,166 @@ +import { ChangeDetectorRef, Component, Input, OnDestroy, OnInit } from '@angular/core'; +import { NavigationEnd, Router } from '@angular/router'; +import { animate, state, style, transition, trigger } from '@angular/animations'; +import { Subscription } from 'rxjs'; +import { filter } from 'rxjs/operators'; +import { MenuService } from './app.menu.service'; +import { LayoutService } from './service/app.layout.service'; + +@Component({ + /* tslint:disable:component-selector */ + selector: '[app-menuitem]', + /* tslint:enable:component-selector */ + template: ` + +
{{item.label}}
+ + + {{item.label}} + + + + + {{item.label}} + + + +
    + +
  • +     +
+ + `, + host: { + '[class.layout-root-menuitem]': 'root', + '[class.active-menuitem]': 'active' + }, + animations: [ + trigger('children', [ + state('collapsed', style({ + height: '0' + })), + state('expanded', style({ + height: '*' + })), + state('hidden', style({ + display: 'none' + })), + state('visible', style({ + display: 'block' + })), + transition('collapsed <=> expanded', animate('400ms cubic-bezier(0.86, 0, 0.07, 1)')) + ]) + ] +}) +export class AppMenuitemComponent implements OnInit, OnDestroy { + + @Input() item: any; + + @Input() index!: number; + + @Input() root!: boolean; + + @Input() parentKey!: string; + + active = false; + + menuSourceSubscription: Subscription; + + menuResetSubscription: Subscription; + + key: string = ""; + + constructor(public layoutService: LayoutService, private cd: ChangeDetectorRef, public router: Router, private menuService: MenuService) { + this.menuSourceSubscription = this.menuService.menuSource$.subscribe(value => { + Promise.resolve(null).then(() => { + if (value.routeEvent) { + this.active = (value.key === this.key || value.key.startsWith(this.key + '-')) ? true : false; + } + else { + if (value.key !== this.key && !value.key.startsWith(this.key + '-')) { + this.active = false; + } + } + }); + }); + + this.menuResetSubscription = this.menuService.resetSource$.subscribe(() => { + this.active = false; + }); + + this.router.events.pipe(filter(event => event instanceof NavigationEnd)) + .subscribe(params => { + if (this.item.routerLink) { + this.updateActiveStateFromRoute(); + } + }); + } + + ngOnInit() { + this.key = this.parentKey ? this.parentKey + '-' + this.index : String(this.index); + + if (this.item.routerLink) { + this.updateActiveStateFromRoute(); + } + } + + updateActiveStateFromRoute() { + let activeRoute = this.router.isActive(this.item.routerLink[0], { paths: 'exact', queryParams: 'ignored', matrixParams: 'ignored', fragment: 'ignored' }); + + if (activeRoute) { + this.menuService.onMenuStateChange({ key: this.key, routeEvent: true }); + } + } + + itemClick(event: Event) { + // avoid processing disabled items + if (this.item.disabled) { + event.preventDefault(); + return; + } + + // execute command + if (this.item.command) { + this.item.command({ originalEvent: event, item: this.item }); + } + + // toggle active state + if (this.item.items) { + this.active = !this.active; + + if (this.root && this.active) { + this.layoutService.onOverlaySubmenuOpen(); + } + } + else { + if (this.layoutService.isMobile()) { + this.layoutService.state.staticMenuMobileActive = false; + } + } + + this.menuService.onMenuStateChange({ key: this.key }); + } + + get submenuAnimation() { + if (this.layoutService.isDesktop() && (this.layoutService.isHorizontal() || this.layoutService.isSlim())) + return this.active ? 'visible' : 'hidden'; + else + return this.root ? 'expanded' : (this.active ? 'expanded' : 'collapsed'); + } + + ngOnDestroy() { + if (this.menuSourceSubscription) { + this.menuSourceSubscription.unsubscribe(); + } + + if (this.menuResetSubscription) { + this.menuResetSubscription.unsubscribe(); + } + } +} diff --git a/src/app/layout/app.sidebar.component.html b/src/app/layout/app.sidebar.component.html new file mode 100644 index 0000000..7f6f112 --- /dev/null +++ b/src/app/layout/app.sidebar.component.html @@ -0,0 +1 @@ + diff --git a/src/app/layout/app.sidebar.component.ts b/src/app/layout/app.sidebar.component.ts new file mode 100644 index 0000000..c48f9bb --- /dev/null +++ b/src/app/layout/app.sidebar.component.ts @@ -0,0 +1,11 @@ +import { Component, ElementRef } from '@angular/core'; +import { LayoutService } from "./service/app.layout.service"; + +@Component({ + selector: 'app-sidebar', + templateUrl: './app.sidebar.component.html' +}) +export class AppSidebarComponent { + constructor(public layoutService: LayoutService, public el: ElementRef) { } +} + diff --git a/src/app/layout/app.topbar.component.html b/src/app/layout/app.topbar.component.html new file mode 100644 index 0000000..70e134c --- /dev/null +++ b/src/app/layout/app.topbar.component.html @@ -0,0 +1,31 @@ +
+ + + + + + +
+ + + + + +
+
\ No newline at end of file diff --git a/src/app/layout/app.topbar.component.ts b/src/app/layout/app.topbar.component.ts new file mode 100644 index 0000000..2be0bc1 --- /dev/null +++ b/src/app/layout/app.topbar.component.ts @@ -0,0 +1,14 @@ +import { Component } from '@angular/core'; +import { MenuItem } from 'primeng/api'; +import { LayoutService } from "./service/app.layout.service"; + +@Component({ + selector: 'app-topbar', + templateUrl: './app.topbar.component.html' +}) +export class AppTopBarComponent { + + items!: MenuItem[]; + + constructor(public layoutService: LayoutService) { } +} diff --git a/src/app/layout/config/app.config.component.html b/src/app/layout/config/app.config.component.html new file mode 100644 index 0000000..a1549f6 --- /dev/null +++ b/src/app/layout/config/app.config.component.html @@ -0,0 +1,242 @@ + + + +
Scale
+
+ +
+ +
+ +
+ + +
Menu Type
+
+ + +
+
+ + +
+ + + +
Input Style
+
+
+ + +
+
+ + +
+
+ +
Ripple Effect
+ + + + +
Bootstrap
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
Material Design
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
Material Design Compact
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
Tailwind
+
+
+ +
+
+ +
Fluent UI
+
+
+ +
+
+ +
PrimeOne Design - 2022
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
PrimeOne Design - 2021
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ diff --git a/src/app/layout/config/app.config.component.ts b/src/app/layout/config/app.config.component.ts new file mode 100644 index 0000000..72d315d --- /dev/null +++ b/src/app/layout/config/app.config.component.ts @@ -0,0 +1,105 @@ +import { Component, Input } from '@angular/core'; +import { LayoutService } from "../service/app.layout.service"; +import { MenuService } from "../app.menu.service"; + +@Component({ + selector: 'app-config', + templateUrl: './app.config.component.html' +}) +export class AppConfigComponent { + + @Input() minimal: boolean = false; + + scales: number[] = [12, 13, 14, 15, 16]; + + constructor(public layoutService: LayoutService, public menuService: MenuService) { } + + get visible(): boolean { + return this.layoutService.state.configSidebarVisible; + } + + set visible(_val: boolean) { + this.layoutService.state.configSidebarVisible = _val; + } + + get scale(): number { + return this.layoutService.config.scale; + } + + set scale(_val: number) { + this.layoutService.config.scale = _val; + } + + get menuMode(): string { + return this.layoutService.config.menuMode; + } + + set menuMode(_val: string) { + this.layoutService.config.menuMode = _val; + if (this.layoutService.isSlim() || this.layoutService.isHorizontal()) { + this.menuService.reset(); + } + } + + get inputStyle(): string { + return this.layoutService.config.inputStyle; + } + + set inputStyle(_val: string) { + this.layoutService.config.inputStyle = _val; + } + + get ripple(): boolean { + return this.layoutService.config.ripple; + } + + set ripple(_val: boolean) { + this.layoutService.config.ripple = _val; + } + + onConfigButtonClick() { + this.layoutService.showConfigSidebar(); + } + + changeTheme(theme: string, colorScheme: string) { + const themeLink = document.getElementById('theme-css'); + const newHref = themeLink.getAttribute('href')!.replace(this.layoutService.config.theme, theme); + this.layoutService.config.colorScheme + this.replaceThemeLink(newHref, () => { + this.layoutService.config.theme = theme; + this.layoutService.config.colorScheme = colorScheme; + this.layoutService.onConfigUpdate(); + }); + } + + replaceThemeLink(href: string, onComplete: Function) { + const id = 'theme-css'; + const themeLink = document.getElementById('theme-css'); + const cloneLinkElement = themeLink.cloneNode(true); + + cloneLinkElement.setAttribute('href', href); + cloneLinkElement.setAttribute('id', id + '-clone'); + + themeLink.parentNode!.insertBefore(cloneLinkElement, themeLink.nextSibling); + + cloneLinkElement.addEventListener('load', () => { + themeLink.remove(); + cloneLinkElement.setAttribute('id', id); + onComplete(); + }); + } + + decrementScale() { + this.scale--; + this.applyScale(); + } + + incrementScale() { + this.scale++; + this.applyScale(); + } + + applyScale() { + document.documentElement.style.fontSize = this.scale + 'px'; + } +} diff --git a/src/app/layout/config/config.module.ts b/src/app/layout/config/config.module.ts new file mode 100644 index 0000000..2c00f85 --- /dev/null +++ b/src/app/layout/config/config.module.ts @@ -0,0 +1,26 @@ +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { FormsModule } from '@angular/forms'; +import { SidebarModule } from 'primeng/sidebar'; +import { RadioButtonModule } from 'primeng/radiobutton'; +import { ButtonModule } from 'primeng/button'; +import { InputSwitchModule } from 'primeng/inputswitch'; +import { AppConfigComponent } from './app.config.component'; + +@NgModule({ + imports: [ + CommonModule, + FormsModule, + SidebarModule, + RadioButtonModule, + ButtonModule, + InputSwitchModule + ], + declarations: [ + AppConfigComponent + ], + exports: [ + AppConfigComponent + ] +}) +export class AppConfigModule { } diff --git a/src/app/layout/service/app.layout.service.ts b/src/app/layout/service/app.layout.service.ts new file mode 100644 index 0000000..1cf1b8c --- /dev/null +++ b/src/app/layout/service/app.layout.service.ts @@ -0,0 +1,112 @@ +import { Injectable } from '@angular/core'; +import { Subject } from 'rxjs'; + +export interface AppConfig { + inputStyle: string; + colorScheme: string; + theme: string; + ripple: boolean; + menuMode: string; + scale: number; +} + +interface LayoutState { + staticMenuDesktopInactive: boolean; + overlayMenuActive: boolean; + profileSidebarVisible: boolean; + configSidebarVisible: boolean; + staticMenuMobileActive: boolean; + menuHoverActive: boolean; +} + +@Injectable({ + providedIn: 'root', +}) +export class LayoutService { + + config: AppConfig = { + ripple: false, + inputStyle: 'outlined', + menuMode: 'static', + colorScheme: 'light', + theme: 'lara-light-indigo', + scale: 14, + }; + + state: LayoutState = { + staticMenuDesktopInactive: false, + overlayMenuActive: false, + profileSidebarVisible: false, + configSidebarVisible: false, + staticMenuMobileActive: false, + menuHoverActive: false + }; + + private configUpdate = new Subject(); + + private overlayOpen = new Subject(); + + configUpdate$ = this.configUpdate.asObservable(); + + overlayOpen$ = this.overlayOpen.asObservable(); + + onMenuToggle() { + if (this.isOverlay()) { + this.state.overlayMenuActive = !this.state.overlayMenuActive; + if (this.state.overlayMenuActive) { + this.overlayOpen.next(null); + } + } + + if (this.isDesktop()) { + this.state.staticMenuDesktopInactive = !this.state.staticMenuDesktopInactive; + } + else { + this.state.staticMenuMobileActive = !this.state.staticMenuMobileActive; + + if (this.state.staticMenuMobileActive) { + this.overlayOpen.next(null); + } + } + } + + onOverlaySubmenuOpen() { + this.overlayOpen.next(null); + } + + showProfileSidebar() { + this.state.profileSidebarVisible = !this.state.profileSidebarVisible; + if (this.state.profileSidebarVisible) { + this.overlayOpen.next(null); + } + } + + showConfigSidebar() { + this.state.configSidebarVisible = true; + } + + isOverlay() { + return this.config.menuMode === 'overlay'; + } + + isDesktop() { + return window.innerWidth > 991; + } + + isSlim() { + return this.config.menuMode === 'slim'; + } + + isHorizontal() { + return this.config.menuMode === 'horizontal'; + } + + isMobile() { + return !this.isDesktop(); + } + + onConfigUpdate() { + this.configUpdate.next(this.config); + } + +} diff --git a/src/app/service/app.config.service.ts b/src/app/service/app.config.service.ts deleted file mode 100644 index 0a165d6..0000000 --- a/src/app/service/app.config.service.ts +++ /dev/null @@ -1,27 +0,0 @@ -import { Injectable } from '@angular/core'; -import { Subject } from 'rxjs'; -import { AppConfig } from '../api/appconfig'; - -@Injectable() -export class ConfigService { - - config: AppConfig = { - theme: 'lara-light-indigo', - dark: false, - inputStyle: 'outlined', - ripple: true - }; - - private configUpdate = new Subject(); - - configUpdate$ = this.configUpdate.asObservable(); - - updateConfig(config: AppConfig) { - this.config = config; - this.configUpdate.next(config); - } - - getConfig() { - return this.config; - } -} diff --git a/src/app/service/nodeservice.ts b/src/app/service/nodeservice.ts deleted file mode 100755 index bc756b4..0000000 --- a/src/app/service/nodeservice.ts +++ /dev/null @@ -1,34 +0,0 @@ -import { HttpClient } from '@angular/common/http'; -import { Injectable } from '@angular/core'; - -import { TreeNode } from 'primeng/api'; - -@Injectable() -export class NodeService { - - constructor(private http: HttpClient) { } - - getFiles() { - return this.http.get('assets/demo/data/files.json') - .toPromise() - .then(res => res.data as TreeNode[]); - } - - getLazyFiles() { - return this.http.get('assets/demo/data/files-lazy.json') - .toPromise() - .then(res => res.data as TreeNode[]); - } - - getFilesystem() { - return this.http.get('assets/demo/data/filesystem.json') - .toPromise() - .then(res => res.data as TreeNode[]); - } - - getLazyFilesystem() { - return this.http.get('assets/demo/data/filesystem-lazy.json') - .toPromise() - .then(res => res.data as TreeNode[]); - } -} diff --git a/src/assets/demo/data/files-lazy.json b/src/assets/demo/data/files-lazy.json old mode 100755 new mode 100644 diff --git a/src/assets/demo/data/files.json b/src/assets/demo/data/files.json old mode 100755 new mode 100644 diff --git a/src/assets/demo/data/filesystem-lazy.json b/src/assets/demo/data/filesystem-lazy.json old mode 100755 new mode 100644 diff --git a/src/assets/demo/data/filesystem.json b/src/assets/demo/data/filesystem.json old mode 100755 new mode 100644 diff --git a/src/assets/demo/data/scheduleevents.json b/src/assets/demo/data/scheduleevents.json old mode 100755 new mode 100644 diff --git a/src/assets/layout/images/asset-access.svg b/src/assets/demo/images/access/asset-access.svg similarity index 100% rename from src/assets/layout/images/asset-access.svg rename to src/assets/demo/images/access/asset-access.svg diff --git a/src/assets/layout/images/logo-orange.svg b/src/assets/demo/images/access/logo-orange.svg similarity index 100% rename from src/assets/layout/images/logo-orange.svg rename to src/assets/demo/images/access/logo-orange.svg diff --git a/src/assets/layout/images/asset-error.svg b/src/assets/demo/images/error/asset-error.svg similarity index 100% rename from src/assets/layout/images/asset-error.svg rename to src/assets/demo/images/error/asset-error.svg diff --git a/src/assets/layout/images/logo-error.svg b/src/assets/demo/images/error/logo-error.svg similarity index 100% rename from src/assets/layout/images/logo-error.svg rename to src/assets/demo/images/error/logo-error.svg diff --git a/src/assets/demo/flags/flag_placeholder.png b/src/assets/demo/images/flag/flag_placeholder.png old mode 100755 new mode 100644 similarity index 100% rename from src/assets/demo/flags/flag_placeholder.png rename to src/assets/demo/images/flag/flag_placeholder.png diff --git a/src/assets/layout/images/enterprise.svg b/src/assets/demo/images/landing/enterprise.svg similarity index 100% rename from src/assets/layout/images/enterprise.svg rename to src/assets/demo/images/landing/enterprise.svg diff --git a/src/assets/layout/images/free.svg b/src/assets/demo/images/landing/free.svg similarity index 100% rename from src/assets/layout/images/free.svg rename to src/assets/demo/images/landing/free.svg diff --git a/src/assets/layout/images/mockup-desktop.svg b/src/assets/demo/images/landing/mockup-desktop.svg similarity index 100% rename from src/assets/layout/images/mockup-desktop.svg rename to src/assets/demo/images/landing/mockup-desktop.svg diff --git a/src/assets/layout/images/mockup.svg b/src/assets/demo/images/landing/mockup.svg similarity index 100% rename from src/assets/layout/images/mockup.svg rename to src/assets/demo/images/landing/mockup.svg diff --git a/src/assets/layout/images/new-badge.svg b/src/assets/demo/images/landing/new-badge.svg similarity index 100% rename from src/assets/layout/images/new-badge.svg rename to src/assets/demo/images/landing/new-badge.svg diff --git a/src/assets/layout/images/peak-logo.svg b/src/assets/demo/images/landing/peak-logo.svg similarity index 100% rename from src/assets/layout/images/peak-logo.svg rename to src/assets/demo/images/landing/peak-logo.svg diff --git a/src/assets/layout/images/screen-1.png b/src/assets/demo/images/landing/screen-1.png similarity index 100% rename from src/assets/layout/images/screen-1.png rename to src/assets/demo/images/landing/screen-1.png diff --git a/src/assets/layout/images/startup.svg b/src/assets/demo/images/landing/startup.svg similarity index 100% rename from src/assets/layout/images/startup.svg rename to src/assets/demo/images/landing/startup.svg diff --git a/src/assets/layout/images/avatar.png b/src/assets/demo/images/login/avatar.png similarity index 100% rename from src/assets/layout/images/avatar.png rename to src/assets/demo/images/login/avatar.png diff --git a/src/assets/layout/images/logo-blue.svg b/src/assets/demo/images/notfound/logo-blue.svg similarity index 100% rename from src/assets/layout/images/logo-blue.svg rename to src/assets/demo/images/notfound/logo-blue.svg diff --git a/src/assets/demo/styles/badges.css b/src/assets/demo/styles/badges.css new file mode 100644 index 0000000..16d5b3c --- /dev/null +++ b/src/assets/demo/styles/badges.css @@ -0,0 +1,92 @@ +.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: #C8E6C9; + color: #256029; +} + +.product-badge.status-outofstock { + background: #FFCDD2; + color: #C63737; +} + +.product-badge.status-lowstock { + background: #FEEDAF; + color: #8A5340; +} + +.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: #C8E6C9; + color: #256029; +} + +.customer-badge.status-unqualified { + background: #FFCDD2; + color: #C63737; +} + +.customer-badge.status-negotiation { + background: #FEEDAF; + color: #8A5340; +} + +.customer-badge.status-new { + background: #B3E5FC; + color: #23547B; +} + +.customer-badge.status-renewal { + background: #ECCFFF; + color: #694382; +} + +.customer-badge.status-proposal { + background: #FFD8B2; + color: #805B36; +} + +.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; +} +/*# sourceMappingURL=badges.css.map */ \ No newline at end of file diff --git a/src/assets/demo/styles/badges.css.map b/src/assets/demo/styles/badges.css.map new file mode 100644 index 0000000..90b9e0d --- /dev/null +++ b/src/assets/demo/styles/badges.css.map @@ -0,0 +1,9 @@ +{ + "version": 3, + "mappings": "AAAA,AAAA,cAAc,CAAC;EACX,aAAa,EAAE,oBAAoB;EACnC,OAAO,EAAE,WAAW;EACpB,cAAc,EAAE,SAAS;EACzB,WAAW,EAAE,GAAG;EAChB,SAAS,EAAE,IAAI;EACf,cAAc,EAAE,IAAI;CAgBvB;;AAtBD,AAQI,cARU,AAQT,eAAe,CAAC;EACb,UAAU,EAAE,OAAO;EACnB,KAAK,EAAE,OAAO;CACjB;;AAXL,AAaI,cAbU,AAaT,kBAAkB,CAAC;EAChB,UAAU,EAAE,OAAO;EACnB,KAAK,EAAE,OAAO;CACjB;;AAhBL,AAkBI,cAlBU,AAkBT,gBAAgB,CAAC;EACd,UAAU,EAAE,OAAO;EACnB,KAAK,EAAE,OAAO;CACjB;;AAGL,AAAA,eAAe,CAAC;EACZ,aAAa,EAAE,oBAAoB;EACnC,OAAO,EAAE,WAAW;EACpB,cAAc,EAAE,SAAS;EACzB,WAAW,EAAE,GAAG;EAChB,SAAS,EAAE,IAAI;EACf,cAAc,EAAE,IAAI;CA+BvB;;AArCD,AAQI,eARW,AAQV,iBAAiB,CAAC;EACf,UAAU,EAAE,OAAO;EACnB,KAAK,EAAE,OAAO;CACjB;;AAXL,AAaI,eAbW,AAaV,mBAAmB,CAAC;EACjB,UAAU,EAAE,OAAO;EACnB,KAAK,EAAE,OAAO;CACjB;;AAhBL,AAkBI,eAlBW,AAkBV,mBAAmB,CAAC;EACjB,UAAU,EAAE,OAAO;EACnB,KAAK,EAAE,OAAO;CACjB;;AArBL,AAuBI,eAvBW,AAuBV,WAAW,CAAC;EACT,UAAU,EAAE,OAAO;EACnB,KAAK,EAAE,OAAO;CACjB;;AA1BL,AA4BI,eA5BW,AA4BV,eAAe,CAAC;EACb,UAAU,EAAE,OAAO;EACnB,KAAK,EAAE,OAAO;CACjB;;AA/BL,AAiCI,eAjCW,AAiCV,gBAAgB,CAAC;EACd,UAAU,EAAE,OAAO;EACnB,KAAK,EAAE,OAAO;CACjB;;AAGL,AAAA,YAAY,CAAC;EACT,aAAa,EAAE,oBAAoB;EACnC,OAAO,EAAE,WAAW;EACpB,cAAc,EAAE,SAAS;EACzB,WAAW,EAAE,GAAG;EAChB,SAAS,EAAE,IAAI;EACf,cAAc,EAAE,IAAI;CAqBvB;;AA3BD,AAQI,YARQ,AAQP,gBAAgB,CAAC;EACd,UAAU,EAAE,OAAO;EACnB,KAAK,EAAE,OAAO;CACjB;;AAXL,AAaI,YAbQ,AAaP,gBAAgB,CAAC;EACd,UAAU,EAAE,OAAO;EACnB,KAAK,EAAE,OAAO;CACjB;;AAhBL,AAkBI,YAlBQ,AAkBP,cAAc,CAAC;EACZ,UAAU,EAAE,OAAO;EACnB,KAAK,EAAE,OAAO;CACjB;;AArBL,AAuBI,YAvBQ,AAuBP,eAAe,CAAC;EACb,UAAU,EAAE,OAAO;EACnB,KAAK,EAAE,OAAO;CACjB", + "sources": [ + "badges.scss" + ], + "names": [], + "file": "badges.css" +} \ No newline at end of file diff --git a/src/assets/demo/badges.scss b/src/assets/demo/styles/badges.scss similarity index 100% rename from src/assets/demo/badges.scss rename to src/assets/demo/styles/badges.scss diff --git a/src/assets/demo/styles/documentation.css b/src/assets/demo/styles/documentation.css new file mode 100644 index 0000000..20f504e --- /dev/null +++ b/src/assets/demo/styles/documentation.css @@ -0,0 +1,30 @@ +pre[class*="language-"]:before, pre[class*="language-"]:after { + display: none !important; +} + +pre[class*="language-"] code { + border-left: 6px solid var(--surface-border) !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; + background: var(--surface-ground) !important; + margin: 1em 0; + color: var(--text-color); + font-size: 14px; +} + +i:not([class~="pi"]) { + background-color: transparent; + color: #2196f3; + font-family: Monaco, courier, monospace; + font-style: normal; + font-size: 12px; + font-weight: 500; + padding: 0 4px; + letter-spacing: .5px; + font-weight: 600; + margin: 0 2px; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; +} +/*# sourceMappingURL=documentation.css.map */ \ No newline at end of file diff --git a/src/assets/demo/styles/documentation.css.map b/src/assets/demo/styles/documentation.css.map new file mode 100644 index 0000000..faf5e19 --- /dev/null +++ b/src/assets/demo/styles/documentation.css.map @@ -0,0 +1,9 @@ +{ + "version": 3, + "mappings": "AAAA,AACI,GADD,CAAA,AAAA,KAAC,EAAO,WAAW,AAAlB,CACC,OAAO,EADZ,GAAG,CAAA,AAAA,KAAC,EAAO,WAAW,AAAlB,CACW,MAAM,CAAC;EACd,OAAO,EAAE,eAAe;CAC3B;;AAHL,AAKI,GALD,CAAA,AAAA,KAAC,EAAO,WAAW,AAAlB,EAKA,IAAI,CAAC;EACD,WAAW,EAAE,GAAG,CAAC,KAAK,CAAC,qBAAqB,CAAC,UAAU;EACvD,UAAU,EAAE,eAAe;EAC3B,UAAU,EAAE,qBAAqB,CAAC,UAAU;EAC5C,MAAM,EAAE,KAAK;EACb,KAAK,EAAE,iBAAiB;EACxB,SAAS,EAAE,IAAI;CAClB;;AAGL,AAAA,CAAC,AAAA,IAAK,EAAA,AAAA,KAAC,EAAO,IAAI,AAAX,GAAc;EACjB,gBAAgB,EAAE,WAAW;EAC7B,KAAK,EAAE,OAAO;EACd,WAAW,EAAE,0BAA0B;EACvC,UAAU,EAAE,MAAM;EAClB,SAAS,EAAE,IAAI;EACf,WAAW,EAAE,GAAG;EAChB,OAAO,EAAE,KAAK;EACd,cAAc,EAAE,IAAI;EACpB,WAAW,EAAE,GAAG;EAChB,MAAM,EAAE,KAAK;EACb,OAAO,EAAE,WAAW;CACvB", + "sources": [ + "documentation.scss" + ], + "names": [], + "file": "documentation.css" +} \ No newline at end of file diff --git a/src/assets/demo/documentation.scss b/src/assets/demo/styles/documentation.scss similarity index 100% rename from src/assets/demo/documentation.scss rename to src/assets/demo/styles/documentation.scss diff --git a/src/assets/demo/flags/flags.css b/src/assets/demo/styles/flags/flags.css similarity index 100% rename from src/assets/demo/flags/flags.css rename to src/assets/demo/styles/flags/flags.css diff --git a/src/assets/demo/flags/flags_responsive.png b/src/assets/demo/styles/flags/flags_responsive.png similarity index 100% rename from src/assets/demo/flags/flags_responsive.png rename to src/assets/demo/styles/flags/flags_responsive.png diff --git a/src/assets/layout/images/icon.svg b/src/assets/layout/images/icon.svg deleted file mode 100644 index 53d2de6..0000000 --- a/src/assets/layout/images/icon.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/src/assets/layout/images/screen.png b/src/assets/layout/images/screen.png deleted file mode 100644 index 41dac37..0000000 Binary files a/src/assets/layout/images/screen.png and /dev/null differ diff --git a/src/assets/layout/images/widgets/user-card.jpg b/src/assets/layout/images/widgets/user-card.jpg deleted file mode 100644 index cba8ef5..0000000 Binary files a/src/assets/layout/images/widgets/user-card.jpg and /dev/null differ diff --git a/src/assets/layout/styles/layout/_config.scss b/src/assets/layout/styles/layout/_config.scss new file mode 100644 index 0000000..43cacc3 --- /dev/null +++ b/src/assets/layout/styles/layout/_config.scss @@ -0,0 +1,42 @@ +.layout-config-button { + display: block; + position: fixed; + width: 3rem; + height: 3rem; + line-height: 3rem; + background: var(--primary-color); + color: var(--primary-color-text); + text-align: center; + top: 50%; + right: 0; + margin-top: -1.5rem; + border-top-left-radius: var(--border-radius); + border-bottom-left-radius: var(--border-radius); + border-top-right-radius: 0; + border-bottom-right-radius: 0; + transition: background-color var(--transition-duration); + overflow: hidden; + cursor: pointer; + z-index: 999; + box-shadow: -.25rem 0 1rem rgba(0,0,0,.15); + + i { + font-size: 2rem; + line-height: inherit; + transform: rotate(0deg); + transition: transform 1s; + } + + &:hover { + background: var(--primary-400); + } +} + +.layout-config-sidebar { + &.p-sidebar { + .p-sidebar-content { + padding-left: 2rem; + padding-right: 2rem; + } + } +} diff --git a/src/assets/sass/layout/_content.scss b/src/assets/layout/styles/layout/_content.scss similarity index 100% rename from src/assets/sass/layout/_content.scss rename to src/assets/layout/styles/layout/_content.scss diff --git a/src/assets/sass/layout/_footer.scss b/src/assets/layout/styles/layout/_footer.scss similarity index 100% rename from src/assets/sass/layout/_footer.scss rename to src/assets/layout/styles/layout/_footer.scss diff --git a/src/assets/sass/layout/_main.scss b/src/assets/layout/styles/layout/_main.scss similarity index 86% rename from src/assets/sass/layout/_main.scss rename to src/assets/layout/styles/layout/_main.scss index 5fece51..2b2685a 100644 --- a/src/assets/sass/layout/_main.scss +++ b/src/assets/layout/styles/layout/_main.scss @@ -23,6 +23,7 @@ a { color: var(--primary-color); } -.layout-theme-light { - background-color: #edf1f5; -} +.layout-wrapper { + min-height: 100vh; + overflow-x: hidden; +} \ No newline at end of file diff --git a/src/assets/layout/styles/layout/_menu.scss b/src/assets/layout/styles/layout/_menu.scss new file mode 100644 index 0000000..7e7f3df --- /dev/null +++ b/src/assets/layout/styles/layout/_menu.scss @@ -0,0 +1,141 @@ +.layout-sidebar { + position: fixed; + width: 300px; + height: calc(100vh - 9rem); + z-index: 999; + overflow-y: auto; + user-select: none; + top: 7rem; + left: 2rem; + transition: transform $transitionDuration, left $transitionDuration; + background-color: var(--surface-overlay); + border-radius: $borderRadius; + padding: 0.5rem 1.5rem; + box-shadow: 0px 3px 5px rgba(0, 0, 0, .02), 0px 0px 2px rgba(0, 0, 0, .05), 0px 1px 4px rgba(0, 0, 0, .08); +} + +.layout-menu { + margin: 0; + padding: 0; + list-style-type: none; + + .layout-root-menuitem { + >.layout-menuitem-root-text { + font-size: .857rem; + text-transform: uppercase; + font-weight: 700; + color: var(--surface-900); + margin: .75rem 0; + } + + >a { + display: none; + } + } + + a { + user-select: none; + + &.active-menuitem { + >.layout-submenu-toggler { + transform: rotate(-180deg); + } + } + } + + li.active-menuitem { + >a { + .layout-submenu-toggler { + transform: rotate(-180deg); + } + } + } + + ul { + margin: 0; + padding: 0; + list-style-type: none; + + a { + display: flex; + align-items: center; + position: relative; + outline: 0 none; + color: var(--text-color); + cursor: pointer; + padding: .75rem 1rem; + border-radius: $borderRadius; + transition: background-color $transitionDuration, box-shadow $transitionDuration; + + .layout-menuitem-icon { + margin-right: .5rem; + } + + .layout-submenu-toggler { + font-size: 75%; + margin-left: auto; + transition: transform $transitionDuration; + } + + &.rotated-icon { + .layout-menuitem-icon { + transform: rotate(90deg); + } + } + + &.active-route { + font-weight: 700; + color: var(--primary-color); + } + + &:hover { + background-color: var(--surface-hover); + } + + &:focus { + @include focused-inset(); + } + } + + ul { + overflow: hidden; + border-radius: $borderRadius; + + li { + a { + margin-left: 1rem; + } + + li { + a { + margin-left: 2rem; + } + + li { + a { + margin-left: 2.5rem; + } + + li { + a { + margin-left: 3rem; + } + + li { + a { + margin-left: 3.5rem; + } + + li { + a { + margin-left: 4rem; + } + } + } + } + } + } + } + } + } +} \ No newline at end of file diff --git a/src/assets/sass/layout/_mixins.scss b/src/assets/layout/styles/layout/_mixins.scss similarity index 100% rename from src/assets/sass/layout/_mixins.scss rename to src/assets/layout/styles/layout/_mixins.scss diff --git a/src/assets/sass/layout/_splash.scss b/src/assets/layout/styles/layout/_preloading.scss similarity index 100% rename from src/assets/sass/layout/_splash.scss rename to src/assets/layout/styles/layout/_preloading.scss diff --git a/src/assets/sass/layout/_responsive.scss b/src/assets/layout/styles/layout/_responsive.scss similarity index 77% rename from src/assets/sass/layout/_responsive.scss rename to src/assets/layout/styles/layout/_responsive.scss index d40a3cc..d4a3727 100644 --- a/src/assets/sass/layout/_responsive.scss +++ b/src/assets/layout/styles/layout/_responsive.scss @@ -1,8 +1,10 @@ @media screen and (min-width: 1729px) { - .layout-main { - width: 1478px; - margin: 0 auto; + .layout-main, .landing-wrapper { + width: 1504px; + margin-left: auto !important; + margin-right: auto !important; } + } @media (min-width: 992px) { @@ -22,7 +24,7 @@ border-bottom-left-radius: 0; } - &.layout-overlay-sidebar-active { + &.layout-overlay-active { .layout-sidebar { transform: translateX(0); } @@ -34,7 +36,7 @@ margin-left: 300px; } - &.layout-static-sidebar-inactive { + &.layout-static-inactive { .layout-sidebar { transform: translateX(-100%); left: 0; @@ -54,6 +56,10 @@ } @media (max-width: 991px) { + .blocked-scroll { + overflow: hidden; + } + .layout-wrapper { .layout-main-container { margin-left: 0; @@ -73,13 +79,20 @@ z-index: 998; background-color: var(--mask-bg); - &.layout-mask-enter-from, - &.layout-mask-leave-to { - background-color: transparent; - } } - &.layout-mobile-sidebar-active { + .layout-mask { + display: none; + position: fixed; + top: 0; + left: 0; + z-index: 998; + width: 100%; + height: 100%; + background-color: var(--maskbg); + } + + &.layout-mobile-active { .layout-sidebar { transform: translateX(0); } @@ -89,8 +102,4 @@ } } } - - .body-overflow-hidden { - overflow: hidden; - } } diff --git a/src/assets/sass/layout/_topbar.scss b/src/assets/layout/styles/layout/_topbar.scss similarity index 100% rename from src/assets/sass/layout/_topbar.scss rename to src/assets/layout/styles/layout/_topbar.scss diff --git a/src/assets/sass/layout/_typography.scss b/src/assets/layout/styles/layout/_typography.scss similarity index 100% rename from src/assets/sass/layout/_typography.scss rename to src/assets/layout/styles/layout/_typography.scss diff --git a/src/assets/layout/styles/layout/_utils.scss b/src/assets/layout/styles/layout/_utils.scss new file mode 100644 index 0000000..c178de4 --- /dev/null +++ b/src/assets/layout/styles/layout/_utils.scss @@ -0,0 +1,27 @@ +/* Utils */ +.clearfix:after { + content: " "; + display: block; + clear: both; +} + +.card { + background: var(--surface-card); + border: 1px solid var(--surface-border); + padding: 2rem; + margin-bottom: 2rem; + box-shadow: var(--card-shadow); + border-radius: $borderRadius; + + &:last-child { + margin-bottom: 0; + } +} + +.p-toast { + &.p-toast-top-right, + &.p-toast-top-left, + &.p-toast-top-center { + top: 70px; + } +} \ No newline at end of file diff --git a/src/assets/sass/layout/_variables.scss b/src/assets/layout/styles/layout/_variables.scss similarity index 100% rename from src/assets/sass/layout/_variables.scss rename to src/assets/layout/styles/layout/_variables.scss diff --git a/src/assets/sass/layout/_layout.scss b/src/assets/layout/styles/layout/layout.scss similarity index 72% rename from src/assets/sass/layout/_layout.scss rename to src/assets/layout/styles/layout/layout.scss index ec73f06..847398d 100644 --- a/src/assets/sass/layout/_layout.scss +++ b/src/assets/layout/styles/layout/layout.scss @@ -1,5 +1,6 @@ +@import './_variables'; @import "./_mixins"; -@import "./_splash"; +@import "./_preloading"; @import "./_main"; @import "./_topbar"; @import "./_menu"; @@ -8,4 +9,4 @@ @import "./_footer"; @import "./_responsive"; @import "./_utils"; -@import "./_typography"; +@import "./_typography"; \ No newline at end of file diff --git a/src/assets/theme/lara-dark-blue/fonts/Inter-Bold.woff b/src/assets/layout/styles/theme/lara-dark-blue/fonts/Inter-Bold.woff similarity index 100% rename from src/assets/theme/lara-dark-blue/fonts/Inter-Bold.woff rename to src/assets/layout/styles/theme/lara-dark-blue/fonts/Inter-Bold.woff diff --git a/src/assets/theme/lara-dark-blue/fonts/Inter-Bold.woff2 b/src/assets/layout/styles/theme/lara-dark-blue/fonts/Inter-Bold.woff2 similarity index 100% rename from src/assets/theme/lara-dark-blue/fonts/Inter-Bold.woff2 rename to src/assets/layout/styles/theme/lara-dark-blue/fonts/Inter-Bold.woff2 diff --git a/src/assets/theme/lara-dark-blue/fonts/Inter-Light.woff b/src/assets/layout/styles/theme/lara-dark-blue/fonts/Inter-Light.woff similarity index 100% rename from src/assets/theme/lara-dark-blue/fonts/Inter-Light.woff rename to src/assets/layout/styles/theme/lara-dark-blue/fonts/Inter-Light.woff diff --git a/src/assets/theme/lara-dark-blue/fonts/Inter-Light.woff2 b/src/assets/layout/styles/theme/lara-dark-blue/fonts/Inter-Light.woff2 similarity index 100% rename from src/assets/theme/lara-dark-blue/fonts/Inter-Light.woff2 rename to src/assets/layout/styles/theme/lara-dark-blue/fonts/Inter-Light.woff2 diff --git a/src/assets/theme/lara-dark-blue/fonts/Inter-Medium.woff b/src/assets/layout/styles/theme/lara-dark-blue/fonts/Inter-Medium.woff similarity index 100% rename from src/assets/theme/lara-dark-blue/fonts/Inter-Medium.woff rename to src/assets/layout/styles/theme/lara-dark-blue/fonts/Inter-Medium.woff diff --git a/src/assets/theme/lara-dark-blue/fonts/Inter-Medium.woff2 b/src/assets/layout/styles/theme/lara-dark-blue/fonts/Inter-Medium.woff2 similarity index 100% rename from src/assets/theme/lara-dark-blue/fonts/Inter-Medium.woff2 rename to src/assets/layout/styles/theme/lara-dark-blue/fonts/Inter-Medium.woff2 diff --git a/src/assets/theme/lara-dark-blue/fonts/Inter-Regular.woff b/src/assets/layout/styles/theme/lara-dark-blue/fonts/Inter-Regular.woff similarity index 100% rename from src/assets/theme/lara-dark-blue/fonts/Inter-Regular.woff rename to src/assets/layout/styles/theme/lara-dark-blue/fonts/Inter-Regular.woff diff --git a/src/assets/theme/lara-dark-blue/fonts/Inter-Regular.woff2 b/src/assets/layout/styles/theme/lara-dark-blue/fonts/Inter-Regular.woff2 similarity index 100% rename from src/assets/theme/lara-dark-blue/fonts/Inter-Regular.woff2 rename to src/assets/layout/styles/theme/lara-dark-blue/fonts/Inter-Regular.woff2 diff --git a/src/assets/theme/lara-dark-blue/fonts/Inter-SemiBold.woff b/src/assets/layout/styles/theme/lara-dark-blue/fonts/Inter-SemiBold.woff similarity index 100% rename from src/assets/theme/lara-dark-blue/fonts/Inter-SemiBold.woff rename to src/assets/layout/styles/theme/lara-dark-blue/fonts/Inter-SemiBold.woff diff --git a/src/assets/theme/lara-dark-blue/fonts/Inter-SemiBold.woff2 b/src/assets/layout/styles/theme/lara-dark-blue/fonts/Inter-SemiBold.woff2 similarity index 100% rename from src/assets/theme/lara-dark-blue/fonts/Inter-SemiBold.woff2 rename to src/assets/layout/styles/theme/lara-dark-blue/fonts/Inter-SemiBold.woff2 diff --git a/src/assets/theme/lara-dark-indigo/fonts/Inter-Bold.woff b/src/assets/layout/styles/theme/lara-dark-indigo/fonts/Inter-Bold.woff similarity index 100% rename from src/assets/theme/lara-dark-indigo/fonts/Inter-Bold.woff rename to src/assets/layout/styles/theme/lara-dark-indigo/fonts/Inter-Bold.woff diff --git a/src/assets/theme/lara-dark-indigo/fonts/Inter-Bold.woff2 b/src/assets/layout/styles/theme/lara-dark-indigo/fonts/Inter-Bold.woff2 similarity index 100% rename from src/assets/theme/lara-dark-indigo/fonts/Inter-Bold.woff2 rename to src/assets/layout/styles/theme/lara-dark-indigo/fonts/Inter-Bold.woff2 diff --git a/src/assets/theme/lara-dark-indigo/fonts/Inter-Light.woff b/src/assets/layout/styles/theme/lara-dark-indigo/fonts/Inter-Light.woff similarity index 100% rename from src/assets/theme/lara-dark-indigo/fonts/Inter-Light.woff rename to src/assets/layout/styles/theme/lara-dark-indigo/fonts/Inter-Light.woff diff --git a/src/assets/theme/lara-dark-indigo/fonts/Inter-Light.woff2 b/src/assets/layout/styles/theme/lara-dark-indigo/fonts/Inter-Light.woff2 similarity index 100% rename from src/assets/theme/lara-dark-indigo/fonts/Inter-Light.woff2 rename to src/assets/layout/styles/theme/lara-dark-indigo/fonts/Inter-Light.woff2 diff --git a/src/assets/theme/lara-dark-indigo/fonts/Inter-Medium.woff b/src/assets/layout/styles/theme/lara-dark-indigo/fonts/Inter-Medium.woff similarity index 100% rename from src/assets/theme/lara-dark-indigo/fonts/Inter-Medium.woff rename to src/assets/layout/styles/theme/lara-dark-indigo/fonts/Inter-Medium.woff diff --git a/src/assets/theme/lara-dark-indigo/fonts/Inter-Medium.woff2 b/src/assets/layout/styles/theme/lara-dark-indigo/fonts/Inter-Medium.woff2 similarity index 100% rename from src/assets/theme/lara-dark-indigo/fonts/Inter-Medium.woff2 rename to src/assets/layout/styles/theme/lara-dark-indigo/fonts/Inter-Medium.woff2 diff --git a/src/assets/theme/lara-dark-indigo/fonts/Inter-Regular.woff b/src/assets/layout/styles/theme/lara-dark-indigo/fonts/Inter-Regular.woff similarity index 100% rename from src/assets/theme/lara-dark-indigo/fonts/Inter-Regular.woff rename to src/assets/layout/styles/theme/lara-dark-indigo/fonts/Inter-Regular.woff diff --git a/src/assets/theme/lara-dark-indigo/fonts/Inter-Regular.woff2 b/src/assets/layout/styles/theme/lara-dark-indigo/fonts/Inter-Regular.woff2 similarity index 100% rename from src/assets/theme/lara-dark-indigo/fonts/Inter-Regular.woff2 rename to src/assets/layout/styles/theme/lara-dark-indigo/fonts/Inter-Regular.woff2 diff --git a/src/assets/theme/lara-dark-indigo/fonts/Inter-SemiBold.woff b/src/assets/layout/styles/theme/lara-dark-indigo/fonts/Inter-SemiBold.woff similarity index 100% rename from src/assets/theme/lara-dark-indigo/fonts/Inter-SemiBold.woff rename to src/assets/layout/styles/theme/lara-dark-indigo/fonts/Inter-SemiBold.woff diff --git a/src/assets/theme/lara-dark-indigo/fonts/Inter-SemiBold.woff2 b/src/assets/layout/styles/theme/lara-dark-indigo/fonts/Inter-SemiBold.woff2 similarity index 100% rename from src/assets/theme/lara-dark-indigo/fonts/Inter-SemiBold.woff2 rename to src/assets/layout/styles/theme/lara-dark-indigo/fonts/Inter-SemiBold.woff2 diff --git a/src/assets/theme/lara-dark-purple/fonts/Inter-Bold.woff b/src/assets/layout/styles/theme/lara-dark-purple/fonts/Inter-Bold.woff similarity index 100% rename from src/assets/theme/lara-dark-purple/fonts/Inter-Bold.woff rename to src/assets/layout/styles/theme/lara-dark-purple/fonts/Inter-Bold.woff diff --git a/src/assets/theme/lara-dark-purple/fonts/Inter-Bold.woff2 b/src/assets/layout/styles/theme/lara-dark-purple/fonts/Inter-Bold.woff2 similarity index 100% rename from src/assets/theme/lara-dark-purple/fonts/Inter-Bold.woff2 rename to src/assets/layout/styles/theme/lara-dark-purple/fonts/Inter-Bold.woff2 diff --git a/src/assets/theme/lara-dark-purple/fonts/Inter-Light.woff b/src/assets/layout/styles/theme/lara-dark-purple/fonts/Inter-Light.woff similarity index 100% rename from src/assets/theme/lara-dark-purple/fonts/Inter-Light.woff rename to src/assets/layout/styles/theme/lara-dark-purple/fonts/Inter-Light.woff diff --git a/src/assets/theme/lara-dark-purple/fonts/Inter-Light.woff2 b/src/assets/layout/styles/theme/lara-dark-purple/fonts/Inter-Light.woff2 similarity index 100% rename from src/assets/theme/lara-dark-purple/fonts/Inter-Light.woff2 rename to src/assets/layout/styles/theme/lara-dark-purple/fonts/Inter-Light.woff2 diff --git a/src/assets/theme/lara-dark-purple/fonts/Inter-Medium.woff b/src/assets/layout/styles/theme/lara-dark-purple/fonts/Inter-Medium.woff similarity index 100% rename from src/assets/theme/lara-dark-purple/fonts/Inter-Medium.woff rename to src/assets/layout/styles/theme/lara-dark-purple/fonts/Inter-Medium.woff diff --git a/src/assets/theme/lara-dark-purple/fonts/Inter-Medium.woff2 b/src/assets/layout/styles/theme/lara-dark-purple/fonts/Inter-Medium.woff2 similarity index 100% rename from src/assets/theme/lara-dark-purple/fonts/Inter-Medium.woff2 rename to src/assets/layout/styles/theme/lara-dark-purple/fonts/Inter-Medium.woff2 diff --git a/src/assets/theme/lara-dark-purple/fonts/Inter-Regular.woff b/src/assets/layout/styles/theme/lara-dark-purple/fonts/Inter-Regular.woff similarity index 100% rename from src/assets/theme/lara-dark-purple/fonts/Inter-Regular.woff rename to src/assets/layout/styles/theme/lara-dark-purple/fonts/Inter-Regular.woff diff --git a/src/assets/theme/lara-dark-purple/fonts/Inter-Regular.woff2 b/src/assets/layout/styles/theme/lara-dark-purple/fonts/Inter-Regular.woff2 similarity index 100% rename from src/assets/theme/lara-dark-purple/fonts/Inter-Regular.woff2 rename to src/assets/layout/styles/theme/lara-dark-purple/fonts/Inter-Regular.woff2 diff --git a/src/assets/theme/lara-dark-purple/fonts/Inter-SemiBold.woff b/src/assets/layout/styles/theme/lara-dark-purple/fonts/Inter-SemiBold.woff similarity index 100% rename from src/assets/theme/lara-dark-purple/fonts/Inter-SemiBold.woff rename to src/assets/layout/styles/theme/lara-dark-purple/fonts/Inter-SemiBold.woff diff --git a/src/assets/theme/lara-dark-purple/fonts/Inter-SemiBold.woff2 b/src/assets/layout/styles/theme/lara-dark-purple/fonts/Inter-SemiBold.woff2 similarity index 100% rename from src/assets/theme/lara-dark-purple/fonts/Inter-SemiBold.woff2 rename to src/assets/layout/styles/theme/lara-dark-purple/fonts/Inter-SemiBold.woff2 diff --git a/src/assets/theme/lara-dark-teal/fonts/Inter-Bold.woff b/src/assets/layout/styles/theme/lara-dark-teal/fonts/Inter-Bold.woff similarity index 100% rename from src/assets/theme/lara-dark-teal/fonts/Inter-Bold.woff rename to src/assets/layout/styles/theme/lara-dark-teal/fonts/Inter-Bold.woff diff --git a/src/assets/theme/lara-dark-teal/fonts/Inter-Bold.woff2 b/src/assets/layout/styles/theme/lara-dark-teal/fonts/Inter-Bold.woff2 similarity index 100% rename from src/assets/theme/lara-dark-teal/fonts/Inter-Bold.woff2 rename to src/assets/layout/styles/theme/lara-dark-teal/fonts/Inter-Bold.woff2 diff --git a/src/assets/theme/lara-dark-teal/fonts/Inter-Light.woff b/src/assets/layout/styles/theme/lara-dark-teal/fonts/Inter-Light.woff similarity index 100% rename from src/assets/theme/lara-dark-teal/fonts/Inter-Light.woff rename to src/assets/layout/styles/theme/lara-dark-teal/fonts/Inter-Light.woff diff --git a/src/assets/theme/lara-dark-teal/fonts/Inter-Light.woff2 b/src/assets/layout/styles/theme/lara-dark-teal/fonts/Inter-Light.woff2 similarity index 100% rename from src/assets/theme/lara-dark-teal/fonts/Inter-Light.woff2 rename to src/assets/layout/styles/theme/lara-dark-teal/fonts/Inter-Light.woff2 diff --git a/src/assets/theme/lara-dark-teal/fonts/Inter-Medium.woff b/src/assets/layout/styles/theme/lara-dark-teal/fonts/Inter-Medium.woff similarity index 100% rename from src/assets/theme/lara-dark-teal/fonts/Inter-Medium.woff rename to src/assets/layout/styles/theme/lara-dark-teal/fonts/Inter-Medium.woff diff --git a/src/assets/theme/lara-dark-teal/fonts/Inter-Medium.woff2 b/src/assets/layout/styles/theme/lara-dark-teal/fonts/Inter-Medium.woff2 similarity index 100% rename from src/assets/theme/lara-dark-teal/fonts/Inter-Medium.woff2 rename to src/assets/layout/styles/theme/lara-dark-teal/fonts/Inter-Medium.woff2 diff --git a/src/assets/theme/lara-dark-teal/fonts/Inter-Regular.woff b/src/assets/layout/styles/theme/lara-dark-teal/fonts/Inter-Regular.woff similarity index 100% rename from src/assets/theme/lara-dark-teal/fonts/Inter-Regular.woff rename to src/assets/layout/styles/theme/lara-dark-teal/fonts/Inter-Regular.woff diff --git a/src/assets/theme/lara-dark-teal/fonts/Inter-Regular.woff2 b/src/assets/layout/styles/theme/lara-dark-teal/fonts/Inter-Regular.woff2 similarity index 100% rename from src/assets/theme/lara-dark-teal/fonts/Inter-Regular.woff2 rename to src/assets/layout/styles/theme/lara-dark-teal/fonts/Inter-Regular.woff2 diff --git a/src/assets/theme/lara-dark-teal/fonts/Inter-SemiBold.woff b/src/assets/layout/styles/theme/lara-dark-teal/fonts/Inter-SemiBold.woff similarity index 100% rename from src/assets/theme/lara-dark-teal/fonts/Inter-SemiBold.woff rename to src/assets/layout/styles/theme/lara-dark-teal/fonts/Inter-SemiBold.woff diff --git a/src/assets/theme/lara-dark-teal/fonts/Inter-SemiBold.woff2 b/src/assets/layout/styles/theme/lara-dark-teal/fonts/Inter-SemiBold.woff2 similarity index 100% rename from src/assets/theme/lara-dark-teal/fonts/Inter-SemiBold.woff2 rename to src/assets/layout/styles/theme/lara-dark-teal/fonts/Inter-SemiBold.woff2 diff --git a/src/assets/theme/lara-light-blue/fonts/Inter-Bold.woff b/src/assets/layout/styles/theme/lara-light-blue/fonts/Inter-Bold.woff similarity index 100% rename from src/assets/theme/lara-light-blue/fonts/Inter-Bold.woff rename to src/assets/layout/styles/theme/lara-light-blue/fonts/Inter-Bold.woff diff --git a/src/assets/theme/lara-light-blue/fonts/Inter-Bold.woff2 b/src/assets/layout/styles/theme/lara-light-blue/fonts/Inter-Bold.woff2 similarity index 100% rename from src/assets/theme/lara-light-blue/fonts/Inter-Bold.woff2 rename to src/assets/layout/styles/theme/lara-light-blue/fonts/Inter-Bold.woff2 diff --git a/src/assets/theme/lara-light-blue/fonts/Inter-Light.woff b/src/assets/layout/styles/theme/lara-light-blue/fonts/Inter-Light.woff similarity index 100% rename from src/assets/theme/lara-light-blue/fonts/Inter-Light.woff rename to src/assets/layout/styles/theme/lara-light-blue/fonts/Inter-Light.woff diff --git a/src/assets/theme/lara-light-blue/fonts/Inter-Light.woff2 b/src/assets/layout/styles/theme/lara-light-blue/fonts/Inter-Light.woff2 similarity index 100% rename from src/assets/theme/lara-light-blue/fonts/Inter-Light.woff2 rename to src/assets/layout/styles/theme/lara-light-blue/fonts/Inter-Light.woff2 diff --git a/src/assets/theme/lara-light-blue/fonts/Inter-Medium.woff b/src/assets/layout/styles/theme/lara-light-blue/fonts/Inter-Medium.woff similarity index 100% rename from src/assets/theme/lara-light-blue/fonts/Inter-Medium.woff rename to src/assets/layout/styles/theme/lara-light-blue/fonts/Inter-Medium.woff diff --git a/src/assets/theme/lara-light-blue/fonts/Inter-Medium.woff2 b/src/assets/layout/styles/theme/lara-light-blue/fonts/Inter-Medium.woff2 similarity index 100% rename from src/assets/theme/lara-light-blue/fonts/Inter-Medium.woff2 rename to src/assets/layout/styles/theme/lara-light-blue/fonts/Inter-Medium.woff2 diff --git a/src/assets/theme/lara-light-blue/fonts/Inter-Regular.woff b/src/assets/layout/styles/theme/lara-light-blue/fonts/Inter-Regular.woff similarity index 100% rename from src/assets/theme/lara-light-blue/fonts/Inter-Regular.woff rename to src/assets/layout/styles/theme/lara-light-blue/fonts/Inter-Regular.woff diff --git a/src/assets/theme/lara-light-blue/fonts/Inter-Regular.woff2 b/src/assets/layout/styles/theme/lara-light-blue/fonts/Inter-Regular.woff2 similarity index 100% rename from src/assets/theme/lara-light-blue/fonts/Inter-Regular.woff2 rename to src/assets/layout/styles/theme/lara-light-blue/fonts/Inter-Regular.woff2 diff --git a/src/assets/theme/lara-light-blue/fonts/Inter-SemiBold.woff b/src/assets/layout/styles/theme/lara-light-blue/fonts/Inter-SemiBold.woff similarity index 100% rename from src/assets/theme/lara-light-blue/fonts/Inter-SemiBold.woff rename to src/assets/layout/styles/theme/lara-light-blue/fonts/Inter-SemiBold.woff diff --git a/src/assets/theme/lara-light-blue/fonts/Inter-SemiBold.woff2 b/src/assets/layout/styles/theme/lara-light-blue/fonts/Inter-SemiBold.woff2 similarity index 100% rename from src/assets/theme/lara-light-blue/fonts/Inter-SemiBold.woff2 rename to src/assets/layout/styles/theme/lara-light-blue/fonts/Inter-SemiBold.woff2 diff --git a/src/assets/theme/lara-light-indigo/fonts/Inter-Bold.woff b/src/assets/layout/styles/theme/lara-light-indigo/fonts/Inter-Bold.woff similarity index 100% rename from src/assets/theme/lara-light-indigo/fonts/Inter-Bold.woff rename to src/assets/layout/styles/theme/lara-light-indigo/fonts/Inter-Bold.woff diff --git a/src/assets/theme/lara-light-indigo/fonts/Inter-Bold.woff2 b/src/assets/layout/styles/theme/lara-light-indigo/fonts/Inter-Bold.woff2 similarity index 100% rename from src/assets/theme/lara-light-indigo/fonts/Inter-Bold.woff2 rename to src/assets/layout/styles/theme/lara-light-indigo/fonts/Inter-Bold.woff2 diff --git a/src/assets/theme/lara-light-indigo/fonts/Inter-Light.woff b/src/assets/layout/styles/theme/lara-light-indigo/fonts/Inter-Light.woff similarity index 100% rename from src/assets/theme/lara-light-indigo/fonts/Inter-Light.woff rename to src/assets/layout/styles/theme/lara-light-indigo/fonts/Inter-Light.woff diff --git a/src/assets/theme/lara-light-indigo/fonts/Inter-Light.woff2 b/src/assets/layout/styles/theme/lara-light-indigo/fonts/Inter-Light.woff2 similarity index 100% rename from src/assets/theme/lara-light-indigo/fonts/Inter-Light.woff2 rename to src/assets/layout/styles/theme/lara-light-indigo/fonts/Inter-Light.woff2 diff --git a/src/assets/theme/lara-light-indigo/fonts/Inter-Medium.woff b/src/assets/layout/styles/theme/lara-light-indigo/fonts/Inter-Medium.woff similarity index 100% rename from src/assets/theme/lara-light-indigo/fonts/Inter-Medium.woff rename to src/assets/layout/styles/theme/lara-light-indigo/fonts/Inter-Medium.woff diff --git a/src/assets/theme/lara-light-indigo/fonts/Inter-Medium.woff2 b/src/assets/layout/styles/theme/lara-light-indigo/fonts/Inter-Medium.woff2 similarity index 100% rename from src/assets/theme/lara-light-indigo/fonts/Inter-Medium.woff2 rename to src/assets/layout/styles/theme/lara-light-indigo/fonts/Inter-Medium.woff2 diff --git a/src/assets/theme/lara-light-indigo/fonts/Inter-Regular.woff b/src/assets/layout/styles/theme/lara-light-indigo/fonts/Inter-Regular.woff similarity index 100% rename from src/assets/theme/lara-light-indigo/fonts/Inter-Regular.woff rename to src/assets/layout/styles/theme/lara-light-indigo/fonts/Inter-Regular.woff diff --git a/src/assets/theme/lara-light-indigo/fonts/Inter-Regular.woff2 b/src/assets/layout/styles/theme/lara-light-indigo/fonts/Inter-Regular.woff2 similarity index 100% rename from src/assets/theme/lara-light-indigo/fonts/Inter-Regular.woff2 rename to src/assets/layout/styles/theme/lara-light-indigo/fonts/Inter-Regular.woff2 diff --git a/src/assets/theme/lara-light-indigo/fonts/Inter-SemiBold.woff b/src/assets/layout/styles/theme/lara-light-indigo/fonts/Inter-SemiBold.woff similarity index 100% rename from src/assets/theme/lara-light-indigo/fonts/Inter-SemiBold.woff rename to src/assets/layout/styles/theme/lara-light-indigo/fonts/Inter-SemiBold.woff diff --git a/src/assets/theme/lara-light-indigo/fonts/Inter-SemiBold.woff2 b/src/assets/layout/styles/theme/lara-light-indigo/fonts/Inter-SemiBold.woff2 similarity index 100% rename from src/assets/theme/lara-light-indigo/fonts/Inter-SemiBold.woff2 rename to src/assets/layout/styles/theme/lara-light-indigo/fonts/Inter-SemiBold.woff2 diff --git a/src/assets/theme/lara-light-purple/fonts/Inter-Bold.woff b/src/assets/layout/styles/theme/lara-light-purple/fonts/Inter-Bold.woff similarity index 100% rename from src/assets/theme/lara-light-purple/fonts/Inter-Bold.woff rename to src/assets/layout/styles/theme/lara-light-purple/fonts/Inter-Bold.woff diff --git a/src/assets/theme/lara-light-purple/fonts/Inter-Bold.woff2 b/src/assets/layout/styles/theme/lara-light-purple/fonts/Inter-Bold.woff2 similarity index 100% rename from src/assets/theme/lara-light-purple/fonts/Inter-Bold.woff2 rename to src/assets/layout/styles/theme/lara-light-purple/fonts/Inter-Bold.woff2 diff --git a/src/assets/theme/lara-light-purple/fonts/Inter-Light.woff b/src/assets/layout/styles/theme/lara-light-purple/fonts/Inter-Light.woff similarity index 100% rename from src/assets/theme/lara-light-purple/fonts/Inter-Light.woff rename to src/assets/layout/styles/theme/lara-light-purple/fonts/Inter-Light.woff diff --git a/src/assets/theme/lara-light-purple/fonts/Inter-Light.woff2 b/src/assets/layout/styles/theme/lara-light-purple/fonts/Inter-Light.woff2 similarity index 100% rename from src/assets/theme/lara-light-purple/fonts/Inter-Light.woff2 rename to src/assets/layout/styles/theme/lara-light-purple/fonts/Inter-Light.woff2 diff --git a/src/assets/theme/lara-light-purple/fonts/Inter-Medium.woff b/src/assets/layout/styles/theme/lara-light-purple/fonts/Inter-Medium.woff similarity index 100% rename from src/assets/theme/lara-light-purple/fonts/Inter-Medium.woff rename to src/assets/layout/styles/theme/lara-light-purple/fonts/Inter-Medium.woff diff --git a/src/assets/theme/lara-light-purple/fonts/Inter-Medium.woff2 b/src/assets/layout/styles/theme/lara-light-purple/fonts/Inter-Medium.woff2 similarity index 100% rename from src/assets/theme/lara-light-purple/fonts/Inter-Medium.woff2 rename to src/assets/layout/styles/theme/lara-light-purple/fonts/Inter-Medium.woff2 diff --git a/src/assets/theme/lara-light-purple/fonts/Inter-Regular.woff b/src/assets/layout/styles/theme/lara-light-purple/fonts/Inter-Regular.woff similarity index 100% rename from src/assets/theme/lara-light-purple/fonts/Inter-Regular.woff rename to src/assets/layout/styles/theme/lara-light-purple/fonts/Inter-Regular.woff diff --git a/src/assets/theme/lara-light-purple/fonts/Inter-Regular.woff2 b/src/assets/layout/styles/theme/lara-light-purple/fonts/Inter-Regular.woff2 similarity index 100% rename from src/assets/theme/lara-light-purple/fonts/Inter-Regular.woff2 rename to src/assets/layout/styles/theme/lara-light-purple/fonts/Inter-Regular.woff2 diff --git a/src/assets/theme/lara-light-purple/fonts/Inter-SemiBold.woff b/src/assets/layout/styles/theme/lara-light-purple/fonts/Inter-SemiBold.woff similarity index 100% rename from src/assets/theme/lara-light-purple/fonts/Inter-SemiBold.woff rename to src/assets/layout/styles/theme/lara-light-purple/fonts/Inter-SemiBold.woff diff --git a/src/assets/theme/lara-light-purple/fonts/Inter-SemiBold.woff2 b/src/assets/layout/styles/theme/lara-light-purple/fonts/Inter-SemiBold.woff2 similarity index 100% rename from src/assets/theme/lara-light-purple/fonts/Inter-SemiBold.woff2 rename to src/assets/layout/styles/theme/lara-light-purple/fonts/Inter-SemiBold.woff2 diff --git a/src/assets/theme/lara-light-teal/fonts/Inter-Bold.woff b/src/assets/layout/styles/theme/lara-light-teal/fonts/Inter-Bold.woff similarity index 100% rename from src/assets/theme/lara-light-teal/fonts/Inter-Bold.woff rename to src/assets/layout/styles/theme/lara-light-teal/fonts/Inter-Bold.woff diff --git a/src/assets/theme/lara-light-teal/fonts/Inter-Bold.woff2 b/src/assets/layout/styles/theme/lara-light-teal/fonts/Inter-Bold.woff2 similarity index 100% rename from src/assets/theme/lara-light-teal/fonts/Inter-Bold.woff2 rename to src/assets/layout/styles/theme/lara-light-teal/fonts/Inter-Bold.woff2 diff --git a/src/assets/theme/lara-light-teal/fonts/Inter-Light.woff b/src/assets/layout/styles/theme/lara-light-teal/fonts/Inter-Light.woff similarity index 100% rename from src/assets/theme/lara-light-teal/fonts/Inter-Light.woff rename to src/assets/layout/styles/theme/lara-light-teal/fonts/Inter-Light.woff diff --git a/src/assets/theme/lara-light-teal/fonts/Inter-Light.woff2 b/src/assets/layout/styles/theme/lara-light-teal/fonts/Inter-Light.woff2 similarity index 100% rename from src/assets/theme/lara-light-teal/fonts/Inter-Light.woff2 rename to src/assets/layout/styles/theme/lara-light-teal/fonts/Inter-Light.woff2 diff --git a/src/assets/theme/lara-light-teal/fonts/Inter-Medium.woff b/src/assets/layout/styles/theme/lara-light-teal/fonts/Inter-Medium.woff similarity index 100% rename from src/assets/theme/lara-light-teal/fonts/Inter-Medium.woff rename to src/assets/layout/styles/theme/lara-light-teal/fonts/Inter-Medium.woff diff --git a/src/assets/theme/lara-light-teal/fonts/Inter-Medium.woff2 b/src/assets/layout/styles/theme/lara-light-teal/fonts/Inter-Medium.woff2 similarity index 100% rename from src/assets/theme/lara-light-teal/fonts/Inter-Medium.woff2 rename to src/assets/layout/styles/theme/lara-light-teal/fonts/Inter-Medium.woff2 diff --git a/src/assets/theme/lara-light-teal/fonts/Inter-Regular.woff b/src/assets/layout/styles/theme/lara-light-teal/fonts/Inter-Regular.woff similarity index 100% rename from src/assets/theme/lara-light-teal/fonts/Inter-Regular.woff rename to src/assets/layout/styles/theme/lara-light-teal/fonts/Inter-Regular.woff diff --git a/src/assets/theme/lara-light-teal/fonts/Inter-Regular.woff2 b/src/assets/layout/styles/theme/lara-light-teal/fonts/Inter-Regular.woff2 similarity index 100% rename from src/assets/theme/lara-light-teal/fonts/Inter-Regular.woff2 rename to src/assets/layout/styles/theme/lara-light-teal/fonts/Inter-Regular.woff2 diff --git a/src/assets/theme/lara-light-teal/fonts/Inter-SemiBold.woff b/src/assets/layout/styles/theme/lara-light-teal/fonts/Inter-SemiBold.woff similarity index 100% rename from src/assets/theme/lara-light-teal/fonts/Inter-SemiBold.woff rename to src/assets/layout/styles/theme/lara-light-teal/fonts/Inter-SemiBold.woff diff --git a/src/assets/theme/lara-light-teal/fonts/Inter-SemiBold.woff2 b/src/assets/layout/styles/theme/lara-light-teal/fonts/Inter-SemiBold.woff2 similarity index 100% rename from src/assets/theme/lara-light-teal/fonts/Inter-SemiBold.woff2 rename to src/assets/layout/styles/theme/lara-light-teal/fonts/Inter-SemiBold.woff2 diff --git a/src/assets/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff b/src/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff similarity index 100% rename from src/assets/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff rename to src/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff diff --git a/src/assets/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 b/src/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 similarity index 100% rename from src/assets/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 rename to src/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 diff --git a/src/assets/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff b/src/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff similarity index 100% rename from src/assets/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff rename to src/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff diff --git a/src/assets/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 b/src/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 similarity index 100% rename from src/assets/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 rename to src/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 diff --git a/src/assets/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff b/src/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff similarity index 100% rename from src/assets/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff rename to src/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff diff --git a/src/assets/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 b/src/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 similarity index 100% rename from src/assets/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 rename to src/assets/layout/styles/theme/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 diff --git a/src/assets/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff b/src/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff similarity index 100% rename from src/assets/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff rename to src/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff diff --git a/src/assets/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 b/src/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 similarity index 100% rename from src/assets/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 rename to src/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 diff --git a/src/assets/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff b/src/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff similarity index 100% rename from src/assets/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff rename to src/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff diff --git a/src/assets/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 b/src/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 similarity index 100% rename from src/assets/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 rename to src/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 diff --git a/src/assets/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff b/src/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff similarity index 100% rename from src/assets/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff rename to src/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff diff --git a/src/assets/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 b/src/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 similarity index 100% rename from src/assets/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 rename to src/assets/layout/styles/theme/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 diff --git a/src/assets/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff b/src/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff similarity index 100% rename from src/assets/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff rename to src/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff diff --git a/src/assets/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 b/src/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 similarity index 100% rename from src/assets/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 rename to src/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 diff --git a/src/assets/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff b/src/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff similarity index 100% rename from src/assets/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff rename to src/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff diff --git a/src/assets/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 b/src/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 similarity index 100% rename from src/assets/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 rename to src/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 diff --git a/src/assets/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff b/src/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff similarity index 100% rename from src/assets/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff rename to src/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff diff --git a/src/assets/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 b/src/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 similarity index 100% rename from src/assets/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 rename to src/assets/layout/styles/theme/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 diff --git a/src/assets/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff b/src/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff similarity index 100% rename from src/assets/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff rename to src/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff diff --git a/src/assets/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 b/src/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 similarity index 100% rename from src/assets/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 rename to src/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 diff --git a/src/assets/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff b/src/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff similarity index 100% rename from src/assets/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff rename to src/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff diff --git a/src/assets/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 b/src/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 similarity index 100% rename from src/assets/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 rename to src/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 diff --git a/src/assets/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff b/src/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff similarity index 100% rename from src/assets/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff rename to src/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff diff --git a/src/assets/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 b/src/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 similarity index 100% rename from src/assets/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 rename to src/assets/layout/styles/theme/md-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 diff --git a/src/assets/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff b/src/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff similarity index 100% rename from src/assets/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff rename to src/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff diff --git a/src/assets/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 b/src/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 similarity index 100% rename from src/assets/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 rename to src/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 diff --git a/src/assets/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff b/src/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff similarity index 100% rename from src/assets/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff rename to src/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff diff --git a/src/assets/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 b/src/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 similarity index 100% rename from src/assets/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 rename to src/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 diff --git a/src/assets/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff b/src/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff similarity index 100% rename from src/assets/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff rename to src/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff diff --git a/src/assets/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 b/src/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 similarity index 100% rename from src/assets/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 rename to src/assets/layout/styles/theme/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 diff --git a/src/assets/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff b/src/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff similarity index 100% rename from src/assets/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff rename to src/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff diff --git a/src/assets/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 b/src/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 similarity index 100% rename from src/assets/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 rename to src/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 diff --git a/src/assets/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff b/src/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff similarity index 100% rename from src/assets/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff rename to src/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff diff --git a/src/assets/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 b/src/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 similarity index 100% rename from src/assets/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 rename to src/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 diff --git a/src/assets/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff b/src/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff similarity index 100% rename from src/assets/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff rename to src/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff diff --git a/src/assets/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 b/src/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 similarity index 100% rename from src/assets/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 rename to src/assets/layout/styles/theme/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 diff --git a/src/assets/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff b/src/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff similarity index 100% rename from src/assets/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff rename to src/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff diff --git a/src/assets/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 b/src/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 similarity index 100% rename from src/assets/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 rename to src/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 diff --git a/src/assets/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff b/src/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff similarity index 100% rename from src/assets/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff rename to src/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff diff --git a/src/assets/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 b/src/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 similarity index 100% rename from src/assets/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 rename to src/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 diff --git a/src/assets/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff b/src/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff similarity index 100% rename from src/assets/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff rename to src/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff diff --git a/src/assets/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 b/src/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 similarity index 100% rename from src/assets/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 rename to src/assets/layout/styles/theme/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 diff --git a/src/assets/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff b/src/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff similarity index 100% rename from src/assets/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff rename to src/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff diff --git a/src/assets/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 b/src/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 similarity index 100% rename from src/assets/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 rename to src/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 diff --git a/src/assets/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff b/src/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff similarity index 100% rename from src/assets/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff rename to src/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff diff --git a/src/assets/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 b/src/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 similarity index 100% rename from src/assets/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 rename to src/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 diff --git a/src/assets/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff b/src/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff similarity index 100% rename from src/assets/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff rename to src/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff diff --git a/src/assets/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 b/src/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 similarity index 100% rename from src/assets/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 rename to src/assets/layout/styles/theme/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 diff --git a/src/assets/theme/tailwind-light/fonts/Inter-Bold.woff b/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Bold.woff similarity index 100% rename from src/assets/theme/tailwind-light/fonts/Inter-Bold.woff rename to src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Bold.woff diff --git a/src/assets/theme/tailwind-light/fonts/Inter-Bold.woff2 b/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Bold.woff2 similarity index 100% rename from src/assets/theme/tailwind-light/fonts/Inter-Bold.woff2 rename to src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Bold.woff2 diff --git a/src/assets/theme/tailwind-light/fonts/Inter-Light.woff b/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Light.woff similarity index 100% rename from src/assets/theme/tailwind-light/fonts/Inter-Light.woff rename to src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Light.woff diff --git a/src/assets/theme/tailwind-light/fonts/Inter-Light.woff2 b/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Light.woff2 similarity index 100% rename from src/assets/theme/tailwind-light/fonts/Inter-Light.woff2 rename to src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Light.woff2 diff --git a/src/assets/theme/tailwind-light/fonts/Inter-Medium.woff b/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Medium.woff similarity index 100% rename from src/assets/theme/tailwind-light/fonts/Inter-Medium.woff rename to src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Medium.woff diff --git a/src/assets/theme/tailwind-light/fonts/Inter-Medium.woff2 b/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Medium.woff2 similarity index 100% rename from src/assets/theme/tailwind-light/fonts/Inter-Medium.woff2 rename to src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Medium.woff2 diff --git a/src/assets/theme/tailwind-light/fonts/Inter-Regular.woff b/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Regular.woff similarity index 100% rename from src/assets/theme/tailwind-light/fonts/Inter-Regular.woff rename to src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Regular.woff diff --git a/src/assets/theme/tailwind-light/fonts/Inter-Regular.woff2 b/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Regular.woff2 similarity index 100% rename from src/assets/theme/tailwind-light/fonts/Inter-Regular.woff2 rename to src/assets/layout/styles/theme/tailwind-light/fonts/Inter-Regular.woff2 diff --git a/src/assets/theme/tailwind-light/fonts/Inter-SemiBold.woff b/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-SemiBold.woff similarity index 100% rename from src/assets/theme/tailwind-light/fonts/Inter-SemiBold.woff rename to src/assets/layout/styles/theme/tailwind-light/fonts/Inter-SemiBold.woff diff --git a/src/assets/theme/tailwind-light/fonts/Inter-SemiBold.woff2 b/src/assets/layout/styles/theme/tailwind-light/fonts/Inter-SemiBold.woff2 similarity index 100% rename from src/assets/theme/tailwind-light/fonts/Inter-SemiBold.woff2 rename to src/assets/layout/styles/theme/tailwind-light/fonts/Inter-SemiBold.woff2 diff --git a/src/assets/sass/layout/_config.scss b/src/assets/sass/layout/_config.scss deleted file mode 100644 index 76bf2a2..0000000 --- a/src/assets/sass/layout/_config.scss +++ /dev/null @@ -1,103 +0,0 @@ -.layout-config { - position: fixed; - top: 0; - padding: 0; - right: 0; - width: 20rem; - z-index: 999; - height: 100vh; - transform: translateX(100%); - transition: transform $transitionDuration; - backface-visibility: hidden; - box-shadow: 0px 3px 5px rgba(0,0,0,.02), 0px 0px 2px rgba(0,0,0,.05), 0px 1px 4px rgba(0,0,0,.08) !important; - color: var(--text-color); - background-color: var(--surface-overlay); - border-top-left-radius: 12px; - border-bottom-left-radius: 12px; - - &.layout-config-active { - transform: translateX(0); - } - - .layout-config-button { - display: block; - position: absolute; - width: 52px; - height: 52px; - line-height: 52px; - background-color: var(--primary-color); - color: var(--primary-color-text); - text-align: center; - top: 230px; - left: -52px; - z-index: -1; - overflow: hidden; - cursor: pointer; - border-top-left-radius: $borderRadius; - border-bottom-left-radius: $borderRadius; - border-bottom-right-radius: 0; - border-top-right-radius: 0; - transition: background-color $transitionDuration; - - i { - font-size: 32px; - line-height: inherit; - cursor: pointer; - transform: rotate(0deg); - transition: color $transitionDuration, transform 1s; - } - } - - .layout-config-close { - position: absolute; - right: 1rem; - top: 1rem; - z-index: 1; - } - - .layout-config-content { - position: relative; - overflow: auto; - height: 100vh; - padding: 2rem; - } - - .config-scale { - display: flex; - align-items: center; - margin: 1rem 0 2rem 0; - - .p-button { - margin-right: .5rem; - } - - i { - margin-right: .5rem; - font-size: .75rem; - color: var(--text-color-secondary); - - &.scale-active { - font-size: 1.25rem; - color: var(--primary-color); - } - } - } - - .free-themes { - img { - width: 2rem; - border-radius: 4px; - transition: transform .2s; - display: block; - - &:hover { - transform: scale(1.1); - } - } - - span { - font-size: .75rem; - margin-top: .25rem; - } - } -} diff --git a/src/assets/sass/layout/_menu.scss b/src/assets/sass/layout/_menu.scss deleted file mode 100644 index 255788b..0000000 --- a/src/assets/sass/layout/_menu.scss +++ /dev/null @@ -1,117 +0,0 @@ -.layout-sidebar { - position: fixed; - width: 300px; - height: calc(100vh - 9rem); - z-index: 999; - overflow-y: auto; - user-select: none; - top: 7rem; - left: 2rem; - transition: transform $transitionDuration, left $transitionDuration; - background-color: var(--surface-overlay); - border-radius: 12px; - padding: 1.5rem; - box-shadow: 0px 3px 5px rgba(0,0,0,.02), 0px 0px 2px rgba(0,0,0,.05), 0px 1px 4px rgba(0,0,0,.08) -} - -.layout-menu { - list-style-type: none; - margin: 0; - padding: 0; - - li { - &.layout-menuitem-category { - margin-top: .75rem; - - &:first-child { - margin-top: 0; - } - } - - .layout-menuitem-root-text { - text-transform: uppercase; - color:var(--surface-900); - font-weight: 600; - margin-bottom: .5rem; - font-size: .875rem; - } - - a { - cursor: pointer; - text-decoration: none; - display: flex; - align-items: center; - color:var(--text-color); - transition: color $transitionDuration; - border-radius: $borderRadius; - padding: .75rem 1rem; - transition: background-color .15s; - - span { - margin-left: 0.5rem; - } - - .menuitem-toggle-icon { - margin-left: auto; - } - - &:focus { - @include focused-inset(); - } - - &:hover { - background-color: var(--surface-hover); - } - - &.router-link-exact-active { - font-weight: 700; - color: var(--primary-color); - } - } - - &.active-menuitem { - > a { - .menuitem-toggle-icon { - &:before { - content: '\e933'; - } - } - } - } - - ul { - list-style-type: none; - margin: 0; - padding: 0; - overflow: hidden; - - &.layout-submenu-wrapper-enter { - max-height: 0; - } - - &.layout-submenu-wrapper-enter-active { - overflow: hidden; - max-height: 1000px; - transition: max-height 1s ease-in-out; - } - - &.layout-submenu-wrapper-enter-done { - transform: none; - } - - &.layout-submenu-wrapper-exit { - max-height: 1000px; - } - - &.layout-submenu-wrapper-exit-active { - overflow: hidden; - max-height: 0; - transition: max-height 0.45s cubic-bezier(0.86, 0, 0.07, 1); - } - - ul { - padding-left: 1rem; - } - } - } -} diff --git a/src/assets/sass/layout/_utils.scss b/src/assets/sass/layout/_utils.scss deleted file mode 100644 index 93bdb6c..0000000 --- a/src/assets/sass/layout/_utils.scss +++ /dev/null @@ -1,11 +0,0 @@ -.card { - background-color: var(--surface-card); - padding: 1.5rem; - margin-bottom: 1rem; - border-radius: $borderRadius; - box-shadow: 0px 3px 5px rgba(0,0,0,.02), 0px 0px 2px rgba(0,0,0,.05), 0px 1px 4px rgba(0,0,0,.08) !important; - - &.card-w-title { - padding-bottom: 2rem; - } -} diff --git a/src/assets/sass/overrides/_overrides.scss b/src/assets/sass/overrides/_overrides.scss deleted file mode 100644 index a3ec8d8..0000000 --- a/src/assets/sass/overrides/_overrides.scss +++ /dev/null @@ -1 +0,0 @@ -// Suggested location to add your overrides so that migration would be easy by just updating the SASS folder in the future \ No newline at end of file diff --git a/src/assets/theme/arya-blue/theme.css b/src/assets/theme/arya-blue/theme.css deleted file mode 100644 index 2291e6a..0000000 --- a/src/assets/theme/arya-blue/theme.css +++ /dev/null @@ -1,5683 +0,0 @@ -:root { - --surface-a:#1e1e1e; - --surface-b:#121212; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#383838; - --surface-e:#1e1e1e; - --surface-f:#1e1e1e; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#64B5F6; - --primary-color-text:#212529; - --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; - --surface-0: #121212; - --surface-50: #2a2a2a; - --surface-100: #414141; - --surface-200: #595959; - --surface-300: #717171; - --surface-400: #898989; - --surface-500: #a0a0a0; - --surface-600: #b8b8b8; - --surface-700: #d0d0d0; - --surface-800: #e7e7e7; - --surface-900: #ffffff; - --gray-50:#e7e7e7; - --gray-100: #d0d0d0; - --gray-200: #b8b8b8; - --gray-300: #a0a0a0; - --gray-400: #898989; - --gray-500: #717171; - --gray-600: #595959; - --gray-700: #414141; - --gray-800: #2a2a2a; - --gray-900: #121212; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:3px; - --surface-ground:#121212; - --surface-section:#121212; - --surface-card:#1e1e1e; - --surface-overlay:#1e1e1e; - --surface-border:#383838; - --surface-hover:rgba(255,255,255,.03); - --maskbg: rgba(0, 0, 0, 0.4); - --focus-ring: 0 0 0 1px #93cbf9; -} - -* { - box-sizing: border-box; -} - -.p-component { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - font-weight: normal; -} - -.p-component-overlay { - background-color: rgba(0, 0, 0, 0.4); - transition-duration: 0.2s; -} - -.p-disabled, .p-component:disabled { - opacity: 0.4; -} - -.p-error { - color: #ef9a9a; -} - -.p-text-secondary { - color: rgba(255, 255, 255, 0.6); -} - -.pi { - font-size: 1rem; -} - -.p-link { - font-size: 1rem; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - border-radius: 3px; -} -.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} - -.p-component-overlay-enter { - animation: p-component-overlay-enter-animation 150ms forwards; -} - -.p-component-overlay-leave { - animation: p-component-overlay-leave-animation 150ms forwards; -} - -@keyframes p-component-overlay-enter-animation { - from { - background-color: transparent; - } - to { - background-color: var(--maskbg); - } -} -@keyframes p-component-overlay-leave-animation { - from { - background-color: var(--maskbg); - } - to { - background-color: transparent; - } -} - -:root { - --blue-50:#f4fafe; - --blue-100:#cae6fc; - --blue-200:#a0d2fa; - --blue-300:#75bef8; - --blue-400:#4baaf5; - --blue-500:#2196f3; - --blue-600:#1c80cf; - --blue-700:#1769aa; - --blue-800:#125386; - --blue-900:#0d3c61; - --green-50:#f6fbf6; - --green-100:#d4ecd5; - --green-200:#b2ddb4; - --green-300:#90cd93; - --green-400:#6ebe71; - --green-500:#4caf50; - --green-600:#419544; - --green-700:#357b38; - --green-800:#2a602c; - --green-900:#1e4620; - --yellow-50:#fffcf5; - --yellow-100:#fef0cd; - --yellow-200:#fde4a5; - --yellow-300:#fdd87d; - --yellow-400:#fccc55; - --yellow-500:#fbc02d; - --yellow-600:#d5a326; - --yellow-700:#b08620; - --yellow-800:#8a6a19; - --yellow-900:#644d12; - --cyan-50:#f2fcfd; - --cyan-100:#c2eff5; - --cyan-200:#91e2ed; - --cyan-300:#61d5e4; - --cyan-400:#30c9dc; - --cyan-500:#00bcd4; - --cyan-600:#00a0b4; - --cyan-700:#008494; - --cyan-800:#006775; - --cyan-900:#004b55; - --pink-50:#fef4f7; - --pink-100:#fac9da; - --pink-200:#f69ebc; - --pink-300:#f1749e; - --pink-400:#ed4981; - --pink-500:#e91e63; - --pink-600:#c61a54; - --pink-700:#a31545; - --pink-800:#801136; - --pink-900:#5d0c28; - --indigo-50:#f5f6fb; - --indigo-100:#d1d5ed; - --indigo-200:#acb4df; - --indigo-300:#8893d1; - --indigo-400:#6372c3; - --indigo-500:#3f51b5; - --indigo-600:#36459a; - --indigo-700:#2c397f; - --indigo-800:#232d64; - --indigo-900:#192048; - --teal-50:#f2faf9; - --teal-100:#c2e6e2; - --teal-200:#91d2cc; - --teal-300:#61beb5; - --teal-400:#30aa9f; - --teal-500:#009688; - --teal-600:#008074; - --teal-700:#00695f; - --teal-800:#00534b; - --teal-900:#003c36; - --orange-50:#fff8f2; - --orange-100:#fde0c2; - --orange-200:#fbc791; - --orange-300:#f9ae61; - --orange-400:#f79530; - --orange-500:#f57c00; - --orange-600:#d06900; - --orange-700:#ac5700; - --orange-800:#874400; - --orange-900:#623200; - --bluegray-50:#f7f9f9; - --bluegray-100:#d9e0e3; - --bluegray-200:#bbc7cd; - --bluegray-300:#9caeb7; - --bluegray-400:#7e96a1; - --bluegray-500:#607d8b; - --bluegray-600:#526a76; - --bluegray-700:#435861; - --bluegray-800:#35454c; - --bluegray-900:#263238; - --purple-50:#faf4fb; - --purple-100:#e7cbec; - --purple-200:#d4a2dd; - --purple-300:#c279ce; - --purple-400:#af50bf; - --purple-500:#9c27b0; - --purple-600:#852196; - --purple-700:#6d1b7b; - --purple-800:#561561; - --purple-900:#3e1046; -} - -.p-autocomplete .p-autocomplete-loader { - right: 0.5rem; -} -.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 2.857rem; -} -.p-autocomplete .p-autocomplete-multiple-container { - padding: 0.25rem 0.5rem; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: #64B5F6; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; - border-color: #64B5F6; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { - padding: 0.25rem 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - padding: 0; - margin: 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { - padding: 0.25rem 0.5rem; - margin-right: 0.5rem; - background: rgba(100, 181, 246, 0.16); - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; -} - -p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #ef9a9a; -} - -.p-autocomplete-panel { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-autocomplete-panel .p-autocomplete-items:not(.p-autocomplete-virtualscroll) { - padding: 0.5rem 0; -} -.p-autocomplete-panel .p-autocomplete-items.p-autocomplete-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.5rem 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(100, 181, 246, 0.16); -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.5rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - font-weight: 600; -} - -p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { - border-color: #ef9a9a; -} - -.p-datepicker { - padding: 0.5rem; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; -} -.p-datepicker:not(.p-datepicker-inline) { - background: #1e1e1e; - border: 1px solid #383838; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { - background: #1e1e1e; -} -.p-datepicker .p-datepicker-header { - padding: 0.5rem; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - font-weight: 600; - margin: 0; - border-bottom: 1px solid #383838; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev, -.p-datepicker .p-datepicker-header .p-datepicker-next { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.p-datepicker .p-datepicker-header .p-datepicker-title { - line-height: 2rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - font-weight: 600; - padding: 0.5rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #64B5F6; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - margin-right: 0.5rem; -} -.p-datepicker table { - font-size: 1rem; - margin: 0.5rem 0; -} -.p-datepicker table th { - padding: 0.5rem; -} -.p-datepicker table th > span { - width: 2.5rem; - height: 2.5rem; -} -.p-datepicker table td { - padding: 0.5rem; -} -.p-datepicker table td > span { - width: 2.5rem; - height: 2.5rem; - border-radius: 50%; - transition: box-shadow 0.2s; - border: 1px solid transparent; -} -.p-datepicker table td > span.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(100, 181, 246, 0.16); -} -.p-datepicker table td > span:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.p-datepicker table td.p-datepicker-today > span { - background: transparent; - color: #64B5F6; - border-color: transparent; -} -.p-datepicker table td.p-datepicker-today > span.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(100, 181, 246, 0.16); -} -.p-datepicker .p-datepicker-buttonbar { - padding: 1rem 0; - border-top: 1px solid #383838; -} -.p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; -} -.p-datepicker .p-timepicker { - border-top: 1px solid #383838; - padding: 0.5rem; -} -.p-datepicker .p-timepicker button { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-timepicker button:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker .p-timepicker button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.p-datepicker .p-timepicker button:last-child { - margin-top: 0.2em; -} -.p-datepicker .p-timepicker span { - font-size: 1.25rem; -} -.p-datepicker .p-timepicker > div { - padding: 0 0.5rem; -} -.p-datepicker.p-datepicker-timeonly .p-timepicker { - border-top: 0 none; -} -.p-datepicker .p-monthpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-monthpicker .p-monthpicker-month { - padding: 0.5rem; - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(100, 181, 246, 0.16); -} -.p-datepicker .p-yearpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-yearpicker .p-yearpicker-year { - padding: 0.5rem; - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(100, 181, 246, 0.16); -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #383838; - padding-right: 0.5rem; - padding-left: 0.5rem; - padding-top: 0; - padding-bottom: 0; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { - padding-left: 0; - border-left: 0 none; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { - padding-right: 0; -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} - -@media screen and (max-width: 769px) { - .p-datepicker table th, .p-datepicker table td { - padding: 0; - } -} -.p-cascadeselect { - background: #121212; - border: 1px solid #383838; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-cascadeselect:not(.p-disabled):hover { - border-color: #64B5F6; -} -.p-cascadeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; - border-color: #64B5F6; -} -.p-cascadeselect .p-cascadeselect-label { - background: transparent; - border: 0 none; - padding: 0.5rem 0.5rem; -} -.p-cascadeselect .p-cascadeselect-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-cascadeselect .p-cascadeselect-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-cascadeselect .p-cascadeselect-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2.357rem; - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-cascadeselect-panel { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-cascadeselect-panel .p-cascadeselect-items { - padding: 0.5rem 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { - margin: 0; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.5rem 1rem; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #93cbf9; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(100, 181, 246, 0.16); -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { - font-size: 0.875rem; -} - -p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #ef9a9a; -} - -.p-input-filled .p-cascadeselect { - background: #383838; -} -.p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #383838; -} -.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #383838; -} - -.p-checkbox { - width: 20px; - height: 20px; -} -.p-checkbox .p-checkbox-box { - border: 2px solid #383838; - background: #121212; - width: 20px; - height: 20px; - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-checkbox .p-checkbox-box .p-checkbox-icon { - transition-duration: 0.2s; - color: #212529; - font-size: 14px; -} -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #64B5F6; - background: #64B5F6; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #64B5F6; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; - border-color: #64B5F6; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #2396f2; - background: #2396f2; - color: #212529; -} - -p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #ef9a9a; -} - -.p-input-filled .p-checkbox .p-checkbox-box { - background-color: #383838; -} -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #64B5F6; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #383838; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #2396f2; -} - -.p-checkbox-label { - margin-left: 0.5rem; -} - -.p-chips .p-chips-multiple-container { - padding: 0.25rem 0.5rem; -} -.p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: #64B5F6; -} -.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; - border-color: #64B5F6; -} -.p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.25rem 0.5rem; - margin-right: 0.5rem; - background: rgba(100, 181, 246, 0.16); - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; -} -.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { - margin-left: 0.5rem; -} -.p-chips .p-chips-multiple-container .p-chips-input-token { - padding: 0.25rem 0; -} -.p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - padding: 0; - margin: 0; -} - -p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { - border-color: #ef9a9a; -} - -.p-colorpicker-preview, -.p-fluid .p-colorpicker-preview.p-inputtext { - width: 2rem; - height: 2rem; -} - -.p-colorpicker-panel { - background: #1e1e1e; - border: 1px solid #383838; -} -.p-colorpicker-panel .p-colorpicker-color-handle, -.p-colorpicker-panel .p-colorpicker-hue-handle { - border-color: rgba(255, 255, 255, 0.87); -} - -.p-colorpicker-overlay-panel { - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} - -.p-dropdown { - background: #121212; - border: 1px solid #383838; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-dropdown:not(.p-disabled):hover { - border-color: #64B5F6; -} -.p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; - border-color: #64B5F6; -} -.p-dropdown.p-dropdown-clearable .p-dropdown-label { - padding-right: 1.5rem; -} -.p-dropdown .p-dropdown-label { - background: transparent; - border: 0 none; -} -.p-dropdown .p-dropdown-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-dropdown .p-dropdown-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-dropdown .p-dropdown-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2.357rem; - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} -.p-dropdown .p-dropdown-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 2.357rem; -} - -.p-dropdown-panel { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-dropdown-panel .p-dropdown-header { - padding: 0.5rem 1rem; - border-bottom: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - margin: 0; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { - padding-right: 1.5rem; - margin-right: -1.5rem; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { - right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-dropdown-panel .p-dropdown-items:not(.p-dropdown-virtualscroll) { - padding: 0.5rem 0; -} -.p-dropdown-panel .p-dropdown-items.p-dropdown-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.5rem 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(100, 181, 246, 0.16); -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.5rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - font-weight: 600; -} - -p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #ef9a9a; -} - -.p-input-filled .p-dropdown { - background: #383838; -} -.p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #383838; -} -.p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: #383838; -} - -.p-editor-container .p-editor-toolbar { - background: #1e1e1e; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #383838; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #1e1e1e; - border: 1px solid #383838; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; - padding: 0.5rem 0; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.5rem 1rem; -} -.p-editor-container .p-editor-content { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-editor-container .p-editor-content.ql-snow { - border: 1px solid #383838; -} -.p-editor-container .p-editor-content .ql-editor { - background: #121212; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #64B5F6; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #64B5F6; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #64B5F6; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #64B5F6; -} - -.p-inputgroup-addon { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.6); - border-top: 1px solid #383838; - border-left: 1px solid #383838; - border-bottom: 1px solid #383838; - padding: 0.5rem 0.5rem; - min-width: 2.357rem; -} -.p-inputgroup-addon:last-child { - border-right: 1px solid #383838; -} - -.p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, -.p-inputgroup > .p-float-label > .p-component { - border-radius: 0; - margin: 0; -} -.p-inputgroup > .p-component + .p-inputgroup-addon, -.p-inputgroup > .p-element + .p-inputgroup-addon, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, -.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { - border-left: 0 none; -} -.p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, -.p-inputgroup > .p-float-label > .p-component:focus { - z-index: 1; -} -.p-inputgroup > .p-component:focus ~ label, -.p-inputgroup > .p-element:focus ~ label, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, -.p-inputgroup > .p-float-label > .p-component:focus ~ label { - z-index: 1; -} - -.p-inputgroup-addon:first-child, -.p-inputgroup button:first-child, -.p-inputgroup input:first-child, -.p-inputgroup > .p-inputwrapper:first-child > .p-component, -.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-inputgroup .p-float-label:first-child input { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-inputgroup-addon:last-child, -.p-inputgroup button:last-child, -.p-inputgroup input:last-child, -.p-inputgroup > .p-inputwrapper:last-child > .p-component, -.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-inputgroup .p-float-label:last-child input { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-fluid .p-inputgroup .p-button { - width: auto; -} -.p-fluid .p-inputgroup .p-button.p-button-icon-only { - width: 2.357rem; -} - -p-inputmask.ng-dirty.ng-invalid > .p-inputtext { - border-color: #ef9a9a; -} - -p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { - border-color: #ef9a9a; -} - -.p-inputswitch { - width: 3rem; - height: 1.75rem; -} -.p-inputswitch .p-inputswitch-slider { - background: #383838; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 30px; -} -.p-inputswitch .p-inputswitch-slider:before { - background: rgba(255, 255, 255, 0.6); - width: 1.25rem; - height: 1.25rem; - left: 0.25rem; - margin-top: -0.625rem; - border-radius: 50%; - transition-duration: 0.2s; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - transform: translateX(1.25rem); -} -.p-inputswitch.p-focus .p-inputswitch-slider { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: rgba(255, 255, 255, 0.03); -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #64B5F6; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: rgba(255, 255, 255, 0.87); -} -.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #43a5f4; -} - -p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { - border-color: #ef9a9a; -} - -.p-inputtext { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - background: #121212; - padding: 0.5rem 0.5rem; - border: 1px solid #383838; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - appearance: none; - border-radius: 3px; -} -.p-inputtext:enabled:hover { - border-color: #64B5F6; -} -.p-inputtext:enabled:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; - border-color: #64B5F6; -} -.p-inputtext.ng-dirty.ng-invalid { - border-color: #ef9a9a; -} -.p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.4375rem; -} -.p-inputtext.p-inputtext-lg { - font-size: 1.25rem; - padding: 0.625rem 0.625rem; -} - -.p-float-label > label { - left: 0.5rem; - color: rgba(255, 255, 255, 0.6); - transition-duration: 0.2s; -} - -.p-float-label > .ng-invalid.ng-dirty + label { - color: #ef9a9a; -} - -.p-input-icon-left > i:first-of-type { - left: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} - -.p-input-icon-left > .p-inputtext { - padding-left: 2rem; -} - -.p-input-icon-left.p-float-label > label { - left: 2rem; -} - -.p-input-icon-right > i:last-of-type { - right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} - -.p-input-icon-right > .p-inputtext { - padding-right: 2rem; -} - -::-webkit-input-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -:-moz-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -::-moz-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -:-ms-input-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -.p-input-filled .p-inputtext { - background-color: #383838; -} -.p-input-filled .p-inputtext:enabled:hover { - background-color: #383838; -} -.p-input-filled .p-inputtext:enabled:focus { - background-color: #383838; -} - -.p-inputtext-sm .p-inputtext { - font-size: 0.875rem; - padding: 0.4375rem 0.4375rem; -} - -.p-inputtext-lg .p-inputtext { - font-size: 1.25rem; - padding: 0.625rem 0.625rem; -} - -.p-listbox { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; -} -.p-listbox .p-listbox-header { - padding: 0.5rem 1rem; - border-bottom: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - margin: 0; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-listbox .p-listbox-header .p-listbox-filter { - padding-right: 1.5rem; -} -.p-listbox .p-listbox-header .p-listbox-filter-icon { - right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-listbox .p-listbox-header .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list { - padding: 0.5rem 0; -} -.p-listbox .p-listbox-list .p-listbox-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(100, 181, 246, 0.16); -} -.p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #93cbf9; -} -.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list .p-listbox-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - font-weight: 600; -} -.p-listbox .p-listbox-list .p-listbox-empty-message { - padding: 0.5rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} - -p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #ef9a9a; -} - -.p-multiselect { - background: #121212; - border: 1px solid #383838; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-multiselect:not(.p-disabled):hover { - border-color: #64B5F6; -} -.p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; - border-color: #64B5F6; -} -.p-multiselect .p-multiselect-label { - padding: 0.5rem 0.5rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-multiselect .p-multiselect-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-multiselect.p-multiselect-chip .p-multiselect-token { - padding: 0.25rem 0.5rem; - margin-right: 0.5rem; - background: rgba(100, 181, 246, 0.16); - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; -} -.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { - margin-left: 0.5rem; -} -.p-multiselect .p-multiselect-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2.357rem; - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { - padding: 0.25rem 0.5rem; -} - -.p-multiselect-panel { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-multiselect-panel .p-multiselect-header { - padding: 0.5rem 1rem; - border-bottom: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - margin: 0; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { - padding-right: 1.5rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { - right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-multiselect-panel .p-multiselect-header .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close { - margin-left: 0.5rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.p-multiselect-panel .p-multiselect-items:not(.p-multiselect-virtualscroll) { - padding: 0.5rem 0; -} -.p-multiselect-panel .p-multiselect-items.p-multiselect-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.5rem 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(100, 181, 246, 0.16); -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #93cbf9; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - font-weight: 600; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { - padding: 0.5rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} - -p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #ef9a9a; -} - -.p-input-filled .p-multiselect { - background: #383838; -} -.p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #383838; -} -.p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #383838; -} - -p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #ef9a9a; -} - -.p-password-panel { - padding: 1rem; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; -} -.p-password-panel .p-password-meter { - margin-bottom: 0.5rem; - background: #383838; -} -.p-password-panel .p-password-meter .p-password-strength.weak { - background: #F48FB1; -} -.p-password-panel .p-password-meter .p-password-strength.medium { - background: #FFE082; -} -.p-password-panel .p-password-meter .p-password-strength.strong { - background: #C5E1A5; -} - -.p-radiobutton { - width: 20px; - height: 20px; -} -.p-radiobutton .p-radiobutton-box { - border: 2px solid #383838; - background: #121212; - width: 20px; - height: 20px; - color: rgba(255, 255, 255, 0.87); - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #64B5F6; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; - border-color: #64B5F6; -} -.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - width: 12px; - height: 12px; - transition-duration: 0.2s; - background-color: #212529; -} -.p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #64B5F6; - background: #64B5F6; -} -.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #2396f2; - background: #2396f2; - color: #212529; -} - -p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #ef9a9a; -} - -.p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #383838; -} -.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #383838; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #64B5F6; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #2396f2; -} - -.p-radiobutton-label { - margin-left: 0.5rem; -} - -.p-rating .p-rating-icon { - color: rgba(255, 255, 255, 0.87); - margin-left: 0.5rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - font-size: 1.143rem; -} -.p-rating .p-rating-icon.p-rating-cancel { - color: #F48FB1; -} -.p-rating .p-rating-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.p-rating .p-rating-icon:first-child { - margin-left: 0; -} -.p-rating .p-rating-icon.pi-star-fill { - color: #64B5F6; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { - color: #64B5F6; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - color: #F48FB1; -} - -.p-selectbutton .p-button { - background: #1e1e1e; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-selectbutton .p-button .p-button-icon-left, -.p-selectbutton .p-button .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - border-color: #383838; - color: rgba(255, 255, 255, 0.87); -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-selectbutton .p-button.p-highlight { - background: #64B5F6; - border-color: #64B5F6; - color: #212529; -} -.p-selectbutton .p-button.p-highlight .p-button-icon-left, -.p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: #212529; -} -.p-selectbutton .p-button.p-highlight:hover { - background: #43a5f4; - border-color: #43a5f4; - color: #212529; -} -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: #212529; -} - -p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #ef9a9a; -} - -.p-slider { - background: #383838; - border: 0 none; - border-radius: 3px; -} -.p-slider.p-slider-horizontal { - height: 0.286rem; -} -.p-slider.p-slider-horizontal .p-slider-handle { - margin-top: -0.5715rem; - margin-left: -0.5715rem; -} -.p-slider.p-slider-vertical { - width: 0.286rem; -} -.p-slider.p-slider-vertical .p-slider-handle { - margin-left: -0.5715rem; - margin-bottom: -0.5715rem; -} -.p-slider .p-slider-handle { - height: 1.143rem; - width: 1.143rem; - background: #383838; - border: 2px solid #64B5F6; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-slider .p-slider-handle:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.p-slider .p-slider-range { - background: #64B5F6; -} -.p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #64B5F6; - border-color: #64B5F6; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { - transition: width 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { - transition: height 0.2s; -} - -.p-togglebutton.p-button { - background: #1e1e1e; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-togglebutton.p-button .p-button-icon-left, -.p-togglebutton.p-button .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - border-color: #383838; - color: rgba(255, 255, 255, 0.87); -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-togglebutton.p-button.p-highlight { - background: #64B5F6; - border-color: #64B5F6; - color: #212529; -} -.p-togglebutton.p-button.p-highlight .p-button-icon-left, -.p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: #212529; -} -.p-togglebutton.p-button.p-highlight:hover { - background: #43a5f4; - border-color: #43a5f4; - color: #212529; -} -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: #212529; -} - -p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #ef9a9a; -} - -.p-treeselect { - background: #121212; - border: 1px solid #383838; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-treeselect:not(.p-disabled):hover { - border-color: #64B5F6; -} -.p-treeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; - border-color: #64B5F6; -} -.p-treeselect .p-treeselect-label { - padding: 0.5rem 0.5rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-treeselect .p-treeselect-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-treeselect.p-treeselect-chip .p-treeselect-token { - padding: 0.25rem 0.5rem; - margin-right: 0.5rem; - background: #383838; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; -} -.p-treeselect .p-treeselect-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2.357rem; - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -p-treeselect.ng-invalid.ng-dirty > .p-treeselect { - border-color: #ef9a9a; -} - -.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { - padding: 0.25rem 0.5rem; -} - -.p-treeselect-panel { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { - border: 0 none; -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { - padding: 0.5rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} - -.p-input-filled .p-treeselect { - background: #383838; -} -.p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #383838; -} -.p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: #383838; -} - -.p-button { - color: #212529; - background: #64B5F6; - border: 1px solid #64B5F6; - padding: 0.5rem 1rem; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-button:enabled:hover { - background: #43a5f4; - color: #212529; - border-color: #43a5f4; -} -.p-button:enabled:active { - background: #2396f2; - color: #212529; - border-color: #2396f2; -} -.p-button.p-button-outlined { - background-color: transparent; - color: #64B5F6; - border: 1px solid; -} -.p-button.p-button-outlined:enabled:hover { - background: rgba(100, 181, 246, 0.04); - color: #64B5F6; - border: 1px solid; -} -.p-button.p-button-outlined:enabled:active { - background: rgba(100, 181, 246, 0.16); - color: #64B5F6; - border: 1px solid; -} -.p-button.p-button-outlined.p-button-plain { - color: rgba(255, 255, 255, 0.6); - border-color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-outlined.p-button-plain:enabled:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-outlined.p-button-plain:enabled:active { - background: rgba(255, 255, 255, 0.16); - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-text { - background-color: transparent; - color: #64B5F6; - border-color: transparent; -} -.p-button.p-button-text:enabled:hover { - background: rgba(100, 181, 246, 0.04); - color: #64B5F6; - border-color: transparent; -} -.p-button.p-button-text:enabled:active { - background: rgba(100, 181, 246, 0.16); - color: #64B5F6; - border-color: transparent; -} -.p-button.p-button-text.p-button-plain { - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-text.p-button-plain:enabled:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-text.p-button-plain:enabled:active { - background: rgba(255, 255, 255, 0.16); - color: rgba(255, 255, 255, 0.6); -} -.p-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.p-button .p-button-icon-left { - margin-right: 0.5rem; -} -.p-button .p-button-icon-right { - margin-left: 0.5rem; -} -.p-button .p-button-icon-bottom { - margin-top: 0.5rem; -} -.p-button .p-button-icon-top { - margin-bottom: 0.5rem; -} -.p-button .p-badge { - margin-left: 0.5rem; - min-width: 1rem; - height: 1rem; - line-height: 1rem; - color: #64B5F6; - background-color: #212529; -} -.p-button.p-button-raised { - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); -} -.p-button.p-button-rounded { - border-radius: 2rem; -} -.p-button.p-button-icon-only { - width: 2.357rem; - padding: 0.5rem 0; -} -.p-button.p-button-icon-only .p-button-icon-left, -.p-button.p-button-icon-only .p-button-icon-right { - margin: 0; -} -.p-button.p-button-icon-only.p-button-rounded { - border-radius: 50%; - height: 2.357rem; -} -.p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.875rem; -} -.p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; -} -.p-button.p-button-lg { - font-size: 1.25rem; - padding: 0.625rem 1.25rem; -} -.p-button.p-button-lg .p-button-icon { - font-size: 1.25rem; -} -.p-button.p-button-loading-label-only .p-button-label { - margin-left: 0.5rem; -} -.p-button.p-button-loading-label-only .p-button-loading-icon { - margin-right: 0; -} - -.p-fluid .p-button { - width: 100%; -} -.p-fluid .p-button-icon-only { - width: 2.357rem; -} -.p-fluid .p-buttonset { - display: flex; -} -.p-fluid .p-buttonset .p-button { - flex: 1; -} - -.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { - color: #ffffff; - background: #78909C; - border: 1px solid #78909C; -} -.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { - background: #69838f; - color: #ffffff; - border-color: #69838f; -} -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #a1b1ba; -} -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: #5d747f; - color: #ffffff; - border-color: #5d747f; -} -.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { - background-color: transparent; - color: #78909C; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { - background: rgba(120, 144, 156, 0.04); - color: #78909C; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { - background: rgba(120, 144, 156, 0.16); - color: #78909C; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { - background-color: transparent; - color: #78909C; - border-color: transparent; -} -.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { - background: rgba(120, 144, 156, 0.04); - border-color: transparent; - color: #78909C; -} -.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { - background: rgba(120, 144, 156, 0.16); - border-color: transparent; - color: #78909C; -} - -.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { - color: #121212; - background: #81D4FA; - border: 1px solid #81D4FA; -} -.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { - background: #5dc8f9; - color: #121212; - border-color: #5dc8f9; -} -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #a7e1fc; -} -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: #38bbf7; - color: #121212; - border-color: #38bbf7; -} -.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { - background-color: transparent; - color: #81D4FA; - border: 1px solid; -} -.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { - background: rgba(129, 212, 250, 0.04); - color: #81D4FA; - border: 1px solid; -} -.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { - background: rgba(129, 212, 250, 0.16); - color: #81D4FA; - border: 1px solid; -} -.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { - background-color: transparent; - color: #81D4FA; - border-color: transparent; -} -.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { - background: rgba(129, 212, 250, 0.04); - border-color: transparent; - color: #81D4FA; -} -.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { - background: rgba(129, 212, 250, 0.16); - border-color: transparent; - color: #81D4FA; -} - -.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { - color: #121212; - background: #C5E1A5; - border: 1px solid #C5E1A5; -} -.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { - background: #b2d788; - color: #121212; - border-color: #b2d788; -} -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #d6eac0; -} -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: #9fce6b; - color: #121212; - border-color: #9fce6b; -} -.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { - background-color: transparent; - color: #C5E1A5; - border: 1px solid; -} -.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { - background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; - border: 1px solid; -} -.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { - background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; - border: 1px solid; -} -.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { - background-color: transparent; - color: #C5E1A5; - border-color: transparent; -} -.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { - background: rgba(197, 225, 165, 0.04); - border-color: transparent; - color: #C5E1A5; -} -.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { - background: rgba(197, 225, 165, 0.16); - border-color: transparent; - color: #C5E1A5; -} - -.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { - color: #121212; - background: #FFE082; - border: 1px solid #FFE082; -} -.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { - background: #ffd65c; - color: #121212; - border-color: #ffd65c; -} -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #ffe9a8; -} -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: #ffcd35; - color: #121212; - border-color: #ffcd35; -} -.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { - background-color: transparent; - color: #FFE082; - border: 1px solid; -} -.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { - background: rgba(255, 224, 130, 0.04); - color: #FFE082; - border: 1px solid; -} -.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { - background: rgba(255, 224, 130, 0.16); - color: #FFE082; - border: 1px solid; -} -.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { - background-color: transparent; - color: #FFE082; - border-color: transparent; -} -.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { - background: rgba(255, 224, 130, 0.04); - border-color: transparent; - color: #FFE082; -} -.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { - background: rgba(255, 224, 130, 0.16); - border-color: transparent; - color: #FFE082; -} - -.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { - color: #121212; - background: #CE93D8; - border: 1px solid #CE93D8; -} -.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { - background: #c278ce; - color: #121212; - border-color: #c278ce; -} -.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #ddb3e4; -} -.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: #b65ec5; - color: #121212; - border-color: #b65ec5; -} -.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { - background-color: transparent; - color: #CE93D8; - border: 1px solid; -} -.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { - background: rgba(206, 147, 216, 0.04); - color: #CE93D8; - border: 1px solid; -} -.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { - background: rgba(206, 147, 216, 0.16); - color: #CE93D8; - border: 1px solid; -} -.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { - background-color: transparent; - color: #CE93D8; - border-color: transparent; -} -.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { - background: rgba(206, 147, 216, 0.04); - border-color: transparent; - color: #CE93D8; -} -.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { - background: rgba(206, 147, 216, 0.16); - border-color: transparent; - color: #CE93D8; -} - -.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { - color: #121212; - background: #F48FB1; - border: 1px solid #F48FB1; -} -.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { - background: #f16c98; - color: #121212; - border-color: #f16c98; -} -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #f7b1c8; -} -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: #ed4980; - color: #121212; - border-color: #ed4980; -} -.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { - background-color: transparent; - color: #F48FB1; - border: 1px solid; -} -.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { - background: rgba(244, 143, 177, 0.04); - color: #F48FB1; - border: 1px solid; -} -.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { - background: rgba(244, 143, 177, 0.16); - color: #F48FB1; - border: 1px solid; -} -.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { - background-color: transparent; - color: #F48FB1; - border-color: transparent; -} -.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { - background: rgba(244, 143, 177, 0.04); - border-color: transparent; - color: #F48FB1; -} -.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { - background: rgba(244, 143, 177, 0.16); - border-color: transparent; - color: #F48FB1; -} - -.p-button.p-button-link { - color: #64B5F6; - background: transparent; - border: transparent; -} -.p-button.p-button-link:enabled:hover { - background: transparent; - color: #64B5F6; - border-color: transparent; -} -.p-button.p-button-link:enabled:hover .p-button-label { - text-decoration: underline; -} -.p-button.p-button-link:enabled:focus { - background: transparent; - box-shadow: 0 0 0 1px #93cbf9; - border-color: transparent; -} -.p-button.p-button-link:enabled:active { - background: transparent; - color: #64B5F6; - border-color: transparent; -} - -.p-speeddial-button.p-button.p-button-icon-only { - width: 4rem; - height: 4rem; -} -.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { - font-size: 1.3rem; -} - -.p-speeddial-action { - width: 3rem; - height: 3rem; - background: rgba(255, 255, 255, 0.87); - color: #121212; -} -.p-speeddial-action:hover { - background: rgba(255, 255, 255, 0.6); - color: #121212; -} - -.p-speeddial-direction-up .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-up .p-speeddial-item:first-child { - margin-bottom: 0.5rem; -} - -.p-speeddial-direction-down .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-down .p-speeddial-item:first-child { - margin-top: 0.5rem; -} - -.p-speeddial-direction-left .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-left .p-speeddial-item:first-child { - margin-right: 0.5rem; -} - -.p-speeddial-direction-right .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-right .p-speeddial-item:first-child { - margin-left: 0.5rem; -} - -.p-speeddial-circle .p-speeddial-item, -.p-speeddial-semi-circle .p-speeddial-item, -.p-speeddial-quarter-circle .p-speeddial-item { - margin: 0; -} -.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, -.p-speeddial-semi-circle .p-speeddial-item:first-child, -.p-speeddial-semi-circle .p-speeddial-item:last-child, -.p-speeddial-quarter-circle .p-speeddial-item:first-child, -.p-speeddial-quarter-circle .p-speeddial-item:last-child { - margin: 0; -} - -.p-speeddial-mask { - background-color: rgba(0, 0, 0, 0.4); -} - -.p-carousel .p-carousel-content .p-carousel-prev, -.p-carousel .p-carousel-content .p-carousel-next { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin: 0.5rem; -} -.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, -.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.p-carousel .p-carousel-indicators { - padding: 1rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator { - margin-right: 0.5rem; - margin-bottom: 0.5rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: #383838; - width: 2rem; - height: 0.5rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 0; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { - background: #4c4c4c; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: rgba(100, 181, 246, 0.16); - color: rgba(255, 255, 255, 0.87); -} - -.p-datatable .p-paginator-top { - border-width: 1px 0 1px 0; - border-radius: 0; -} -.p-datatable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-datatable .p-datatable-header { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #383838; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-datatable .p-datatable-footer { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-datatable .p-datatable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #383838; - border-width: 0 0 1px 0; - font-weight: 600; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - transition: box-shadow 0.2s; -} -.p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #383838; - border-width: 0 0 1px 0; - font-weight: 600; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; -} -.p-datatable .p-sortable-column .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: rgba(255, 255, 255, 0.87); - background: rgba(100, 181, 246, 0.16); - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column.p-highlight { - background: #1e1e1e; - color: #64B5F6; -} -.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #64B5F6; -} -.p-datatable .p-sortable-column.p-highlight:hover { - background: rgba(255, 255, 255, 0.03); - color: #64B5F6; -} -.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { - color: #64B5F6; -} -.p-datatable .p-sortable-column:focus { - box-shadow: inset 0 0 0 1px #93cbf9; - outline: 0 none; -} -.p-datatable .p-datatable-tbody > tr { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - outline-color: #93cbf9; -} -.p-datatable .p-datatable-tbody > tr > td { - text-align: left; - border: 1px solid #383838; - border-width: 0 0 1px 0; - padding: 1rem 1rem; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { - margin-right: 0.5rem; -} -.p-datatable .p-datatable-tbody > tr.p-highlight { - background: rgba(100, 181, 246, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 rgba(100, 181, 246, 0.16); -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 rgba(100, 181, 246, 0.16); -} -.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-column-resizer-helper { - background: #64B5F6; -} -.p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #1e1e1e; -} -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot { - background-color: #1e1e1e; -} -.p-datatable .p-datatable-loading-icon { - font-size: 2rem; -} -.p-datatable.p-datatable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-footer { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-top { - border-width: 0 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-bottom { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { - background: rgba(255, 255, 255, 0.01); -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: rgba(100, 181, 246, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: rgba(255, 255, 255, 0.87); -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: rgba(255, 255, 255, 0.87); -} -.p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-lg .p-datatable-header { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-footer { - padding: 1.25rem 1.25rem; -} - -.p-dataview .p-paginator-top { - border-width: 1px 0 1px 0; - border-radius: 0; -} -.p-dataview .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-dataview .p-dataview-header { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #383838; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-dataview .p-dataview-content { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; -} -.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid #383838; - border-width: 0 0 1px 0; -} -.p-dataview .p-dataview-footer { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; -} -.p-dataview .p-dataview-loading-icon { - font-size: 2rem; -} -.p-dataview .p-dataview-emptymessage { - padding: 1rem; -} - -.p-column-filter-row .p-column-filter-menu-button, -.p-column-filter-row .p-column-filter-clear-button { - margin-left: 0.5rem; -} - -.p-column-filter-menu-button { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-menu-button:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: rgba(100, 181, 246, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-column-filter-menu-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} - -.p-column-filter-clear-button { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-clear-button:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-column-filter-clear-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} - -.p-column-filter-overlay { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - min-width: 12.5rem; -} -.p-column-filter-overlay .p-column-filter-row-items { - padding: 0.5rem 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(100, 181, 246, 0.16); -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #93cbf9; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #383838; - margin: 0.25rem 0; -} - -.p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.5rem 1rem; - border-bottom: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - margin: 0; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-column-filter-overlay-menu .p-column-filter-constraint { - padding: 1rem; - border-bottom: 1px solid #383838; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { - margin-bottom: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { - margin-top: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { - border-bottom: 0 none; -} -.p-column-filter-overlay-menu .p-column-filter-add-rule { - padding: 0.5rem 1rem; -} -.p-column-filter-overlay-menu .p-column-filter-buttonbar { - padding: 1rem; -} - -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #1e1e1e; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #1e1e1e; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #383838; -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #383838; -} -.fc.fc-unthemed .fc-view-container .fc-event { - background: #43a5f4; - border: 1px solid #43a5f4; - color: #212529; -} -.fc.fc-unthemed .fc-view-container .fc-divider { - background: #1e1e1e; - border: 1px solid #383838; -} -.fc.fc-unthemed .fc-toolbar .fc-button { - color: #212529; - background: #64B5F6; - border: 1px solid #64B5F6; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - display: flex; - align-items: center; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #43a5f4; - color: #212529; - border-color: #43a5f4; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #2396f2; - color: #212529; - border-color: #2396f2; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #1e1e1e; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #383838; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #64B5F6; - border-color: #64B5F6; - color: #212529; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #43a5f4; - border-color: #43a5f4; - color: #212529; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; - z-index: 1; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} -.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #383838; -} -.fc.fc-theme-standard .fc-view-harness th { - background: #1e1e1e; - border-color: #383838; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness td { - color: rgba(255, 255, 255, 0.87); - border-color: #383838; -} -.fc.fc-theme-standard .fc-view-harness .fc-view { - background: #1e1e1e; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #383838; - padding: 1rem; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1rem; - border: 1px solid #383838; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #212529; - background: #43a5f4; - border-color: #43a5f4; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #212529; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #43a5f4; - border-color: #43a5f4; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #1e1e1e; -} -.fc.fc-theme-standard .fc-toolbar .fc-button { - color: #212529; - background: #64B5F6; - border: 1px solid #64B5F6; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #43a5f4; - color: #212529; - border-color: #43a5f4; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #2396f2; - color: #212529; - border-color: #2396f2; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.4; - color: #212529; - background: #64B5F6; - border: 1px solid #64B5F6; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #1e1e1e; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #383838; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #64B5F6; - border-color: #64B5F6; - color: #212529; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #43a5f4; - border-color: #43a5f4; - color: #212529; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; - z-index: 1; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} -.fc.fc-theme-standard a { - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(100, 181, 246, 0.16); -} - -.p-orderlist .p-orderlist-controls { - padding: 1rem; -} -.p-orderlist .p-orderlist-controls .p-button { - margin-bottom: 0.5rem; -} -.p-orderlist .p-orderlist-header { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-orderlist .p-orderlist-header .p-orderlist-title { - font-weight: 600; -} -.p-orderlist .p-orderlist-filter-container { - padding: 1rem; - background: #1e1e1e; - border: 1px solid #383838; - border-bottom: 0 none; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { - padding-right: 1.5rem; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { - right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-orderlist .p-orderlist-list { - border: 1px solid #383838; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - padding: 0.5rem 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-orderlist .p-orderlist-list .p-orderlist-item { - padding: 0.5rem 1rem; - margin: 0; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; -} -.p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #93cbf9; -} -.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(100, 181, 246, 0.16); -} -.p-orderlist .p-orderlist-list .p-orderlist-empty-message { - padding: 0.5rem 1rem; - color: rgba(255, 255, 255, 0.87); -} -.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} - -.p-orderlist-item.cdk-drag-preview { - padding: 0.5rem 1rem; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - margin: 0; -} - -.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-organizationchart .p-organizationchart-node-content.p-highlight { - background: rgba(100, 181, 246, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: rgba(12, 120, 207, 0.16); -} -.p-organizationchart .p-organizationchart-line-down { - background: #383838; -} -.p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #383838; - border-color: #383838; -} -.p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #383838; - border-color: #383838; -} -.p-organizationchart .p-organizationchart-node-content { - border: 1px solid #383838; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - padding: 1rem; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler { - background: inherit; - color: inherit; - border-radius: 50%; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} - -.p-paginator { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.6); - border: solid #383838; - border-width: 1px; - padding: 0.5rem 1rem; - border-radius: 3px; -} -.p-paginator .p-paginator-first, -.p-paginator .p-paginator-prev, -.p-paginator .p-paginator-next, -.p-paginator .p-paginator-last { - background-color: transparent; - border: 0 none; - color: rgba(255, 255, 255, 0.6); - min-width: 2.286em; - height: 2.286em; - margin: 0.143rem; - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - border-color: transparent; - color: rgba(255, 255, 255, 0.87); -} -.p-paginator .p-paginator-first { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-paginator .p-paginator-last { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} -.p-paginator .p-dropdown { - margin-left: 0.5rem; - margin-right: 0.5rem; - height: 2.286em; -} -.p-paginator .p-dropdown .p-dropdown-label { - padding-right: 0; -} -.p-paginator .p-paginator-page-input { - margin-left: 0.5rem; - margin-right: 0.5rem; -} -.p-paginator .p-paginator-page-input .p-inputtext { - max-width: 2.286em; -} -.p-paginator .p-paginator-current { - background-color: transparent; - border: 0 none; - color: rgba(255, 255, 255, 0.6); - min-width: 2.286em; - height: 2.286em; - margin: 0.143rem; - padding: 0 0.5rem; -} -.p-paginator .p-paginator-pages .p-paginator-page { - background-color: transparent; - border: 0 none; - color: rgba(255, 255, 255, 0.6); - min-width: 2.286em; - height: 2.286em; - margin: 0.143rem; - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: rgba(100, 181, 246, 0.16); - border-color: rgba(100, 181, 246, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - border-color: transparent; - color: rgba(255, 255, 255, 0.87); -} - -.p-picklist .p-picklist-buttons { - padding: 1rem; -} -.p-picklist .p-picklist-buttons .p-button { - margin-bottom: 0.5rem; -} -.p-picklist .p-picklist-header { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-picklist .p-picklist-header .p-picklist-title { - font-weight: 600; -} -.p-picklist .p-picklist-filter-container { - padding: 1rem; - background: #1e1e1e; - border: 1px solid #383838; - border-bottom: 0 none; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-input { - padding-right: 1.5rem; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { - right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-picklist .p-picklist-list { - border: 1px solid #383838; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - padding: 0.5rem 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-picklist .p-picklist-list .p-picklist-item { - padding: 0.5rem 1rem; - margin: 0; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; -} -.p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #93cbf9; -} -.p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(100, 181, 246, 0.16); -} -.p-picklist .p-picklist-list .p-picklist-empty-message { - padding: 0.5rem 1rem; - color: rgba(255, 255, 255, 0.87); -} -.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} - -.p-picklist-item.cdk-drag-preview { - padding: 0.5rem 1rem; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - margin: 0; -} - -.p-timeline .p-timeline-event-marker { - border: 2px solid #64B5F6; - border-radius: 50%; - width: 1rem; - height: 1rem; - background-color: #1e1e1e; -} -.p-timeline .p-timeline-event-connector { - background-color: #383838; -} -.p-timeline.p-timeline-vertical .p-timeline-event-opposite, -.p-timeline.p-timeline-vertical .p-timeline-event-content { - padding: 0 1rem; -} -.p-timeline.p-timeline-vertical .p-timeline-event-connector { - width: 2px; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, -.p-timeline.p-timeline-horizontal .p-timeline-event-content { - padding: 1rem 0; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-connector { - height: 2px; -} - -.p-tree { - border: 1px solid #383838; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - padding: 1rem; - border-radius: 3px; -} -.p-tree .p-tree-container .p-treenode { - padding: 0.143rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content { - border-radius: 3px; - transition: box-shadow 0.2s; - padding: 0; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { - margin-right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: rgba(100, 181, 246, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-filter-container { - margin-bottom: 0.5rem; -} -.p-tree .p-tree-filter-container .p-tree-filter { - width: 100%; - padding-right: 1.5rem; -} -.p-tree .p-tree-filter-container .p-tree-filter-icon { - right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-tree .p-treenode-children { - padding: 0 0 0 1rem; -} -.p-tree .p-tree-loading-icon { - font-size: 2rem; -} -.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: rgba(35, 150, 242, 0.16); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { - border-radius: 3px; - border: 1px solid #383838; - background-color: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - padding: 0; - transition: box-shadow 0.2s; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { - background-color: rgba(100, 181, 246, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { - background-color: inherit; - color: inherit; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} - -.p-treetable .p-paginator-top { - border-width: 1px 0 1px 0; - border-radius: 0; -} -.p-treetable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-treetable .p-treetable-header { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #383838; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-treetable .p-treetable-footer { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-treetable .p-treetable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #383838; - border-width: 0 0 1px 0; - font-weight: 600; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - transition: box-shadow 0.2s; -} -.p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #383838; - border-width: 0 0 1px 0; - font-weight: 600; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; -} -.p-treetable .p-sortable-column { - outline-color: #93cbf9; -} -.p-treetable .p-sortable-column .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: rgba(255, 255, 255, 0.87); - background: rgba(100, 181, 246, 0.16); - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-sortable-column.p-highlight { - background: #1e1e1e; - color: #64B5F6; -} -.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #64B5F6; -} -.p-treetable .p-treetable-tbody > tr { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - outline-color: #93cbf9; -} -.p-treetable .p-treetable-tbody > tr > td { - text-align: left; - border: 1px solid #383838; - border-width: 0 0 1px 0; - padding: 1rem 1rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-treetable-tbody > tr.p-highlight { - background: rgba(100, 181, 246, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-column-resizer-helper { - background: #64B5F6; -} -.p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #1e1e1e; -} -.p-treetable .p-treetable-loading-icon { - font-size: 2rem; -} -.p-treetable.p-treetable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-footer { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-top { - border-width: 0 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-bottom { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-sm .p-treetable-header { - padding: 0.875rem 0.875rem; -} -.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-footer { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-lg .p-treetable-header { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-footer { - padding: 1.25rem 1.25rem; -} - -.p-virtualscroller .p-virtualscroller-header { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #383838; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-virtualscroller .p-virtualscroller-content { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; -} -.p-virtualscroller .p-virtualscroller-footer { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-accordion .p-accordion-header .p-accordion-header-link { - padding: 1rem; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - font-weight: 600; - border-radius: 3px; - transition: box-shadow 0.2s; -} -.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { - margin-right: 0.5rem; -} -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { - background: rgba(255, 255, 255, 0.03); - border-color: #383838; - color: rgba(255, 255, 255, 0.87); -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #1e1e1e; - border-color: #383838; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-color: #383838; - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-accordion .p-accordion-content { - padding: 1rem; - border: 1px solid #383838; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-accordion p-accordiontab .p-accordion-tab { - margin-bottom: 0; -} -.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { - border-radius: 0; -} -.p-accordion p-accordiontab .p-accordion-content { - border-radius: 0; -} -.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { - border-top: 0 none; -} -.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-top: 0 none; -} -.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-accordion p-accordiontab:last-child .p-accordion-content { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-card { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; -} -.p-card .p-card-body { - padding: 1rem; -} -.p-card .p-card-title { - font-size: 1.5rem; - font-weight: 700; - margin-bottom: 0.5rem; -} -.p-card .p-card-subtitle { - font-weight: 700; - margin-bottom: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-card .p-card-content { - padding: 1rem 0; -} -.p-card .p-card-footer { - padding: 1rem 0 0 0; -} - -.p-divider .p-divider-content { - background-color: #1e1e1e; -} -.p-divider.p-divider-horizontal { - margin: 1rem 0; - padding: 0 1rem; -} -.p-divider.p-divider-horizontal:before { - border-top: 1px #383838; -} -.p-divider.p-divider-horizontal .p-divider-content { - padding: 0 0.5rem; -} -.p-divider.p-divider-vertical { - margin: 0 1rem; - padding: 1rem 0; -} -.p-divider.p-divider-vertical:before { - border-left: 1px #383838; -} -.p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; -} - -.p-fieldset { - border: 1px solid #383838; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; -} -.p-fieldset .p-fieldset-legend { - padding: 1rem; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - font-weight: 600; - border-radius: 3px; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { - padding: 0; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { - padding: 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; - transition: box-shadow 0.2s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { - margin-right: 0.5rem; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #383838; - color: rgba(255, 255, 255, 0.87); -} -.p-fieldset .p-fieldset-content { - padding: 1rem; -} - -.p-panel .p-panel-header { - border: 1px solid #383838; - padding: 1rem; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-panel .p-panel-header .p-panel-title { - font-weight: 600; -} -.p-panel .p-panel-header .p-panel-header-icon { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-panel .p-panel-header .p-panel-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.p-panel.p-panel-toggleable .p-panel-header { - padding: 0.5rem 1rem; -} -.p-panel .p-panel-content { - padding: 1rem; - border: 1px solid #383838; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - border-top: 0 none; -} -.p-panel .p-panel-footer { - padding: 0.5rem 1rem; - border: 1px solid #383838; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; -} - -.p-scrollpanel .p-scrollpanel-bar { - background: #383838; - border: 0 none; -} - -.p-splitter { - border: 1px solid #383838; - background: #1e1e1e; - border-radius: 3px; - color: rgba(255, 255, 255, 0.87); -} -.p-splitter .p-splitter-gutter { - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - background: rgba(255, 255, 255, 0.03); -} -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: #383838; -} -.p-splitter .p-splitter-gutter-resizing { - background: #383838; -} - -.p-tabview .p-tabview-nav { - background: transparent; - border: 1px solid #383838; - border-width: 0 0 2px 0; -} -.p-tabview .p-tabview-nav li { - margin-right: 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #383838; - border-width: 0 0 2px 0; - border-color: transparent transparent #383838 transparent; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.6); - padding: 1rem; - font-weight: 600; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #93cbf9; -} -.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #1e1e1e; - border-color: #64B5F6; - color: rgba(255, 255, 255, 0.87); -} -.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #1e1e1e; - border-color: #64B5F6; - color: #64B5F6; -} -.p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; -} -.p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-close { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-nav-btn.p-link { - background: #1e1e1e; - color: #64B5F6; - width: 2.357rem; - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); - border-radius: 0; -} -.p-tabview .p-tabview-nav-btn.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #93cbf9; -} -.p-tabview .p-tabview-panels { - background: #1e1e1e; - padding: 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-toolbar { - background: #1e1e1e; - border: 1px solid #383838; - padding: 1rem; - border-radius: 3px; -} -.p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; -} - -.p-confirm-popup { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-confirm-popup .p-confirm-popup-content { - padding: 1rem; -} -.p-confirm-popup .p-confirm-popup-footer { - text-align: right; - padding: 0.5rem 1rem; -} -.p-confirm-popup .p-confirm-popup-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-confirm-popup .p-confirm-popup-footer button:last-child { - margin: 0; -} -.p-confirm-popup:after { - border: solid transparent; - border-color: rgba(30, 30, 30, 0); - border-bottom-color: #1e1e1e; -} -.p-confirm-popup:before { - border: solid transparent; - border-color: rgba(56, 56, 56, 0); - border-bottom-color: #383838; -} -.p-confirm-popup.p-confirm-popup-flipped:after { - border-top-color: #1e1e1e; -} -.p-confirm-popup.p-confirm-popup-flipped:before { - border-top-color: #383838; -} -.p-confirm-popup .p-confirm-popup-icon { - font-size: 1.5rem; -} -.p-confirm-popup .p-confirm-popup-message { - margin-left: 1rem; -} - -.p-dialog { - border-radius: 3px; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); - border: 1px solid #383838; -} -.p-dialog .p-dialog-header { - border-bottom: 0 none; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - padding: 1.5rem; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-dialog .p-dialog-header .p-dialog-title { - font-weight: 600; - font-size: 1.25rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { - margin-right: 0; -} -.p-dialog .p-dialog-content { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - padding: 0 1.5rem 2rem 1.5rem; -} -.p-dialog .p-dialog-footer { - border-top: 0 none; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - padding: 0 1.5rem 1.5rem 1.5rem; - text-align: right; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-dialog .p-dialog-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { - font-size: 2rem; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; -} - -.p-overlaypanel { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-overlaypanel .p-overlaypanel-content { - padding: 1rem; -} -.p-overlaypanel .p-overlaypanel-close { - background: #64B5F6; - color: #212529; - width: 2rem; - height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; - position: absolute; - top: -1rem; - right: -1rem; -} -.p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #43a5f4; - color: #212529; -} -.p-overlaypanel:after { - border: solid transparent; - border-color: rgba(30, 30, 30, 0); - border-bottom-color: #1e1e1e; -} -.p-overlaypanel:before { - border: solid transparent; - border-color: rgba(56, 56, 56, 0); - border-bottom-color: #383838; -} -.p-overlaypanel.p-overlaypanel-flipped:after { - border-top-color: #1e1e1e; -} -.p-overlaypanel.p-overlaypanel-flipped:before { - border-top-color: #383838; -} - -.p-sidebar { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-sidebar .p-sidebar-header { - padding: 1rem; -} -.p-sidebar .p-sidebar-header .p-sidebar-close, -.p-sidebar .p-sidebar-header .p-sidebar-icon { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, -.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.p-sidebar .p-sidebar-header + .p-sidebar-content { - padding-top: 0; -} -.p-sidebar .p-sidebar-content { - padding: 1rem; -} - -.p-tooltip .p-tooltip-text { - background: #383838; - color: rgba(255, 255, 255, 0.87); - padding: 0.5rem 0.5rem; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; -} -.p-tooltip.p-tooltip-right .p-tooltip-arrow { - border-right-color: #383838; -} -.p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #383838; -} -.p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #383838; -} -.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #383838; -} - -.p-fileupload .p-fileupload-buttonbar { - background: #1e1e1e; - padding: 1rem; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; -} -.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.p-fileupload .p-fileupload-content { - background: #1e1e1e; - padding: 2rem 1rem; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-fileupload .p-progressbar { - height: 0.25rem; -} -.p-fileupload .p-fileupload-row > div { - padding: 1rem 1rem; -} -.p-fileupload.p-fileupload-advanced .p-message { - margin-top: 0; -} - -.p-fileupload-choose:not(.p-disabled):hover { - background: #43a5f4; - color: #212529; - border-color: #43a5f4; -} -.p-fileupload-choose:not(.p-disabled):active { - background: #2396f2; - color: #212529; - border-color: #2396f2; -} - -.p-breadcrumb { - background: #1e1e1e; - border: 1px solid #383838; - border-radius: 3px; - padding: 1rem; -} -.p-breadcrumb ul li .p-menuitem-link { - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-breadcrumb ul li .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-breadcrumb ul li.p-breadcrumb-chevron { - margin: 0 0.5rem 0 0.5rem; - color: rgba(255, 255, 255, 0.87); -} -.p-breadcrumb ul li:last-child .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-breadcrumb ul li:last-child .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} - -.p-contextmenu { - padding: 0.25rem 0; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; - width: 12.5rem; -} -.p-contextmenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-contextmenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-contextmenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #93cbf9; -} -.p-contextmenu .p-submenu-list { - padding: 0.25rem 0; - background: #1e1e1e; - border: 1px solid #383838; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; -} -.p-contextmenu .p-menuitem { - margin: 0; -} -.p-contextmenu .p-menuitem:last-child { - margin: 0; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(255, 255, 255, 0.03); -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menu-separator { - border-top: 1px solid #383838; - margin: 0.25rem 0; -} -.p-contextmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-dock .p-dock-list { - background: rgba(255, 255, 255, 0.1); - border: 1px solid rgba(255, 255, 255, 0.2); - padding: 0.5rem 0.5rem; - border-radius: 0.5rem; -} -.p-dock .p-dock-item { - padding: 0.5rem; -} -.p-dock .p-dock-action { - width: 4rem; - height: 4rem; -} -.p-dock.p-dock-top .p-dock-item-second-prev, -.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, -.p-dock.p-dock-bottom .p-dock-item-second-next { - margin: 0 0.9rem; -} -.p-dock.p-dock-top .p-dock-item-prev, -.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, -.p-dock.p-dock-bottom .p-dock-item-next { - margin: 0 1.3rem; -} -.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { - margin: 0 1.5rem; -} -.p-dock.p-dock-left .p-dock-item-second-prev, -.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, -.p-dock.p-dock-right .p-dock-item-second-next { - margin: 0.9rem 0; -} -.p-dock.p-dock-left .p-dock-item-prev, -.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, -.p-dock.p-dock-right .p-dock-item-next { - margin: 1.3rem 0; -} -.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { - margin: 1.5rem 0; -} - -@media screen and (max-width: 960px) { - .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { - margin: auto 0; - } - .p-dock .p-dock-list .p-dock-item { - transform: none; - margin: 0; - } -} -.p-megamenu { - padding: 0.5rem; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; - transition: box-shadow 0.2s; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #93cbf9; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-megamenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #93cbf9; -} -.p-megamenu .p-megamenu-panel { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-megamenu .p-megamenu-submenu-header { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - font-weight: 600; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-megamenu .p-megamenu-submenu { - padding: 0.25rem 0; - width: 12.5rem; -} -.p-megamenu .p-megamenu-submenu .p-menu-separator { - border-top: 1px solid #383838; - margin: 0.25rem 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem { - margin: 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { - margin: 0; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(255, 255, 255, 0.03); -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.25rem 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem { - margin: 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { - margin: 0; -} - -.p-menu { - padding: 0.25rem 0; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; - width: 12.5rem; -} -.p-menu .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-menu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #93cbf9; -} -.p-menu.p-menu-overlay { - background: #1e1e1e; - border: 1px solid #383838; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-menu .p-submenu-header { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - font-weight: 600; - border-top-right-radius: 0; - border-top-left-radius: 0; -} -.p-menu .p-menu-separator { - border-top: 1px solid #383838; - margin: 0.25rem 0; -} -.p-menu .p-menuitem { - margin: 0; -} -.p-menu .p-menuitem:last-child { - margin: 0; -} - -.p-menubar { - padding: 0.5rem; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; -} -.p-menubar .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menubar .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-menubar .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #93cbf9; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #93cbf9; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-submenu-list { - padding: 0.25rem 0; - background: #1e1e1e; - border: 1px solid #383838; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - width: 12.5rem; -} -.p-menubar .p-submenu-list .p-menu-separator { - border-top: 1px solid #383838; - margin: 0.25rem 0; -} -.p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; -} -.p-menubar .p-submenu-list .p-menuitem { - margin: 0; -} -.p-menubar .p-submenu-list .p-menuitem:last-child { - margin: 0; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(255, 255, 255, 0.03); -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} - -@media screen and (max-width: 960px) { - .p-menubar { - position: relative; - } - .p-menubar .p-menubar-button { - display: flex; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-menubar .p-menubar-button:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menubar .p-menubar-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; - } - .p-menubar .p-menubar-root-list { - position: absolute; - display: none; - padding: 0.25rem 0; - background: #1e1e1e; - border: 1px solid #383838; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - width: 100%; - } - .p-menubar .p-menubar-root-list .p-menu-separator { - border-top: 1px solid #383838; - margin: 0.25rem 0; - } - .p-menubar .p-menubar-root-list .p-submenu-icon { - font-size: 0.875rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #93cbf9; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - transition: transform 0.2s; - } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-180deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list { - width: 100%; - position: static; - box-shadow: none; - border: 0 none; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { - transition: transform 0.2s; - transform: rotate(90deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-90deg); - } - .p-menubar .p-menubar-root-list .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list ul li a { - padding-left: 2.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li a { - padding-left: 3.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li a { - padding-left: 5.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { - padding-left: 6.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { - padding-left: 8.25rem; - } - .p-menubar.p-menubar-mobile-active .p-menubar-root-list { - display: flex; - flex-direction: column; - top: 100%; - left: 0; - z-index: 1; - } -} -.p-panelmenu .p-panelmenu-header > a { - padding: 1rem; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - font-weight: 600; - border-radius: 3px; - transition: box-shadow 0.2s; -} -.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #383838; - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight > a { - background: #1e1e1e; - border-color: #383838; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { - border-color: #383838; - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content { - padding: 0.25rem 0; - border: 1px solid #383838; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - margin-bottom: 0; - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #93cbf9; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { - padding: 0 0 0 1rem; -} -.p-panelmenu .p-panelmenu-panel { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { - border-radius: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-content { - border-radius: 0; -} -.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { - border-top: 0 none; -} -.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { - border-top: 0 none; -} -.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-slidemenu { - padding: 0.25rem 0; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; - width: 12.5rem; -} -.p-slidemenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-slidemenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-slidemenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #93cbf9; -} -.p-slidemenu.p-slidemenu-overlay { - background: #1e1e1e; - border: 1px solid #383838; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-slidemenu .p-slidemenu-list { - padding: 0.25rem 0; - background: #1e1e1e; - border: 1px solid #383838; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { - background: rgba(255, 255, 255, 0.03); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-slidemenu-separator { - border-top: 1px solid #383838; - margin: 0.25rem 0; -} -.p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; -} -.p-slidemenu .p-slidemenu-backward { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); -} - -.p-steps .p-steps-item .p-menuitem-link { - background: transparent; - transition: box-shadow 0.2s; - border-radius: 3px; - background: transparent; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-number { - color: rgba(255, 255, 255, 0.87); - border: 0 none; - background: transparent; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - z-index: 1; - border-radius: 50%; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-title { - margin-top: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.p-steps .p-steps-item.p-highlight .p-steps-number { - background: rgba(100, 181, 246, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-steps .p-steps-item.p-highlight .p-steps-title { - font-weight: 600; - color: rgba(255, 255, 255, 0.87); -} -.p-steps .p-steps-item:before { - content: " "; - border-top: 1px solid #383838; - width: 100%; - top: 50%; - left: 0; - display: block; - position: absolute; - margin-top: -1rem; -} - -.p-tabmenu .p-tabmenu-nav { - background: transparent; - border: 1px solid #383838; - border-width: 0 0 2px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { - margin-right: 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { - border: solid #383838; - border-width: 0 0 2px 0; - border-color: transparent transparent #383838 transparent; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.6); - padding: 1rem; - font-weight: 600; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #93cbf9; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: #1e1e1e; - border-color: #64B5F6; - color: rgba(255, 255, 255, 0.87); -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #1e1e1e; - border-color: #64B5F6; - color: #64B5F6; -} - -.p-tieredmenu { - padding: 0.25rem 0; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; - width: 12.5rem; -} -.p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-tieredmenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-tieredmenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #93cbf9; -} -.p-tieredmenu.p-tieredmenu-overlay { - background: #1e1e1e; - border: 1px solid #383838; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #1e1e1e; - border: 1px solid #383838; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-tieredmenu .p-menuitem { - margin: 0; -} -.p-tieredmenu .p-menuitem:last-child { - margin: 0; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(255, 255, 255, 0.03); -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menu-separator { - border-top: 1px solid #383838; - margin: 0.25rem 0; -} -.p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-inline-message { - padding: 0.5rem 0.5rem; - margin: 0; - border-radius: 3px; -} -.p-inline-message.p-inline-message-info { - background: #B3E5FC; - border: solid #0891cf; - border-width: 1px; - color: #044868; -} -.p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #044868; -} -.p-inline-message.p-inline-message-success { - background: #C8E6C9; - border: solid #439446; - border-width: 1px; - color: #224a23; -} -.p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #224a23; -} -.p-inline-message.p-inline-message-warn { - background: #FFECB3; - border: solid #d9a300; - border-width: 1px; - color: #6d5100; -} -.p-inline-message.p-inline-message-warn .p-inline-message-icon { - color: #6d5100; -} -.p-inline-message.p-inline-message-error { - background: #FFCDD2; - border: solid #e60017; - border-width: 1px; - color: #73000c; -} -.p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #73000c; -} -.p-inline-message .p-inline-message-icon { - font-size: 1rem; - margin-right: 0.5rem; -} -.p-inline-message .p-inline-message-text { - font-size: 1rem; -} -.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { - margin-right: 0; -} - -.p-message { - margin: 1rem 0; - border-radius: 3px; -} -.p-message .p-message-wrapper { - padding: 1rem 1.5rem; -} -.p-message .p-message-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-message .p-message-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.p-message.p-message-info { - background: #B3E5FC; - border: solid #0891cf; - border-width: 0 0 0 6px; - color: #044868; -} -.p-message.p-message-info .p-message-icon { - color: #044868; -} -.p-message.p-message-info .p-message-close { - color: #044868; -} -.p-message.p-message-success { - background: #C8E6C9; - border: solid #439446; - border-width: 0 0 0 6px; - color: #224a23; -} -.p-message.p-message-success .p-message-icon { - color: #224a23; -} -.p-message.p-message-success .p-message-close { - color: #224a23; -} -.p-message.p-message-warn { - background: #FFECB3; - border: solid #d9a300; - border-width: 0 0 0 6px; - color: #6d5100; -} -.p-message.p-message-warn .p-message-icon { - color: #6d5100; -} -.p-message.p-message-warn .p-message-close { - color: #6d5100; -} -.p-message.p-message-error { - background: #FFCDD2; - border: solid #e60017; - border-width: 0 0 0 6px; - color: #73000c; -} -.p-message.p-message-error .p-message-icon { - color: #73000c; -} -.p-message.p-message-error .p-message-close { - color: #73000c; -} -.p-message .p-message-text { - font-size: 1rem; - font-weight: 500; -} -.p-message .p-message-icon { - font-size: 1.5rem; - margin-right: 0.5rem; -} -.p-message .p-message-summary { - font-weight: 700; -} -.p-message .p-message-detail { - margin-left: 0.5rem; -} - -.p-toast { - opacity: 0.9; -} -.p-toast .p-toast-message { - margin: 0 0 1rem 0; - box-shadow: none; - border-radius: 3px; -} -.p-toast .p-toast-message .p-toast-message-content { - padding: 1rem; - border-width: 0 0 0 6px; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { - margin: 0 0 0 1rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { - font-size: 2rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { - font-weight: 700; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { - margin: 0.5rem 0 0 0; -} -.p-toast .p-toast-message .p-toast-icon-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-toast .p-toast-message .p-toast-icon-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; - border: solid #0891cf; - border-width: 0 0 0 6px; - color: #044868; -} -.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { - color: #044868; -} -.p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; - border: solid #439446; - border-width: 0 0 0 6px; - color: #224a23; -} -.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { - color: #224a23; -} -.p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; - border: solid #d9a300; - border-width: 0 0 0 6px; - color: #6d5100; -} -.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { - color: #6d5100; -} -.p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; - border: solid #e60017; - border-width: 0 0 0 6px; - color: #73000c; -} -.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { - color: #73000c; -} - -.p-galleria .p-galleria-close { - margin: 0.5rem; - background: transparent; - color: #f8f9fa; - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-close .p-galleria-close-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-close:hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-item-nav { - background: transparent; - color: #f8f9fa; - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 3px; - margin: 0 0.5rem; -} -.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, -.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-caption { - background: rgba(0, 0, 0, 0.5); - color: #f8f9fa; - padding: 1rem; -} -.p-galleria .p-galleria-indicators { - padding: 1rem; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #383838; - width: 1rem; - height: 1rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { - background: #4c4c4c; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(100, 181, 246, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { - margin-right: 0.5rem; -} -.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { - margin-bottom: 0.5rem; -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { - background: rgba(0, 0, 0, 0.5); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { - background: rgba(255, 255, 255, 0.4); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { - background: rgba(255, 255, 255, 0.6); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(100, 181, 246, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-galleria .p-galleria-thumbnail-container { - background: rgba(0, 0, 0, 0.9); - padding: 1rem 0.25rem; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { - margin: 0.5rem; - background-color: transparent; - color: #f8f9fa; - width: 2rem; - height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} - -.p-galleria-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-preview-indicator { - background-color: transparent; - color: #f8f9fa; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} - -.p-image-preview-container:hover > .p-image-preview-indicator { - background-color: rgba(0, 0, 0, 0.5); -} - -.p-image-toolbar { - padding: 1rem; -} - -.p-image-action.p-link { - color: #f8f9fa; - background-color: transparent; - width: 3rem; - height: 3rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-image-action.p-link:last-child { - margin-right: 0; -} -.p-image-action.p-link:hover { - color: #f8f9fa; - background-color: rgba(255, 255, 255, 0.1); -} -.p-image-action.p-link i { - font-size: 1.5rem; -} - -.p-avatar { - background-color: #383838; - border-radius: 3px; -} -.p-avatar.p-avatar-lg { - width: 3rem; - height: 3rem; - font-size: 1.5rem; -} -.p-avatar.p-avatar-lg .p-avatar-icon { - font-size: 1.5rem; -} -.p-avatar.p-avatar-xl { - width: 4rem; - height: 4rem; - font-size: 2rem; -} -.p-avatar.p-avatar-xl .p-avatar-icon { - font-size: 2rem; -} - -.p-avatar-group .p-avatar { - border: 2px solid #1e1e1e; -} - -.p-badge { - background: #64B5F6; - color: #212529; - font-size: 0.75rem; - font-weight: 700; - min-width: 1.5rem; - height: 1.5rem; - line-height: 1.5rem; -} -.p-badge.p-badge-secondary { - background-color: #78909C; - color: #ffffff; -} -.p-badge.p-badge-success { - background-color: #C5E1A5; - color: #121212; -} -.p-badge.p-badge-info { - background-color: #81D4FA; - color: #121212; -} -.p-badge.p-badge-warning { - background-color: #FFE082; - color: #121212; -} -.p-badge.p-badge-danger { - background-color: #F48FB1; - color: #121212; -} -.p-badge.p-badge-lg { - font-size: 1.125rem; - min-width: 2.25rem; - height: 2.25rem; - line-height: 2.25rem; -} -.p-badge.p-badge-xl { - font-size: 1.5rem; - min-width: 3rem; - height: 3rem; - line-height: 3rem; -} - -.p-chip { - background-color: #383838; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - padding: 0 0.5rem; -} -.p-chip .p-chip-text { - line-height: 1.5; - margin-top: 0.25rem; - margin-bottom: 0.25rem; -} -.p-chip .p-chip-icon { - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - margin-left: 0.5rem; -} -.p-chip img { - width: 2rem; - height: 2rem; - margin-left: -0.5rem; - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - border-radius: 3px; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} - -.p-inplace .p-inplace-display { - padding: 0.5rem 0.5rem; - border-radius: 3px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-inplace .p-inplace-display:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-inplace .p-inplace-display:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} - -.p-progressbar { - border: 0 none; - height: 1.5rem; - background: #383838; - border-radius: 3px; -} -.p-progressbar .p-progressbar-value { - border: 0 none; - margin: 0; - background: #64B5F6; -} -.p-progressbar .p-progressbar-label { - color: #212529; - line-height: 1.5rem; -} - -.p-scrolltop { - width: 3rem; - height: 3rem; - border-radius: 50%; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-scrolltop.p-link { - background: rgba(100, 181, 246, 0.16); -} -.p-scrolltop.p-link:hover { - background: rgba(100, 181, 246, 0.3616); -} -.p-scrolltop .p-scrolltop-icon { - font-size: 1.5rem; - color: rgba(255, 255, 255, 0.87); -} - -.p-skeleton { - background-color: rgba(255, 255, 255, 0.06); - border-radius: 3px; -} -.p-skeleton:after { - background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); -} - -.p-tag { - background: #64B5F6; - color: #212529; - font-size: 0.75rem; - font-weight: 700; - padding: 0.25rem 0.4rem; - border-radius: 3px; -} -.p-tag.p-tag-success { - background-color: #C5E1A5; - color: #121212; -} -.p-tag.p-tag-info { - background-color: #81D4FA; - color: #121212; -} -.p-tag.p-tag-warning { - background-color: #FFE082; - color: #121212; -} -.p-tag.p-tag-danger { - background-color: #F48FB1; - color: #121212; -} -.p-tag .p-tag-icon { - margin-right: 0.25rem; - font-size: 0.75rem; -} - -.p-terminal { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - padding: 1rem; -} -.p-terminal .p-terminal-input { - font-size: 1rem; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; -} - -/* Customizations to the designer theme should be defined here */ -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #64B5F6; -} - -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #64B5F6; -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #64B5F6; -} diff --git a/src/assets/theme/arya-green/theme.css b/src/assets/theme/arya-green/theme.css deleted file mode 100644 index dc19117..0000000 --- a/src/assets/theme/arya-green/theme.css +++ /dev/null @@ -1,5683 +0,0 @@ -:root { - --surface-a:#1e1e1e; - --surface-b:#121212; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#383838; - --surface-e:#1e1e1e; - --surface-f:#1e1e1e; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#81C784; - --primary-color-text:#212529; - --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; - --surface-0: #121212; - --surface-50: #2a2a2a; - --surface-100: #414141; - --surface-200: #595959; - --surface-300: #717171; - --surface-400: #898989; - --surface-500: #a0a0a0; - --surface-600: #b8b8b8; - --surface-700: #d0d0d0; - --surface-800: #e7e7e7; - --surface-900: #ffffff; - --gray-50:#e7e7e7; - --gray-100: #d0d0d0; - --gray-200: #b8b8b8; - --gray-300: #a0a0a0; - --gray-400: #898989; - --gray-500: #717171; - --gray-600: #595959; - --gray-700: #414141; - --gray-800: #2a2a2a; - --gray-900: #121212; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:3px; - --surface-ground:#121212; - --surface-section:#121212; - --surface-card:#1e1e1e; - --surface-overlay:#1e1e1e; - --surface-border:#383838; - --surface-hover:rgba(255,255,255,.03); - --maskbg: rgba(0, 0, 0, 0.4); - --focus-ring: 0 0 0 1px #a7d8a9; -} - -* { - box-sizing: border-box; -} - -.p-component { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - font-weight: normal; -} - -.p-component-overlay { - background-color: rgba(0, 0, 0, 0.4); - transition-duration: 0.2s; -} - -.p-disabled, .p-component:disabled { - opacity: 0.4; -} - -.p-error { - color: #ef9a9a; -} - -.p-text-secondary { - color: rgba(255, 255, 255, 0.6); -} - -.pi { - font-size: 1rem; -} - -.p-link { - font-size: 1rem; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - border-radius: 3px; -} -.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} - -.p-component-overlay-enter { - animation: p-component-overlay-enter-animation 150ms forwards; -} - -.p-component-overlay-leave { - animation: p-component-overlay-leave-animation 150ms forwards; -} - -@keyframes p-component-overlay-enter-animation { - from { - background-color: transparent; - } - to { - background-color: var(--maskbg); - } -} -@keyframes p-component-overlay-leave-animation { - from { - background-color: var(--maskbg); - } - to { - background-color: transparent; - } -} - -:root { - --blue-50:#f4fafe; - --blue-100:#cae6fc; - --blue-200:#a0d2fa; - --blue-300:#75bef8; - --blue-400:#4baaf5; - --blue-500:#2196f3; - --blue-600:#1c80cf; - --blue-700:#1769aa; - --blue-800:#125386; - --blue-900:#0d3c61; - --green-50:#f6fbf6; - --green-100:#d4ecd5; - --green-200:#b2ddb4; - --green-300:#90cd93; - --green-400:#6ebe71; - --green-500:#4caf50; - --green-600:#419544; - --green-700:#357b38; - --green-800:#2a602c; - --green-900:#1e4620; - --yellow-50:#fffcf5; - --yellow-100:#fef0cd; - --yellow-200:#fde4a5; - --yellow-300:#fdd87d; - --yellow-400:#fccc55; - --yellow-500:#fbc02d; - --yellow-600:#d5a326; - --yellow-700:#b08620; - --yellow-800:#8a6a19; - --yellow-900:#644d12; - --cyan-50:#f2fcfd; - --cyan-100:#c2eff5; - --cyan-200:#91e2ed; - --cyan-300:#61d5e4; - --cyan-400:#30c9dc; - --cyan-500:#00bcd4; - --cyan-600:#00a0b4; - --cyan-700:#008494; - --cyan-800:#006775; - --cyan-900:#004b55; - --pink-50:#fef4f7; - --pink-100:#fac9da; - --pink-200:#f69ebc; - --pink-300:#f1749e; - --pink-400:#ed4981; - --pink-500:#e91e63; - --pink-600:#c61a54; - --pink-700:#a31545; - --pink-800:#801136; - --pink-900:#5d0c28; - --indigo-50:#f5f6fb; - --indigo-100:#d1d5ed; - --indigo-200:#acb4df; - --indigo-300:#8893d1; - --indigo-400:#6372c3; - --indigo-500:#3f51b5; - --indigo-600:#36459a; - --indigo-700:#2c397f; - --indigo-800:#232d64; - --indigo-900:#192048; - --teal-50:#f2faf9; - --teal-100:#c2e6e2; - --teal-200:#91d2cc; - --teal-300:#61beb5; - --teal-400:#30aa9f; - --teal-500:#009688; - --teal-600:#008074; - --teal-700:#00695f; - --teal-800:#00534b; - --teal-900:#003c36; - --orange-50:#fff8f2; - --orange-100:#fde0c2; - --orange-200:#fbc791; - --orange-300:#f9ae61; - --orange-400:#f79530; - --orange-500:#f57c00; - --orange-600:#d06900; - --orange-700:#ac5700; - --orange-800:#874400; - --orange-900:#623200; - --bluegray-50:#f7f9f9; - --bluegray-100:#d9e0e3; - --bluegray-200:#bbc7cd; - --bluegray-300:#9caeb7; - --bluegray-400:#7e96a1; - --bluegray-500:#607d8b; - --bluegray-600:#526a76; - --bluegray-700:#435861; - --bluegray-800:#35454c; - --bluegray-900:#263238; - --purple-50:#faf4fb; - --purple-100:#e7cbec; - --purple-200:#d4a2dd; - --purple-300:#c279ce; - --purple-400:#af50bf; - --purple-500:#9c27b0; - --purple-600:#852196; - --purple-700:#6d1b7b; - --purple-800:#561561; - --purple-900:#3e1046; -} - -.p-autocomplete .p-autocomplete-loader { - right: 0.5rem; -} -.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 2.857rem; -} -.p-autocomplete .p-autocomplete-multiple-container { - padding: 0.25rem 0.5rem; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: #81C784; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; - border-color: #81C784; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { - padding: 0.25rem 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - padding: 0; - margin: 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { - padding: 0.25rem 0.5rem; - margin-right: 0.5rem; - background: rgba(129, 199, 132, 0.16); - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; -} - -p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #ef9a9a; -} - -.p-autocomplete-panel { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-autocomplete-panel .p-autocomplete-items:not(.p-autocomplete-virtualscroll) { - padding: 0.5rem 0; -} -.p-autocomplete-panel .p-autocomplete-items.p-autocomplete-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.5rem 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 199, 132, 0.16); -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.5rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - font-weight: 600; -} - -p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { - border-color: #ef9a9a; -} - -.p-datepicker { - padding: 0.5rem; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; -} -.p-datepicker:not(.p-datepicker-inline) { - background: #1e1e1e; - border: 1px solid #383838; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { - background: #1e1e1e; -} -.p-datepicker .p-datepicker-header { - padding: 0.5rem; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - font-weight: 600; - margin: 0; - border-bottom: 1px solid #383838; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev, -.p-datepicker .p-datepicker-header .p-datepicker-next { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.p-datepicker .p-datepicker-header .p-datepicker-title { - line-height: 2rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - font-weight: 600; - padding: 0.5rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #81C784; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - margin-right: 0.5rem; -} -.p-datepicker table { - font-size: 1rem; - margin: 0.5rem 0; -} -.p-datepicker table th { - padding: 0.5rem; -} -.p-datepicker table th > span { - width: 2.5rem; - height: 2.5rem; -} -.p-datepicker table td { - padding: 0.5rem; -} -.p-datepicker table td > span { - width: 2.5rem; - height: 2.5rem; - border-radius: 50%; - transition: box-shadow 0.2s; - border: 1px solid transparent; -} -.p-datepicker table td > span.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 199, 132, 0.16); -} -.p-datepicker table td > span:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.p-datepicker table td.p-datepicker-today > span { - background: transparent; - color: #81C784; - border-color: transparent; -} -.p-datepicker table td.p-datepicker-today > span.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 199, 132, 0.16); -} -.p-datepicker .p-datepicker-buttonbar { - padding: 1rem 0; - border-top: 1px solid #383838; -} -.p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; -} -.p-datepicker .p-timepicker { - border-top: 1px solid #383838; - padding: 0.5rem; -} -.p-datepicker .p-timepicker button { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-timepicker button:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker .p-timepicker button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.p-datepicker .p-timepicker button:last-child { - margin-top: 0.2em; -} -.p-datepicker .p-timepicker span { - font-size: 1.25rem; -} -.p-datepicker .p-timepicker > div { - padding: 0 0.5rem; -} -.p-datepicker.p-datepicker-timeonly .p-timepicker { - border-top: 0 none; -} -.p-datepicker .p-monthpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-monthpicker .p-monthpicker-month { - padding: 0.5rem; - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 199, 132, 0.16); -} -.p-datepicker .p-yearpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-yearpicker .p-yearpicker-year { - padding: 0.5rem; - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 199, 132, 0.16); -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #383838; - padding-right: 0.5rem; - padding-left: 0.5rem; - padding-top: 0; - padding-bottom: 0; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { - padding-left: 0; - border-left: 0 none; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { - padding-right: 0; -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} - -@media screen and (max-width: 769px) { - .p-datepicker table th, .p-datepicker table td { - padding: 0; - } -} -.p-cascadeselect { - background: #121212; - border: 1px solid #383838; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-cascadeselect:not(.p-disabled):hover { - border-color: #81C784; -} -.p-cascadeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; - border-color: #81C784; -} -.p-cascadeselect .p-cascadeselect-label { - background: transparent; - border: 0 none; - padding: 0.5rem 0.5rem; -} -.p-cascadeselect .p-cascadeselect-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-cascadeselect .p-cascadeselect-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-cascadeselect .p-cascadeselect-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2.357rem; - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-cascadeselect-panel { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-cascadeselect-panel .p-cascadeselect-items { - padding: 0.5rem 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { - margin: 0; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.5rem 1rem; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #a7d8a9; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 199, 132, 0.16); -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { - font-size: 0.875rem; -} - -p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #ef9a9a; -} - -.p-input-filled .p-cascadeselect { - background: #383838; -} -.p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #383838; -} -.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #383838; -} - -.p-checkbox { - width: 20px; - height: 20px; -} -.p-checkbox .p-checkbox-box { - border: 2px solid #383838; - background: #121212; - width: 20px; - height: 20px; - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-checkbox .p-checkbox-box .p-checkbox-icon { - transition-duration: 0.2s; - color: #212529; - font-size: 14px; -} -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #81C784; - background: #81C784; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #81C784; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; - border-color: #81C784; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #54b358; - background: #54b358; - color: #212529; -} - -p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #ef9a9a; -} - -.p-input-filled .p-checkbox .p-checkbox-box { - background-color: #383838; -} -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #81C784; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #383838; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #54b358; -} - -.p-checkbox-label { - margin-left: 0.5rem; -} - -.p-chips .p-chips-multiple-container { - padding: 0.25rem 0.5rem; -} -.p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: #81C784; -} -.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; - border-color: #81C784; -} -.p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.25rem 0.5rem; - margin-right: 0.5rem; - background: rgba(129, 199, 132, 0.16); - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; -} -.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { - margin-left: 0.5rem; -} -.p-chips .p-chips-multiple-container .p-chips-input-token { - padding: 0.25rem 0; -} -.p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - padding: 0; - margin: 0; -} - -p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { - border-color: #ef9a9a; -} - -.p-colorpicker-preview, -.p-fluid .p-colorpicker-preview.p-inputtext { - width: 2rem; - height: 2rem; -} - -.p-colorpicker-panel { - background: #1e1e1e; - border: 1px solid #383838; -} -.p-colorpicker-panel .p-colorpicker-color-handle, -.p-colorpicker-panel .p-colorpicker-hue-handle { - border-color: rgba(255, 255, 255, 0.87); -} - -.p-colorpicker-overlay-panel { - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} - -.p-dropdown { - background: #121212; - border: 1px solid #383838; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-dropdown:not(.p-disabled):hover { - border-color: #81C784; -} -.p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; - border-color: #81C784; -} -.p-dropdown.p-dropdown-clearable .p-dropdown-label { - padding-right: 1.5rem; -} -.p-dropdown .p-dropdown-label { - background: transparent; - border: 0 none; -} -.p-dropdown .p-dropdown-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-dropdown .p-dropdown-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-dropdown .p-dropdown-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2.357rem; - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} -.p-dropdown .p-dropdown-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 2.357rem; -} - -.p-dropdown-panel { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-dropdown-panel .p-dropdown-header { - padding: 0.5rem 1rem; - border-bottom: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - margin: 0; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { - padding-right: 1.5rem; - margin-right: -1.5rem; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { - right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-dropdown-panel .p-dropdown-items:not(.p-dropdown-virtualscroll) { - padding: 0.5rem 0; -} -.p-dropdown-panel .p-dropdown-items.p-dropdown-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.5rem 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 199, 132, 0.16); -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.5rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - font-weight: 600; -} - -p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #ef9a9a; -} - -.p-input-filled .p-dropdown { - background: #383838; -} -.p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #383838; -} -.p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: #383838; -} - -.p-editor-container .p-editor-toolbar { - background: #1e1e1e; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #383838; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #1e1e1e; - border: 1px solid #383838; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; - padding: 0.5rem 0; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.5rem 1rem; -} -.p-editor-container .p-editor-content { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-editor-container .p-editor-content.ql-snow { - border: 1px solid #383838; -} -.p-editor-container .p-editor-content .ql-editor { - background: #121212; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #81C784; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #81C784; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #81C784; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #81C784; -} - -.p-inputgroup-addon { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.6); - border-top: 1px solid #383838; - border-left: 1px solid #383838; - border-bottom: 1px solid #383838; - padding: 0.5rem 0.5rem; - min-width: 2.357rem; -} -.p-inputgroup-addon:last-child { - border-right: 1px solid #383838; -} - -.p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, -.p-inputgroup > .p-float-label > .p-component { - border-radius: 0; - margin: 0; -} -.p-inputgroup > .p-component + .p-inputgroup-addon, -.p-inputgroup > .p-element + .p-inputgroup-addon, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, -.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { - border-left: 0 none; -} -.p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, -.p-inputgroup > .p-float-label > .p-component:focus { - z-index: 1; -} -.p-inputgroup > .p-component:focus ~ label, -.p-inputgroup > .p-element:focus ~ label, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, -.p-inputgroup > .p-float-label > .p-component:focus ~ label { - z-index: 1; -} - -.p-inputgroup-addon:first-child, -.p-inputgroup button:first-child, -.p-inputgroup input:first-child, -.p-inputgroup > .p-inputwrapper:first-child > .p-component, -.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-inputgroup .p-float-label:first-child input { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-inputgroup-addon:last-child, -.p-inputgroup button:last-child, -.p-inputgroup input:last-child, -.p-inputgroup > .p-inputwrapper:last-child > .p-component, -.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-inputgroup .p-float-label:last-child input { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-fluid .p-inputgroup .p-button { - width: auto; -} -.p-fluid .p-inputgroup .p-button.p-button-icon-only { - width: 2.357rem; -} - -p-inputmask.ng-dirty.ng-invalid > .p-inputtext { - border-color: #ef9a9a; -} - -p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { - border-color: #ef9a9a; -} - -.p-inputswitch { - width: 3rem; - height: 1.75rem; -} -.p-inputswitch .p-inputswitch-slider { - background: #383838; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 30px; -} -.p-inputswitch .p-inputswitch-slider:before { - background: rgba(255, 255, 255, 0.6); - width: 1.25rem; - height: 1.25rem; - left: 0.25rem; - margin-top: -0.625rem; - border-radius: 50%; - transition-duration: 0.2s; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - transform: translateX(1.25rem); -} -.p-inputswitch.p-focus .p-inputswitch-slider { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: rgba(255, 255, 255, 0.03); -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #81C784; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: rgba(255, 255, 255, 0.87); -} -.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #6abd6e; -} - -p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { - border-color: #ef9a9a; -} - -.p-inputtext { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - background: #121212; - padding: 0.5rem 0.5rem; - border: 1px solid #383838; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - appearance: none; - border-radius: 3px; -} -.p-inputtext:enabled:hover { - border-color: #81C784; -} -.p-inputtext:enabled:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; - border-color: #81C784; -} -.p-inputtext.ng-dirty.ng-invalid { - border-color: #ef9a9a; -} -.p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.4375rem; -} -.p-inputtext.p-inputtext-lg { - font-size: 1.25rem; - padding: 0.625rem 0.625rem; -} - -.p-float-label > label { - left: 0.5rem; - color: rgba(255, 255, 255, 0.6); - transition-duration: 0.2s; -} - -.p-float-label > .ng-invalid.ng-dirty + label { - color: #ef9a9a; -} - -.p-input-icon-left > i:first-of-type { - left: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} - -.p-input-icon-left > .p-inputtext { - padding-left: 2rem; -} - -.p-input-icon-left.p-float-label > label { - left: 2rem; -} - -.p-input-icon-right > i:last-of-type { - right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} - -.p-input-icon-right > .p-inputtext { - padding-right: 2rem; -} - -::-webkit-input-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -:-moz-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -::-moz-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -:-ms-input-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -.p-input-filled .p-inputtext { - background-color: #383838; -} -.p-input-filled .p-inputtext:enabled:hover { - background-color: #383838; -} -.p-input-filled .p-inputtext:enabled:focus { - background-color: #383838; -} - -.p-inputtext-sm .p-inputtext { - font-size: 0.875rem; - padding: 0.4375rem 0.4375rem; -} - -.p-inputtext-lg .p-inputtext { - font-size: 1.25rem; - padding: 0.625rem 0.625rem; -} - -.p-listbox { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; -} -.p-listbox .p-listbox-header { - padding: 0.5rem 1rem; - border-bottom: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - margin: 0; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-listbox .p-listbox-header .p-listbox-filter { - padding-right: 1.5rem; -} -.p-listbox .p-listbox-header .p-listbox-filter-icon { - right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-listbox .p-listbox-header .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list { - padding: 0.5rem 0; -} -.p-listbox .p-listbox-list .p-listbox-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 199, 132, 0.16); -} -.p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #a7d8a9; -} -.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list .p-listbox-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - font-weight: 600; -} -.p-listbox .p-listbox-list .p-listbox-empty-message { - padding: 0.5rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} - -p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #ef9a9a; -} - -.p-multiselect { - background: #121212; - border: 1px solid #383838; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-multiselect:not(.p-disabled):hover { - border-color: #81C784; -} -.p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; - border-color: #81C784; -} -.p-multiselect .p-multiselect-label { - padding: 0.5rem 0.5rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-multiselect .p-multiselect-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-multiselect.p-multiselect-chip .p-multiselect-token { - padding: 0.25rem 0.5rem; - margin-right: 0.5rem; - background: rgba(129, 199, 132, 0.16); - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; -} -.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { - margin-left: 0.5rem; -} -.p-multiselect .p-multiselect-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2.357rem; - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { - padding: 0.25rem 0.5rem; -} - -.p-multiselect-panel { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-multiselect-panel .p-multiselect-header { - padding: 0.5rem 1rem; - border-bottom: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - margin: 0; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { - padding-right: 1.5rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { - right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-multiselect-panel .p-multiselect-header .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close { - margin-left: 0.5rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.p-multiselect-panel .p-multiselect-items:not(.p-multiselect-virtualscroll) { - padding: 0.5rem 0; -} -.p-multiselect-panel .p-multiselect-items.p-multiselect-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.5rem 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 199, 132, 0.16); -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #a7d8a9; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - font-weight: 600; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { - padding: 0.5rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} - -p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #ef9a9a; -} - -.p-input-filled .p-multiselect { - background: #383838; -} -.p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #383838; -} -.p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #383838; -} - -p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #ef9a9a; -} - -.p-password-panel { - padding: 1rem; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; -} -.p-password-panel .p-password-meter { - margin-bottom: 0.5rem; - background: #383838; -} -.p-password-panel .p-password-meter .p-password-strength.weak { - background: #F48FB1; -} -.p-password-panel .p-password-meter .p-password-strength.medium { - background: #FFE082; -} -.p-password-panel .p-password-meter .p-password-strength.strong { - background: #C5E1A5; -} - -.p-radiobutton { - width: 20px; - height: 20px; -} -.p-radiobutton .p-radiobutton-box { - border: 2px solid #383838; - background: #121212; - width: 20px; - height: 20px; - color: rgba(255, 255, 255, 0.87); - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #81C784; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; - border-color: #81C784; -} -.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - width: 12px; - height: 12px; - transition-duration: 0.2s; - background-color: #212529; -} -.p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #81C784; - background: #81C784; -} -.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #54b358; - background: #54b358; - color: #212529; -} - -p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #ef9a9a; -} - -.p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #383838; -} -.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #383838; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #81C784; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #54b358; -} - -.p-radiobutton-label { - margin-left: 0.5rem; -} - -.p-rating .p-rating-icon { - color: rgba(255, 255, 255, 0.87); - margin-left: 0.5rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - font-size: 1.143rem; -} -.p-rating .p-rating-icon.p-rating-cancel { - color: #F48FB1; -} -.p-rating .p-rating-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.p-rating .p-rating-icon:first-child { - margin-left: 0; -} -.p-rating .p-rating-icon.pi-star-fill { - color: #81C784; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { - color: #81C784; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - color: #F48FB1; -} - -.p-selectbutton .p-button { - background: #1e1e1e; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-selectbutton .p-button .p-button-icon-left, -.p-selectbutton .p-button .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - border-color: #383838; - color: rgba(255, 255, 255, 0.87); -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-selectbutton .p-button.p-highlight { - background: #81C784; - border-color: #81C784; - color: #212529; -} -.p-selectbutton .p-button.p-highlight .p-button-icon-left, -.p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: #212529; -} -.p-selectbutton .p-button.p-highlight:hover { - background: #6abd6e; - border-color: #6abd6e; - color: #212529; -} -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: #212529; -} - -p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #ef9a9a; -} - -.p-slider { - background: #383838; - border: 0 none; - border-radius: 3px; -} -.p-slider.p-slider-horizontal { - height: 0.286rem; -} -.p-slider.p-slider-horizontal .p-slider-handle { - margin-top: -0.5715rem; - margin-left: -0.5715rem; -} -.p-slider.p-slider-vertical { - width: 0.286rem; -} -.p-slider.p-slider-vertical .p-slider-handle { - margin-left: -0.5715rem; - margin-bottom: -0.5715rem; -} -.p-slider .p-slider-handle { - height: 1.143rem; - width: 1.143rem; - background: #383838; - border: 2px solid #81C784; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-slider .p-slider-handle:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.p-slider .p-slider-range { - background: #81C784; -} -.p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #81C784; - border-color: #81C784; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { - transition: width 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { - transition: height 0.2s; -} - -.p-togglebutton.p-button { - background: #1e1e1e; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-togglebutton.p-button .p-button-icon-left, -.p-togglebutton.p-button .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - border-color: #383838; - color: rgba(255, 255, 255, 0.87); -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-togglebutton.p-button.p-highlight { - background: #81C784; - border-color: #81C784; - color: #212529; -} -.p-togglebutton.p-button.p-highlight .p-button-icon-left, -.p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: #212529; -} -.p-togglebutton.p-button.p-highlight:hover { - background: #6abd6e; - border-color: #6abd6e; - color: #212529; -} -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: #212529; -} - -p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #ef9a9a; -} - -.p-treeselect { - background: #121212; - border: 1px solid #383838; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-treeselect:not(.p-disabled):hover { - border-color: #81C784; -} -.p-treeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; - border-color: #81C784; -} -.p-treeselect .p-treeselect-label { - padding: 0.5rem 0.5rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-treeselect .p-treeselect-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-treeselect.p-treeselect-chip .p-treeselect-token { - padding: 0.25rem 0.5rem; - margin-right: 0.5rem; - background: #383838; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; -} -.p-treeselect .p-treeselect-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2.357rem; - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -p-treeselect.ng-invalid.ng-dirty > .p-treeselect { - border-color: #ef9a9a; -} - -.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { - padding: 0.25rem 0.5rem; -} - -.p-treeselect-panel { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { - border: 0 none; -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { - padding: 0.5rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} - -.p-input-filled .p-treeselect { - background: #383838; -} -.p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #383838; -} -.p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: #383838; -} - -.p-button { - color: #212529; - background: #81C784; - border: 1px solid #81C784; - padding: 0.5rem 1rem; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-button:enabled:hover { - background: #6abd6e; - color: #212529; - border-color: #6abd6e; -} -.p-button:enabled:active { - background: #54b358; - color: #212529; - border-color: #54b358; -} -.p-button.p-button-outlined { - background-color: transparent; - color: #81C784; - border: 1px solid; -} -.p-button.p-button-outlined:enabled:hover { - background: rgba(129, 199, 132, 0.04); - color: #81C784; - border: 1px solid; -} -.p-button.p-button-outlined:enabled:active { - background: rgba(129, 199, 132, 0.16); - color: #81C784; - border: 1px solid; -} -.p-button.p-button-outlined.p-button-plain { - color: rgba(255, 255, 255, 0.6); - border-color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-outlined.p-button-plain:enabled:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-outlined.p-button-plain:enabled:active { - background: rgba(255, 255, 255, 0.16); - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-text { - background-color: transparent; - color: #81C784; - border-color: transparent; -} -.p-button.p-button-text:enabled:hover { - background: rgba(129, 199, 132, 0.04); - color: #81C784; - border-color: transparent; -} -.p-button.p-button-text:enabled:active { - background: rgba(129, 199, 132, 0.16); - color: #81C784; - border-color: transparent; -} -.p-button.p-button-text.p-button-plain { - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-text.p-button-plain:enabled:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-text.p-button-plain:enabled:active { - background: rgba(255, 255, 255, 0.16); - color: rgba(255, 255, 255, 0.6); -} -.p-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.p-button .p-button-icon-left { - margin-right: 0.5rem; -} -.p-button .p-button-icon-right { - margin-left: 0.5rem; -} -.p-button .p-button-icon-bottom { - margin-top: 0.5rem; -} -.p-button .p-button-icon-top { - margin-bottom: 0.5rem; -} -.p-button .p-badge { - margin-left: 0.5rem; - min-width: 1rem; - height: 1rem; - line-height: 1rem; - color: #81C784; - background-color: #212529; -} -.p-button.p-button-raised { - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); -} -.p-button.p-button-rounded { - border-radius: 2rem; -} -.p-button.p-button-icon-only { - width: 2.357rem; - padding: 0.5rem 0; -} -.p-button.p-button-icon-only .p-button-icon-left, -.p-button.p-button-icon-only .p-button-icon-right { - margin: 0; -} -.p-button.p-button-icon-only.p-button-rounded { - border-radius: 50%; - height: 2.357rem; -} -.p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.875rem; -} -.p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; -} -.p-button.p-button-lg { - font-size: 1.25rem; - padding: 0.625rem 1.25rem; -} -.p-button.p-button-lg .p-button-icon { - font-size: 1.25rem; -} -.p-button.p-button-loading-label-only .p-button-label { - margin-left: 0.5rem; -} -.p-button.p-button-loading-label-only .p-button-loading-icon { - margin-right: 0; -} - -.p-fluid .p-button { - width: 100%; -} -.p-fluid .p-button-icon-only { - width: 2.357rem; -} -.p-fluid .p-buttonset { - display: flex; -} -.p-fluid .p-buttonset .p-button { - flex: 1; -} - -.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { - color: #ffffff; - background: #78909C; - border: 1px solid #78909C; -} -.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { - background: #69838f; - color: #ffffff; - border-color: #69838f; -} -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #a1b1ba; -} -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: #5d747f; - color: #ffffff; - border-color: #5d747f; -} -.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { - background-color: transparent; - color: #78909C; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { - background: rgba(120, 144, 156, 0.04); - color: #78909C; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { - background: rgba(120, 144, 156, 0.16); - color: #78909C; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { - background-color: transparent; - color: #78909C; - border-color: transparent; -} -.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { - background: rgba(120, 144, 156, 0.04); - border-color: transparent; - color: #78909C; -} -.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { - background: rgba(120, 144, 156, 0.16); - border-color: transparent; - color: #78909C; -} - -.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { - color: #121212; - background: #81D4FA; - border: 1px solid #81D4FA; -} -.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { - background: #5dc8f9; - color: #121212; - border-color: #5dc8f9; -} -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #a7e1fc; -} -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: #38bbf7; - color: #121212; - border-color: #38bbf7; -} -.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { - background-color: transparent; - color: #81D4FA; - border: 1px solid; -} -.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { - background: rgba(129, 212, 250, 0.04); - color: #81D4FA; - border: 1px solid; -} -.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { - background: rgba(129, 212, 250, 0.16); - color: #81D4FA; - border: 1px solid; -} -.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { - background-color: transparent; - color: #81D4FA; - border-color: transparent; -} -.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { - background: rgba(129, 212, 250, 0.04); - border-color: transparent; - color: #81D4FA; -} -.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { - background: rgba(129, 212, 250, 0.16); - border-color: transparent; - color: #81D4FA; -} - -.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { - color: #121212; - background: #C5E1A5; - border: 1px solid #C5E1A5; -} -.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { - background: #b2d788; - color: #121212; - border-color: #b2d788; -} -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #d6eac0; -} -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: #9fce6b; - color: #121212; - border-color: #9fce6b; -} -.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { - background-color: transparent; - color: #C5E1A5; - border: 1px solid; -} -.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { - background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; - border: 1px solid; -} -.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { - background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; - border: 1px solid; -} -.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { - background-color: transparent; - color: #C5E1A5; - border-color: transparent; -} -.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { - background: rgba(197, 225, 165, 0.04); - border-color: transparent; - color: #C5E1A5; -} -.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { - background: rgba(197, 225, 165, 0.16); - border-color: transparent; - color: #C5E1A5; -} - -.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { - color: #121212; - background: #FFE082; - border: 1px solid #FFE082; -} -.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { - background: #ffd65c; - color: #121212; - border-color: #ffd65c; -} -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #ffe9a8; -} -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: #ffcd35; - color: #121212; - border-color: #ffcd35; -} -.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { - background-color: transparent; - color: #FFE082; - border: 1px solid; -} -.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { - background: rgba(255, 224, 130, 0.04); - color: #FFE082; - border: 1px solid; -} -.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { - background: rgba(255, 224, 130, 0.16); - color: #FFE082; - border: 1px solid; -} -.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { - background-color: transparent; - color: #FFE082; - border-color: transparent; -} -.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { - background: rgba(255, 224, 130, 0.04); - border-color: transparent; - color: #FFE082; -} -.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { - background: rgba(255, 224, 130, 0.16); - border-color: transparent; - color: #FFE082; -} - -.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { - color: #121212; - background: #CE93D8; - border: 1px solid #CE93D8; -} -.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { - background: #c278ce; - color: #121212; - border-color: #c278ce; -} -.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #ddb3e4; -} -.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: #b65ec5; - color: #121212; - border-color: #b65ec5; -} -.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { - background-color: transparent; - color: #CE93D8; - border: 1px solid; -} -.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { - background: rgba(206, 147, 216, 0.04); - color: #CE93D8; - border: 1px solid; -} -.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { - background: rgba(206, 147, 216, 0.16); - color: #CE93D8; - border: 1px solid; -} -.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { - background-color: transparent; - color: #CE93D8; - border-color: transparent; -} -.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { - background: rgba(206, 147, 216, 0.04); - border-color: transparent; - color: #CE93D8; -} -.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { - background: rgba(206, 147, 216, 0.16); - border-color: transparent; - color: #CE93D8; -} - -.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { - color: #121212; - background: #F48FB1; - border: 1px solid #F48FB1; -} -.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { - background: #f16c98; - color: #121212; - border-color: #f16c98; -} -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #f7b1c8; -} -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: #ed4980; - color: #121212; - border-color: #ed4980; -} -.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { - background-color: transparent; - color: #F48FB1; - border: 1px solid; -} -.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { - background: rgba(244, 143, 177, 0.04); - color: #F48FB1; - border: 1px solid; -} -.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { - background: rgba(244, 143, 177, 0.16); - color: #F48FB1; - border: 1px solid; -} -.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { - background-color: transparent; - color: #F48FB1; - border-color: transparent; -} -.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { - background: rgba(244, 143, 177, 0.04); - border-color: transparent; - color: #F48FB1; -} -.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { - background: rgba(244, 143, 177, 0.16); - border-color: transparent; - color: #F48FB1; -} - -.p-button.p-button-link { - color: #81C784; - background: transparent; - border: transparent; -} -.p-button.p-button-link:enabled:hover { - background: transparent; - color: #81C784; - border-color: transparent; -} -.p-button.p-button-link:enabled:hover .p-button-label { - text-decoration: underline; -} -.p-button.p-button-link:enabled:focus { - background: transparent; - box-shadow: 0 0 0 1px #a7d8a9; - border-color: transparent; -} -.p-button.p-button-link:enabled:active { - background: transparent; - color: #81C784; - border-color: transparent; -} - -.p-speeddial-button.p-button.p-button-icon-only { - width: 4rem; - height: 4rem; -} -.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { - font-size: 1.3rem; -} - -.p-speeddial-action { - width: 3rem; - height: 3rem; - background: rgba(255, 255, 255, 0.87); - color: #121212; -} -.p-speeddial-action:hover { - background: rgba(255, 255, 255, 0.6); - color: #121212; -} - -.p-speeddial-direction-up .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-up .p-speeddial-item:first-child { - margin-bottom: 0.5rem; -} - -.p-speeddial-direction-down .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-down .p-speeddial-item:first-child { - margin-top: 0.5rem; -} - -.p-speeddial-direction-left .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-left .p-speeddial-item:first-child { - margin-right: 0.5rem; -} - -.p-speeddial-direction-right .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-right .p-speeddial-item:first-child { - margin-left: 0.5rem; -} - -.p-speeddial-circle .p-speeddial-item, -.p-speeddial-semi-circle .p-speeddial-item, -.p-speeddial-quarter-circle .p-speeddial-item { - margin: 0; -} -.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, -.p-speeddial-semi-circle .p-speeddial-item:first-child, -.p-speeddial-semi-circle .p-speeddial-item:last-child, -.p-speeddial-quarter-circle .p-speeddial-item:first-child, -.p-speeddial-quarter-circle .p-speeddial-item:last-child { - margin: 0; -} - -.p-speeddial-mask { - background-color: rgba(0, 0, 0, 0.4); -} - -.p-carousel .p-carousel-content .p-carousel-prev, -.p-carousel .p-carousel-content .p-carousel-next { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin: 0.5rem; -} -.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, -.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.p-carousel .p-carousel-indicators { - padding: 1rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator { - margin-right: 0.5rem; - margin-bottom: 0.5rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: #383838; - width: 2rem; - height: 0.5rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 0; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { - background: #4c4c4c; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: rgba(129, 199, 132, 0.16); - color: rgba(255, 255, 255, 0.87); -} - -.p-datatable .p-paginator-top { - border-width: 1px 0 1px 0; - border-radius: 0; -} -.p-datatable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-datatable .p-datatable-header { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #383838; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-datatable .p-datatable-footer { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-datatable .p-datatable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #383838; - border-width: 0 0 1px 0; - font-weight: 600; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - transition: box-shadow 0.2s; -} -.p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #383838; - border-width: 0 0 1px 0; - font-weight: 600; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; -} -.p-datatable .p-sortable-column .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 199, 132, 0.16); - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column.p-highlight { - background: #1e1e1e; - color: #81C784; -} -.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #81C784; -} -.p-datatable .p-sortable-column.p-highlight:hover { - background: rgba(255, 255, 255, 0.03); - color: #81C784; -} -.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { - color: #81C784; -} -.p-datatable .p-sortable-column:focus { - box-shadow: inset 0 0 0 1px #a7d8a9; - outline: 0 none; -} -.p-datatable .p-datatable-tbody > tr { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - outline-color: #a7d8a9; -} -.p-datatable .p-datatable-tbody > tr > td { - text-align: left; - border: 1px solid #383838; - border-width: 0 0 1px 0; - padding: 1rem 1rem; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { - margin-right: 0.5rem; -} -.p-datatable .p-datatable-tbody > tr.p-highlight { - background: rgba(129, 199, 132, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 rgba(129, 199, 132, 0.16); -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 rgba(129, 199, 132, 0.16); -} -.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-column-resizer-helper { - background: #81C784; -} -.p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #1e1e1e; -} -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot { - background-color: #1e1e1e; -} -.p-datatable .p-datatable-loading-icon { - font-size: 2rem; -} -.p-datatable.p-datatable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-footer { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-top { - border-width: 0 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-bottom { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { - background: rgba(255, 255, 255, 0.01); -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: rgba(129, 199, 132, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: rgba(255, 255, 255, 0.87); -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: rgba(255, 255, 255, 0.87); -} -.p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-lg .p-datatable-header { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-footer { - padding: 1.25rem 1.25rem; -} - -.p-dataview .p-paginator-top { - border-width: 1px 0 1px 0; - border-radius: 0; -} -.p-dataview .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-dataview .p-dataview-header { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #383838; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-dataview .p-dataview-content { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; -} -.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid #383838; - border-width: 0 0 1px 0; -} -.p-dataview .p-dataview-footer { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; -} -.p-dataview .p-dataview-loading-icon { - font-size: 2rem; -} -.p-dataview .p-dataview-emptymessage { - padding: 1rem; -} - -.p-column-filter-row .p-column-filter-menu-button, -.p-column-filter-row .p-column-filter-clear-button { - margin-left: 0.5rem; -} - -.p-column-filter-menu-button { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-menu-button:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: rgba(129, 199, 132, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-column-filter-menu-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} - -.p-column-filter-clear-button { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-clear-button:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-column-filter-clear-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} - -.p-column-filter-overlay { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - min-width: 12.5rem; -} -.p-column-filter-overlay .p-column-filter-row-items { - padding: 0.5rem 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 199, 132, 0.16); -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #a7d8a9; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #383838; - margin: 0.25rem 0; -} - -.p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.5rem 1rem; - border-bottom: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - margin: 0; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-column-filter-overlay-menu .p-column-filter-constraint { - padding: 1rem; - border-bottom: 1px solid #383838; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { - margin-bottom: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { - margin-top: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { - border-bottom: 0 none; -} -.p-column-filter-overlay-menu .p-column-filter-add-rule { - padding: 0.5rem 1rem; -} -.p-column-filter-overlay-menu .p-column-filter-buttonbar { - padding: 1rem; -} - -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #1e1e1e; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #1e1e1e; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #383838; -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #383838; -} -.fc.fc-unthemed .fc-view-container .fc-event { - background: #6abd6e; - border: 1px solid #6abd6e; - color: #212529; -} -.fc.fc-unthemed .fc-view-container .fc-divider { - background: #1e1e1e; - border: 1px solid #383838; -} -.fc.fc-unthemed .fc-toolbar .fc-button { - color: #212529; - background: #81C784; - border: 1px solid #81C784; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - display: flex; - align-items: center; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #6abd6e; - color: #212529; - border-color: #6abd6e; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #54b358; - color: #212529; - border-color: #54b358; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #1e1e1e; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #383838; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #81C784; - border-color: #81C784; - color: #212529; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #6abd6e; - border-color: #6abd6e; - color: #212529; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; - z-index: 1; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} -.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #383838; -} -.fc.fc-theme-standard .fc-view-harness th { - background: #1e1e1e; - border-color: #383838; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness td { - color: rgba(255, 255, 255, 0.87); - border-color: #383838; -} -.fc.fc-theme-standard .fc-view-harness .fc-view { - background: #1e1e1e; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #383838; - padding: 1rem; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1rem; - border: 1px solid #383838; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #212529; - background: #6abd6e; - border-color: #6abd6e; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #212529; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #6abd6e; - border-color: #6abd6e; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #1e1e1e; -} -.fc.fc-theme-standard .fc-toolbar .fc-button { - color: #212529; - background: #81C784; - border: 1px solid #81C784; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #6abd6e; - color: #212529; - border-color: #6abd6e; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #54b358; - color: #212529; - border-color: #54b358; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.4; - color: #212529; - background: #81C784; - border: 1px solid #81C784; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #1e1e1e; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #383838; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #81C784; - border-color: #81C784; - color: #212529; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #6abd6e; - border-color: #6abd6e; - color: #212529; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; - z-index: 1; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} -.fc.fc-theme-standard a { - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 199, 132, 0.16); -} - -.p-orderlist .p-orderlist-controls { - padding: 1rem; -} -.p-orderlist .p-orderlist-controls .p-button { - margin-bottom: 0.5rem; -} -.p-orderlist .p-orderlist-header { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-orderlist .p-orderlist-header .p-orderlist-title { - font-weight: 600; -} -.p-orderlist .p-orderlist-filter-container { - padding: 1rem; - background: #1e1e1e; - border: 1px solid #383838; - border-bottom: 0 none; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { - padding-right: 1.5rem; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { - right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-orderlist .p-orderlist-list { - border: 1px solid #383838; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - padding: 0.5rem 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-orderlist .p-orderlist-list .p-orderlist-item { - padding: 0.5rem 1rem; - margin: 0; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; -} -.p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #a7d8a9; -} -.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 199, 132, 0.16); -} -.p-orderlist .p-orderlist-list .p-orderlist-empty-message { - padding: 0.5rem 1rem; - color: rgba(255, 255, 255, 0.87); -} -.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} - -.p-orderlist-item.cdk-drag-preview { - padding: 0.5rem 1rem; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - margin: 0; -} - -.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-organizationchart .p-organizationchart-node-content.p-highlight { - background: rgba(129, 199, 132, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: rgba(62, 139, 65, 0.16); -} -.p-organizationchart .p-organizationchart-line-down { - background: #383838; -} -.p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #383838; - border-color: #383838; -} -.p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #383838; - border-color: #383838; -} -.p-organizationchart .p-organizationchart-node-content { - border: 1px solid #383838; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - padding: 1rem; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler { - background: inherit; - color: inherit; - border-radius: 50%; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} - -.p-paginator { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.6); - border: solid #383838; - border-width: 1px; - padding: 0.5rem 1rem; - border-radius: 3px; -} -.p-paginator .p-paginator-first, -.p-paginator .p-paginator-prev, -.p-paginator .p-paginator-next, -.p-paginator .p-paginator-last { - background-color: transparent; - border: 0 none; - color: rgba(255, 255, 255, 0.6); - min-width: 2.286em; - height: 2.286em; - margin: 0.143rem; - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - border-color: transparent; - color: rgba(255, 255, 255, 0.87); -} -.p-paginator .p-paginator-first { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-paginator .p-paginator-last { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} -.p-paginator .p-dropdown { - margin-left: 0.5rem; - margin-right: 0.5rem; - height: 2.286em; -} -.p-paginator .p-dropdown .p-dropdown-label { - padding-right: 0; -} -.p-paginator .p-paginator-page-input { - margin-left: 0.5rem; - margin-right: 0.5rem; -} -.p-paginator .p-paginator-page-input .p-inputtext { - max-width: 2.286em; -} -.p-paginator .p-paginator-current { - background-color: transparent; - border: 0 none; - color: rgba(255, 255, 255, 0.6); - min-width: 2.286em; - height: 2.286em; - margin: 0.143rem; - padding: 0 0.5rem; -} -.p-paginator .p-paginator-pages .p-paginator-page { - background-color: transparent; - border: 0 none; - color: rgba(255, 255, 255, 0.6); - min-width: 2.286em; - height: 2.286em; - margin: 0.143rem; - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: rgba(129, 199, 132, 0.16); - border-color: rgba(129, 199, 132, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - border-color: transparent; - color: rgba(255, 255, 255, 0.87); -} - -.p-picklist .p-picklist-buttons { - padding: 1rem; -} -.p-picklist .p-picklist-buttons .p-button { - margin-bottom: 0.5rem; -} -.p-picklist .p-picklist-header { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-picklist .p-picklist-header .p-picklist-title { - font-weight: 600; -} -.p-picklist .p-picklist-filter-container { - padding: 1rem; - background: #1e1e1e; - border: 1px solid #383838; - border-bottom: 0 none; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-input { - padding-right: 1.5rem; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { - right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-picklist .p-picklist-list { - border: 1px solid #383838; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - padding: 0.5rem 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-picklist .p-picklist-list .p-picklist-item { - padding: 0.5rem 1rem; - margin: 0; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; -} -.p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #a7d8a9; -} -.p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 199, 132, 0.16); -} -.p-picklist .p-picklist-list .p-picklist-empty-message { - padding: 0.5rem 1rem; - color: rgba(255, 255, 255, 0.87); -} -.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} - -.p-picklist-item.cdk-drag-preview { - padding: 0.5rem 1rem; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - margin: 0; -} - -.p-timeline .p-timeline-event-marker { - border: 2px solid #81C784; - border-radius: 50%; - width: 1rem; - height: 1rem; - background-color: #1e1e1e; -} -.p-timeline .p-timeline-event-connector { - background-color: #383838; -} -.p-timeline.p-timeline-vertical .p-timeline-event-opposite, -.p-timeline.p-timeline-vertical .p-timeline-event-content { - padding: 0 1rem; -} -.p-timeline.p-timeline-vertical .p-timeline-event-connector { - width: 2px; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, -.p-timeline.p-timeline-horizontal .p-timeline-event-content { - padding: 1rem 0; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-connector { - height: 2px; -} - -.p-tree { - border: 1px solid #383838; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - padding: 1rem; - border-radius: 3px; -} -.p-tree .p-tree-container .p-treenode { - padding: 0.143rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content { - border-radius: 3px; - transition: box-shadow 0.2s; - padding: 0; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { - margin-right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: rgba(129, 199, 132, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-filter-container { - margin-bottom: 0.5rem; -} -.p-tree .p-tree-filter-container .p-tree-filter { - width: 100%; - padding-right: 1.5rem; -} -.p-tree .p-tree-filter-container .p-tree-filter-icon { - right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-tree .p-treenode-children { - padding: 0 0 0 1rem; -} -.p-tree .p-tree-loading-icon { - font-size: 2rem; -} -.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: rgba(84, 179, 88, 0.16); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { - border-radius: 3px; - border: 1px solid #383838; - background-color: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - padding: 0; - transition: box-shadow 0.2s; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { - background-color: rgba(129, 199, 132, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { - background-color: inherit; - color: inherit; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} - -.p-treetable .p-paginator-top { - border-width: 1px 0 1px 0; - border-radius: 0; -} -.p-treetable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-treetable .p-treetable-header { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #383838; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-treetable .p-treetable-footer { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-treetable .p-treetable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #383838; - border-width: 0 0 1px 0; - font-weight: 600; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - transition: box-shadow 0.2s; -} -.p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #383838; - border-width: 0 0 1px 0; - font-weight: 600; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; -} -.p-treetable .p-sortable-column { - outline-color: #a7d8a9; -} -.p-treetable .p-sortable-column .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 199, 132, 0.16); - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-sortable-column.p-highlight { - background: #1e1e1e; - color: #81C784; -} -.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #81C784; -} -.p-treetable .p-treetable-tbody > tr { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - outline-color: #a7d8a9; -} -.p-treetable .p-treetable-tbody > tr > td { - text-align: left; - border: 1px solid #383838; - border-width: 0 0 1px 0; - padding: 1rem 1rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-treetable-tbody > tr.p-highlight { - background: rgba(129, 199, 132, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-column-resizer-helper { - background: #81C784; -} -.p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #1e1e1e; -} -.p-treetable .p-treetable-loading-icon { - font-size: 2rem; -} -.p-treetable.p-treetable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-footer { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-top { - border-width: 0 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-bottom { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-sm .p-treetable-header { - padding: 0.875rem 0.875rem; -} -.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-footer { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-lg .p-treetable-header { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-footer { - padding: 1.25rem 1.25rem; -} - -.p-virtualscroller .p-virtualscroller-header { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #383838; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-virtualscroller .p-virtualscroller-content { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; -} -.p-virtualscroller .p-virtualscroller-footer { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-accordion .p-accordion-header .p-accordion-header-link { - padding: 1rem; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - font-weight: 600; - border-radius: 3px; - transition: box-shadow 0.2s; -} -.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { - margin-right: 0.5rem; -} -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { - background: rgba(255, 255, 255, 0.03); - border-color: #383838; - color: rgba(255, 255, 255, 0.87); -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #1e1e1e; - border-color: #383838; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-color: #383838; - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-accordion .p-accordion-content { - padding: 1rem; - border: 1px solid #383838; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-accordion p-accordiontab .p-accordion-tab { - margin-bottom: 0; -} -.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { - border-radius: 0; -} -.p-accordion p-accordiontab .p-accordion-content { - border-radius: 0; -} -.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { - border-top: 0 none; -} -.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-top: 0 none; -} -.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-accordion p-accordiontab:last-child .p-accordion-content { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-card { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; -} -.p-card .p-card-body { - padding: 1rem; -} -.p-card .p-card-title { - font-size: 1.5rem; - font-weight: 700; - margin-bottom: 0.5rem; -} -.p-card .p-card-subtitle { - font-weight: 700; - margin-bottom: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-card .p-card-content { - padding: 1rem 0; -} -.p-card .p-card-footer { - padding: 1rem 0 0 0; -} - -.p-divider .p-divider-content { - background-color: #1e1e1e; -} -.p-divider.p-divider-horizontal { - margin: 1rem 0; - padding: 0 1rem; -} -.p-divider.p-divider-horizontal:before { - border-top: 1px #383838; -} -.p-divider.p-divider-horizontal .p-divider-content { - padding: 0 0.5rem; -} -.p-divider.p-divider-vertical { - margin: 0 1rem; - padding: 1rem 0; -} -.p-divider.p-divider-vertical:before { - border-left: 1px #383838; -} -.p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; -} - -.p-fieldset { - border: 1px solid #383838; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; -} -.p-fieldset .p-fieldset-legend { - padding: 1rem; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - font-weight: 600; - border-radius: 3px; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { - padding: 0; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { - padding: 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; - transition: box-shadow 0.2s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { - margin-right: 0.5rem; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #383838; - color: rgba(255, 255, 255, 0.87); -} -.p-fieldset .p-fieldset-content { - padding: 1rem; -} - -.p-panel .p-panel-header { - border: 1px solid #383838; - padding: 1rem; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-panel .p-panel-header .p-panel-title { - font-weight: 600; -} -.p-panel .p-panel-header .p-panel-header-icon { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-panel .p-panel-header .p-panel-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.p-panel.p-panel-toggleable .p-panel-header { - padding: 0.5rem 1rem; -} -.p-panel .p-panel-content { - padding: 1rem; - border: 1px solid #383838; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - border-top: 0 none; -} -.p-panel .p-panel-footer { - padding: 0.5rem 1rem; - border: 1px solid #383838; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; -} - -.p-scrollpanel .p-scrollpanel-bar { - background: #383838; - border: 0 none; -} - -.p-splitter { - border: 1px solid #383838; - background: #1e1e1e; - border-radius: 3px; - color: rgba(255, 255, 255, 0.87); -} -.p-splitter .p-splitter-gutter { - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - background: rgba(255, 255, 255, 0.03); -} -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: #383838; -} -.p-splitter .p-splitter-gutter-resizing { - background: #383838; -} - -.p-tabview .p-tabview-nav { - background: transparent; - border: 1px solid #383838; - border-width: 0 0 2px 0; -} -.p-tabview .p-tabview-nav li { - margin-right: 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #383838; - border-width: 0 0 2px 0; - border-color: transparent transparent #383838 transparent; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.6); - padding: 1rem; - font-weight: 600; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #a7d8a9; -} -.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #1e1e1e; - border-color: #81C784; - color: rgba(255, 255, 255, 0.87); -} -.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #1e1e1e; - border-color: #81C784; - color: #81C784; -} -.p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; -} -.p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-close { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-nav-btn.p-link { - background: #1e1e1e; - color: #81C784; - width: 2.357rem; - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); - border-radius: 0; -} -.p-tabview .p-tabview-nav-btn.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #a7d8a9; -} -.p-tabview .p-tabview-panels { - background: #1e1e1e; - padding: 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-toolbar { - background: #1e1e1e; - border: 1px solid #383838; - padding: 1rem; - border-radius: 3px; -} -.p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; -} - -.p-confirm-popup { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-confirm-popup .p-confirm-popup-content { - padding: 1rem; -} -.p-confirm-popup .p-confirm-popup-footer { - text-align: right; - padding: 0.5rem 1rem; -} -.p-confirm-popup .p-confirm-popup-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-confirm-popup .p-confirm-popup-footer button:last-child { - margin: 0; -} -.p-confirm-popup:after { - border: solid transparent; - border-color: rgba(30, 30, 30, 0); - border-bottom-color: #1e1e1e; -} -.p-confirm-popup:before { - border: solid transparent; - border-color: rgba(56, 56, 56, 0); - border-bottom-color: #383838; -} -.p-confirm-popup.p-confirm-popup-flipped:after { - border-top-color: #1e1e1e; -} -.p-confirm-popup.p-confirm-popup-flipped:before { - border-top-color: #383838; -} -.p-confirm-popup .p-confirm-popup-icon { - font-size: 1.5rem; -} -.p-confirm-popup .p-confirm-popup-message { - margin-left: 1rem; -} - -.p-dialog { - border-radius: 3px; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); - border: 1px solid #383838; -} -.p-dialog .p-dialog-header { - border-bottom: 0 none; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - padding: 1.5rem; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-dialog .p-dialog-header .p-dialog-title { - font-weight: 600; - font-size: 1.25rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { - margin-right: 0; -} -.p-dialog .p-dialog-content { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - padding: 0 1.5rem 2rem 1.5rem; -} -.p-dialog .p-dialog-footer { - border-top: 0 none; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - padding: 0 1.5rem 1.5rem 1.5rem; - text-align: right; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-dialog .p-dialog-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { - font-size: 2rem; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; -} - -.p-overlaypanel { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-overlaypanel .p-overlaypanel-content { - padding: 1rem; -} -.p-overlaypanel .p-overlaypanel-close { - background: #81C784; - color: #212529; - width: 2rem; - height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; - position: absolute; - top: -1rem; - right: -1rem; -} -.p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #6abd6e; - color: #212529; -} -.p-overlaypanel:after { - border: solid transparent; - border-color: rgba(30, 30, 30, 0); - border-bottom-color: #1e1e1e; -} -.p-overlaypanel:before { - border: solid transparent; - border-color: rgba(56, 56, 56, 0); - border-bottom-color: #383838; -} -.p-overlaypanel.p-overlaypanel-flipped:after { - border-top-color: #1e1e1e; -} -.p-overlaypanel.p-overlaypanel-flipped:before { - border-top-color: #383838; -} - -.p-sidebar { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-sidebar .p-sidebar-header { - padding: 1rem; -} -.p-sidebar .p-sidebar-header .p-sidebar-close, -.p-sidebar .p-sidebar-header .p-sidebar-icon { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, -.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.p-sidebar .p-sidebar-header + .p-sidebar-content { - padding-top: 0; -} -.p-sidebar .p-sidebar-content { - padding: 1rem; -} - -.p-tooltip .p-tooltip-text { - background: #383838; - color: rgba(255, 255, 255, 0.87); - padding: 0.5rem 0.5rem; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; -} -.p-tooltip.p-tooltip-right .p-tooltip-arrow { - border-right-color: #383838; -} -.p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #383838; -} -.p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #383838; -} -.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #383838; -} - -.p-fileupload .p-fileupload-buttonbar { - background: #1e1e1e; - padding: 1rem; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; -} -.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.p-fileupload .p-fileupload-content { - background: #1e1e1e; - padding: 2rem 1rem; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-fileupload .p-progressbar { - height: 0.25rem; -} -.p-fileupload .p-fileupload-row > div { - padding: 1rem 1rem; -} -.p-fileupload.p-fileupload-advanced .p-message { - margin-top: 0; -} - -.p-fileupload-choose:not(.p-disabled):hover { - background: #6abd6e; - color: #212529; - border-color: #6abd6e; -} -.p-fileupload-choose:not(.p-disabled):active { - background: #54b358; - color: #212529; - border-color: #54b358; -} - -.p-breadcrumb { - background: #1e1e1e; - border: 1px solid #383838; - border-radius: 3px; - padding: 1rem; -} -.p-breadcrumb ul li .p-menuitem-link { - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-breadcrumb ul li .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-breadcrumb ul li.p-breadcrumb-chevron { - margin: 0 0.5rem 0 0.5rem; - color: rgba(255, 255, 255, 0.87); -} -.p-breadcrumb ul li:last-child .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-breadcrumb ul li:last-child .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} - -.p-contextmenu { - padding: 0.25rem 0; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; - width: 12.5rem; -} -.p-contextmenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-contextmenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-contextmenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #a7d8a9; -} -.p-contextmenu .p-submenu-list { - padding: 0.25rem 0; - background: #1e1e1e; - border: 1px solid #383838; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; -} -.p-contextmenu .p-menuitem { - margin: 0; -} -.p-contextmenu .p-menuitem:last-child { - margin: 0; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(255, 255, 255, 0.03); -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menu-separator { - border-top: 1px solid #383838; - margin: 0.25rem 0; -} -.p-contextmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-dock .p-dock-list { - background: rgba(255, 255, 255, 0.1); - border: 1px solid rgba(255, 255, 255, 0.2); - padding: 0.5rem 0.5rem; - border-radius: 0.5rem; -} -.p-dock .p-dock-item { - padding: 0.5rem; -} -.p-dock .p-dock-action { - width: 4rem; - height: 4rem; -} -.p-dock.p-dock-top .p-dock-item-second-prev, -.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, -.p-dock.p-dock-bottom .p-dock-item-second-next { - margin: 0 0.9rem; -} -.p-dock.p-dock-top .p-dock-item-prev, -.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, -.p-dock.p-dock-bottom .p-dock-item-next { - margin: 0 1.3rem; -} -.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { - margin: 0 1.5rem; -} -.p-dock.p-dock-left .p-dock-item-second-prev, -.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, -.p-dock.p-dock-right .p-dock-item-second-next { - margin: 0.9rem 0; -} -.p-dock.p-dock-left .p-dock-item-prev, -.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, -.p-dock.p-dock-right .p-dock-item-next { - margin: 1.3rem 0; -} -.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { - margin: 1.5rem 0; -} - -@media screen and (max-width: 960px) { - .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { - margin: auto 0; - } - .p-dock .p-dock-list .p-dock-item { - transform: none; - margin: 0; - } -} -.p-megamenu { - padding: 0.5rem; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; - transition: box-shadow 0.2s; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #a7d8a9; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-megamenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #a7d8a9; -} -.p-megamenu .p-megamenu-panel { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-megamenu .p-megamenu-submenu-header { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - font-weight: 600; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-megamenu .p-megamenu-submenu { - padding: 0.25rem 0; - width: 12.5rem; -} -.p-megamenu .p-megamenu-submenu .p-menu-separator { - border-top: 1px solid #383838; - margin: 0.25rem 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem { - margin: 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { - margin: 0; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(255, 255, 255, 0.03); -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.25rem 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem { - margin: 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { - margin: 0; -} - -.p-menu { - padding: 0.25rem 0; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; - width: 12.5rem; -} -.p-menu .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-menu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #a7d8a9; -} -.p-menu.p-menu-overlay { - background: #1e1e1e; - border: 1px solid #383838; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-menu .p-submenu-header { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - font-weight: 600; - border-top-right-radius: 0; - border-top-left-radius: 0; -} -.p-menu .p-menu-separator { - border-top: 1px solid #383838; - margin: 0.25rem 0; -} -.p-menu .p-menuitem { - margin: 0; -} -.p-menu .p-menuitem:last-child { - margin: 0; -} - -.p-menubar { - padding: 0.5rem; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; -} -.p-menubar .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menubar .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-menubar .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #a7d8a9; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #a7d8a9; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-submenu-list { - padding: 0.25rem 0; - background: #1e1e1e; - border: 1px solid #383838; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - width: 12.5rem; -} -.p-menubar .p-submenu-list .p-menu-separator { - border-top: 1px solid #383838; - margin: 0.25rem 0; -} -.p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; -} -.p-menubar .p-submenu-list .p-menuitem { - margin: 0; -} -.p-menubar .p-submenu-list .p-menuitem:last-child { - margin: 0; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(255, 255, 255, 0.03); -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} - -@media screen and (max-width: 960px) { - .p-menubar { - position: relative; - } - .p-menubar .p-menubar-button { - display: flex; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-menubar .p-menubar-button:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menubar .p-menubar-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; - } - .p-menubar .p-menubar-root-list { - position: absolute; - display: none; - padding: 0.25rem 0; - background: #1e1e1e; - border: 1px solid #383838; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - width: 100%; - } - .p-menubar .p-menubar-root-list .p-menu-separator { - border-top: 1px solid #383838; - margin: 0.25rem 0; - } - .p-menubar .p-menubar-root-list .p-submenu-icon { - font-size: 0.875rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #a7d8a9; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - transition: transform 0.2s; - } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-180deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list { - width: 100%; - position: static; - box-shadow: none; - border: 0 none; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { - transition: transform 0.2s; - transform: rotate(90deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-90deg); - } - .p-menubar .p-menubar-root-list .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list ul li a { - padding-left: 2.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li a { - padding-left: 3.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li a { - padding-left: 5.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { - padding-left: 6.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { - padding-left: 8.25rem; - } - .p-menubar.p-menubar-mobile-active .p-menubar-root-list { - display: flex; - flex-direction: column; - top: 100%; - left: 0; - z-index: 1; - } -} -.p-panelmenu .p-panelmenu-header > a { - padding: 1rem; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - font-weight: 600; - border-radius: 3px; - transition: box-shadow 0.2s; -} -.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #383838; - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight > a { - background: #1e1e1e; - border-color: #383838; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { - border-color: #383838; - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content { - padding: 0.25rem 0; - border: 1px solid #383838; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - margin-bottom: 0; - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #a7d8a9; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { - padding: 0 0 0 1rem; -} -.p-panelmenu .p-panelmenu-panel { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { - border-radius: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-content { - border-radius: 0; -} -.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { - border-top: 0 none; -} -.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { - border-top: 0 none; -} -.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-slidemenu { - padding: 0.25rem 0; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; - width: 12.5rem; -} -.p-slidemenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-slidemenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-slidemenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #a7d8a9; -} -.p-slidemenu.p-slidemenu-overlay { - background: #1e1e1e; - border: 1px solid #383838; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-slidemenu .p-slidemenu-list { - padding: 0.25rem 0; - background: #1e1e1e; - border: 1px solid #383838; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { - background: rgba(255, 255, 255, 0.03); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-slidemenu-separator { - border-top: 1px solid #383838; - margin: 0.25rem 0; -} -.p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; -} -.p-slidemenu .p-slidemenu-backward { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); -} - -.p-steps .p-steps-item .p-menuitem-link { - background: transparent; - transition: box-shadow 0.2s; - border-radius: 3px; - background: transparent; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-number { - color: rgba(255, 255, 255, 0.87); - border: 0 none; - background: transparent; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - z-index: 1; - border-radius: 50%; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-title { - margin-top: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.p-steps .p-steps-item.p-highlight .p-steps-number { - background: rgba(129, 199, 132, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-steps .p-steps-item.p-highlight .p-steps-title { - font-weight: 600; - color: rgba(255, 255, 255, 0.87); -} -.p-steps .p-steps-item:before { - content: " "; - border-top: 1px solid #383838; - width: 100%; - top: 50%; - left: 0; - display: block; - position: absolute; - margin-top: -1rem; -} - -.p-tabmenu .p-tabmenu-nav { - background: transparent; - border: 1px solid #383838; - border-width: 0 0 2px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { - margin-right: 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { - border: solid #383838; - border-width: 0 0 2px 0; - border-color: transparent transparent #383838 transparent; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.6); - padding: 1rem; - font-weight: 600; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #a7d8a9; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: #1e1e1e; - border-color: #81C784; - color: rgba(255, 255, 255, 0.87); -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #1e1e1e; - border-color: #81C784; - color: #81C784; -} - -.p-tieredmenu { - padding: 0.25rem 0; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; - width: 12.5rem; -} -.p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-tieredmenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-tieredmenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #a7d8a9; -} -.p-tieredmenu.p-tieredmenu-overlay { - background: #1e1e1e; - border: 1px solid #383838; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #1e1e1e; - border: 1px solid #383838; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-tieredmenu .p-menuitem { - margin: 0; -} -.p-tieredmenu .p-menuitem:last-child { - margin: 0; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(255, 255, 255, 0.03); -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menu-separator { - border-top: 1px solid #383838; - margin: 0.25rem 0; -} -.p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-inline-message { - padding: 0.5rem 0.5rem; - margin: 0; - border-radius: 3px; -} -.p-inline-message.p-inline-message-info { - background: #B3E5FC; - border: solid #0891cf; - border-width: 1px; - color: #044868; -} -.p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #044868; -} -.p-inline-message.p-inline-message-success { - background: #C8E6C9; - border: solid #439446; - border-width: 1px; - color: #224a23; -} -.p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #224a23; -} -.p-inline-message.p-inline-message-warn { - background: #FFECB3; - border: solid #d9a300; - border-width: 1px; - color: #6d5100; -} -.p-inline-message.p-inline-message-warn .p-inline-message-icon { - color: #6d5100; -} -.p-inline-message.p-inline-message-error { - background: #FFCDD2; - border: solid #e60017; - border-width: 1px; - color: #73000c; -} -.p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #73000c; -} -.p-inline-message .p-inline-message-icon { - font-size: 1rem; - margin-right: 0.5rem; -} -.p-inline-message .p-inline-message-text { - font-size: 1rem; -} -.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { - margin-right: 0; -} - -.p-message { - margin: 1rem 0; - border-radius: 3px; -} -.p-message .p-message-wrapper { - padding: 1rem 1.5rem; -} -.p-message .p-message-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-message .p-message-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.p-message.p-message-info { - background: #B3E5FC; - border: solid #0891cf; - border-width: 0 0 0 6px; - color: #044868; -} -.p-message.p-message-info .p-message-icon { - color: #044868; -} -.p-message.p-message-info .p-message-close { - color: #044868; -} -.p-message.p-message-success { - background: #C8E6C9; - border: solid #439446; - border-width: 0 0 0 6px; - color: #224a23; -} -.p-message.p-message-success .p-message-icon { - color: #224a23; -} -.p-message.p-message-success .p-message-close { - color: #224a23; -} -.p-message.p-message-warn { - background: #FFECB3; - border: solid #d9a300; - border-width: 0 0 0 6px; - color: #6d5100; -} -.p-message.p-message-warn .p-message-icon { - color: #6d5100; -} -.p-message.p-message-warn .p-message-close { - color: #6d5100; -} -.p-message.p-message-error { - background: #FFCDD2; - border: solid #e60017; - border-width: 0 0 0 6px; - color: #73000c; -} -.p-message.p-message-error .p-message-icon { - color: #73000c; -} -.p-message.p-message-error .p-message-close { - color: #73000c; -} -.p-message .p-message-text { - font-size: 1rem; - font-weight: 500; -} -.p-message .p-message-icon { - font-size: 1.5rem; - margin-right: 0.5rem; -} -.p-message .p-message-summary { - font-weight: 700; -} -.p-message .p-message-detail { - margin-left: 0.5rem; -} - -.p-toast { - opacity: 0.9; -} -.p-toast .p-toast-message { - margin: 0 0 1rem 0; - box-shadow: none; - border-radius: 3px; -} -.p-toast .p-toast-message .p-toast-message-content { - padding: 1rem; - border-width: 0 0 0 6px; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { - margin: 0 0 0 1rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { - font-size: 2rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { - font-weight: 700; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { - margin: 0.5rem 0 0 0; -} -.p-toast .p-toast-message .p-toast-icon-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-toast .p-toast-message .p-toast-icon-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; - border: solid #0891cf; - border-width: 0 0 0 6px; - color: #044868; -} -.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { - color: #044868; -} -.p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; - border: solid #439446; - border-width: 0 0 0 6px; - color: #224a23; -} -.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { - color: #224a23; -} -.p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; - border: solid #d9a300; - border-width: 0 0 0 6px; - color: #6d5100; -} -.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { - color: #6d5100; -} -.p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; - border: solid #e60017; - border-width: 0 0 0 6px; - color: #73000c; -} -.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { - color: #73000c; -} - -.p-galleria .p-galleria-close { - margin: 0.5rem; - background: transparent; - color: #f8f9fa; - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-close .p-galleria-close-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-close:hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-item-nav { - background: transparent; - color: #f8f9fa; - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 3px; - margin: 0 0.5rem; -} -.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, -.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-caption { - background: rgba(0, 0, 0, 0.5); - color: #f8f9fa; - padding: 1rem; -} -.p-galleria .p-galleria-indicators { - padding: 1rem; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #383838; - width: 1rem; - height: 1rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { - background: #4c4c4c; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(129, 199, 132, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { - margin-right: 0.5rem; -} -.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { - margin-bottom: 0.5rem; -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { - background: rgba(0, 0, 0, 0.5); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { - background: rgba(255, 255, 255, 0.4); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { - background: rgba(255, 255, 255, 0.6); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(129, 199, 132, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-galleria .p-galleria-thumbnail-container { - background: rgba(0, 0, 0, 0.9); - padding: 1rem 0.25rem; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { - margin: 0.5rem; - background-color: transparent; - color: #f8f9fa; - width: 2rem; - height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} - -.p-galleria-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-preview-indicator { - background-color: transparent; - color: #f8f9fa; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} - -.p-image-preview-container:hover > .p-image-preview-indicator { - background-color: rgba(0, 0, 0, 0.5); -} - -.p-image-toolbar { - padding: 1rem; -} - -.p-image-action.p-link { - color: #f8f9fa; - background-color: transparent; - width: 3rem; - height: 3rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-image-action.p-link:last-child { - margin-right: 0; -} -.p-image-action.p-link:hover { - color: #f8f9fa; - background-color: rgba(255, 255, 255, 0.1); -} -.p-image-action.p-link i { - font-size: 1.5rem; -} - -.p-avatar { - background-color: #383838; - border-radius: 3px; -} -.p-avatar.p-avatar-lg { - width: 3rem; - height: 3rem; - font-size: 1.5rem; -} -.p-avatar.p-avatar-lg .p-avatar-icon { - font-size: 1.5rem; -} -.p-avatar.p-avatar-xl { - width: 4rem; - height: 4rem; - font-size: 2rem; -} -.p-avatar.p-avatar-xl .p-avatar-icon { - font-size: 2rem; -} - -.p-avatar-group .p-avatar { - border: 2px solid #1e1e1e; -} - -.p-badge { - background: #81C784; - color: #212529; - font-size: 0.75rem; - font-weight: 700; - min-width: 1.5rem; - height: 1.5rem; - line-height: 1.5rem; -} -.p-badge.p-badge-secondary { - background-color: #78909C; - color: #ffffff; -} -.p-badge.p-badge-success { - background-color: #C5E1A5; - color: #121212; -} -.p-badge.p-badge-info { - background-color: #81D4FA; - color: #121212; -} -.p-badge.p-badge-warning { - background-color: #FFE082; - color: #121212; -} -.p-badge.p-badge-danger { - background-color: #F48FB1; - color: #121212; -} -.p-badge.p-badge-lg { - font-size: 1.125rem; - min-width: 2.25rem; - height: 2.25rem; - line-height: 2.25rem; -} -.p-badge.p-badge-xl { - font-size: 1.5rem; - min-width: 3rem; - height: 3rem; - line-height: 3rem; -} - -.p-chip { - background-color: #383838; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - padding: 0 0.5rem; -} -.p-chip .p-chip-text { - line-height: 1.5; - margin-top: 0.25rem; - margin-bottom: 0.25rem; -} -.p-chip .p-chip-icon { - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - margin-left: 0.5rem; -} -.p-chip img { - width: 2rem; - height: 2rem; - margin-left: -0.5rem; - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - border-radius: 3px; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} - -.p-inplace .p-inplace-display { - padding: 0.5rem 0.5rem; - border-radius: 3px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-inplace .p-inplace-display:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-inplace .p-inplace-display:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} - -.p-progressbar { - border: 0 none; - height: 1.5rem; - background: #383838; - border-radius: 3px; -} -.p-progressbar .p-progressbar-value { - border: 0 none; - margin: 0; - background: #81C784; -} -.p-progressbar .p-progressbar-label { - color: #212529; - line-height: 1.5rem; -} - -.p-scrolltop { - width: 3rem; - height: 3rem; - border-radius: 50%; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-scrolltop.p-link { - background: rgba(129, 199, 132, 0.16); -} -.p-scrolltop.p-link:hover { - background: rgba(129, 199, 132, 0.3616); -} -.p-scrolltop .p-scrolltop-icon { - font-size: 1.5rem; - color: rgba(255, 255, 255, 0.87); -} - -.p-skeleton { - background-color: rgba(255, 255, 255, 0.06); - border-radius: 3px; -} -.p-skeleton:after { - background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); -} - -.p-tag { - background: #81C784; - color: #212529; - font-size: 0.75rem; - font-weight: 700; - padding: 0.25rem 0.4rem; - border-radius: 3px; -} -.p-tag.p-tag-success { - background-color: #C5E1A5; - color: #121212; -} -.p-tag.p-tag-info { - background-color: #81D4FA; - color: #121212; -} -.p-tag.p-tag-warning { - background-color: #FFE082; - color: #121212; -} -.p-tag.p-tag-danger { - background-color: #F48FB1; - color: #121212; -} -.p-tag .p-tag-icon { - margin-right: 0.25rem; - font-size: 0.75rem; -} - -.p-terminal { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - padding: 1rem; -} -.p-terminal .p-terminal-input { - font-size: 1rem; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; -} - -/* Customizations to the designer theme should be defined here */ -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #81C784; -} - -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #81C784; -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #81C784; -} diff --git a/src/assets/theme/arya-orange/theme.css b/src/assets/theme/arya-orange/theme.css deleted file mode 100644 index 2357cd3..0000000 --- a/src/assets/theme/arya-orange/theme.css +++ /dev/null @@ -1,5683 +0,0 @@ -:root { - --surface-a:#1e1e1e; - --surface-b:#121212; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#383838; - --surface-e:#1e1e1e; - --surface-f:#1e1e1e; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#FFD54F; - --primary-color-text:#212529; - --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; - --surface-0: #121212; - --surface-50: #2a2a2a; - --surface-100: #414141; - --surface-200: #595959; - --surface-300: #717171; - --surface-400: #898989; - --surface-500: #a0a0a0; - --surface-600: #b8b8b8; - --surface-700: #d0d0d0; - --surface-800: #e7e7e7; - --surface-900: #ffffff; - --gray-50:#e7e7e7; - --gray-100: #d0d0d0; - --gray-200: #b8b8b8; - --gray-300: #a0a0a0; - --gray-400: #898989; - --gray-500: #717171; - --gray-600: #595959; - --gray-700: #414141; - --gray-800: #2a2a2a; - --gray-900: #121212; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:3px; - --surface-ground:#121212; - --surface-section:#121212; - --surface-card:#1e1e1e; - --surface-overlay:#1e1e1e; - --surface-border:#383838; - --surface-hover:rgba(255,255,255,.03); - --maskbg: rgba(0, 0, 0, 0.4); - --focus-ring: 0 0 0 1px #ffe284; -} - -* { - box-sizing: border-box; -} - -.p-component { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - font-weight: normal; -} - -.p-component-overlay { - background-color: rgba(0, 0, 0, 0.4); - transition-duration: 0.2s; -} - -.p-disabled, .p-component:disabled { - opacity: 0.4; -} - -.p-error { - color: #ef9a9a; -} - -.p-text-secondary { - color: rgba(255, 255, 255, 0.6); -} - -.pi { - font-size: 1rem; -} - -.p-link { - font-size: 1rem; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - border-radius: 3px; -} -.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} - -.p-component-overlay-enter { - animation: p-component-overlay-enter-animation 150ms forwards; -} - -.p-component-overlay-leave { - animation: p-component-overlay-leave-animation 150ms forwards; -} - -@keyframes p-component-overlay-enter-animation { - from { - background-color: transparent; - } - to { - background-color: var(--maskbg); - } -} -@keyframes p-component-overlay-leave-animation { - from { - background-color: var(--maskbg); - } - to { - background-color: transparent; - } -} - -:root { - --blue-50:#f4fafe; - --blue-100:#cae6fc; - --blue-200:#a0d2fa; - --blue-300:#75bef8; - --blue-400:#4baaf5; - --blue-500:#2196f3; - --blue-600:#1c80cf; - --blue-700:#1769aa; - --blue-800:#125386; - --blue-900:#0d3c61; - --green-50:#f6fbf6; - --green-100:#d4ecd5; - --green-200:#b2ddb4; - --green-300:#90cd93; - --green-400:#6ebe71; - --green-500:#4caf50; - --green-600:#419544; - --green-700:#357b38; - --green-800:#2a602c; - --green-900:#1e4620; - --yellow-50:#fffcf5; - --yellow-100:#fef0cd; - --yellow-200:#fde4a5; - --yellow-300:#fdd87d; - --yellow-400:#fccc55; - --yellow-500:#fbc02d; - --yellow-600:#d5a326; - --yellow-700:#b08620; - --yellow-800:#8a6a19; - --yellow-900:#644d12; - --cyan-50:#f2fcfd; - --cyan-100:#c2eff5; - --cyan-200:#91e2ed; - --cyan-300:#61d5e4; - --cyan-400:#30c9dc; - --cyan-500:#00bcd4; - --cyan-600:#00a0b4; - --cyan-700:#008494; - --cyan-800:#006775; - --cyan-900:#004b55; - --pink-50:#fef4f7; - --pink-100:#fac9da; - --pink-200:#f69ebc; - --pink-300:#f1749e; - --pink-400:#ed4981; - --pink-500:#e91e63; - --pink-600:#c61a54; - --pink-700:#a31545; - --pink-800:#801136; - --pink-900:#5d0c28; - --indigo-50:#f5f6fb; - --indigo-100:#d1d5ed; - --indigo-200:#acb4df; - --indigo-300:#8893d1; - --indigo-400:#6372c3; - --indigo-500:#3f51b5; - --indigo-600:#36459a; - --indigo-700:#2c397f; - --indigo-800:#232d64; - --indigo-900:#192048; - --teal-50:#f2faf9; - --teal-100:#c2e6e2; - --teal-200:#91d2cc; - --teal-300:#61beb5; - --teal-400:#30aa9f; - --teal-500:#009688; - --teal-600:#008074; - --teal-700:#00695f; - --teal-800:#00534b; - --teal-900:#003c36; - --orange-50:#fff8f2; - --orange-100:#fde0c2; - --orange-200:#fbc791; - --orange-300:#f9ae61; - --orange-400:#f79530; - --orange-500:#f57c00; - --orange-600:#d06900; - --orange-700:#ac5700; - --orange-800:#874400; - --orange-900:#623200; - --bluegray-50:#f7f9f9; - --bluegray-100:#d9e0e3; - --bluegray-200:#bbc7cd; - --bluegray-300:#9caeb7; - --bluegray-400:#7e96a1; - --bluegray-500:#607d8b; - --bluegray-600:#526a76; - --bluegray-700:#435861; - --bluegray-800:#35454c; - --bluegray-900:#263238; - --purple-50:#faf4fb; - --purple-100:#e7cbec; - --purple-200:#d4a2dd; - --purple-300:#c279ce; - --purple-400:#af50bf; - --purple-500:#9c27b0; - --purple-600:#852196; - --purple-700:#6d1b7b; - --purple-800:#561561; - --purple-900:#3e1046; -} - -.p-autocomplete .p-autocomplete-loader { - right: 0.5rem; -} -.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 2.857rem; -} -.p-autocomplete .p-autocomplete-multiple-container { - padding: 0.25rem 0.5rem; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: #FFD54F; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; - border-color: #FFD54F; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { - padding: 0.25rem 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - padding: 0; - margin: 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { - padding: 0.25rem 0.5rem; - margin-right: 0.5rem; - background: rgba(255, 213, 79, 0.16); - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; -} - -p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #ef9a9a; -} - -.p-autocomplete-panel { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-autocomplete-panel .p-autocomplete-items:not(.p-autocomplete-virtualscroll) { - padding: 0.5rem 0; -} -.p-autocomplete-panel .p-autocomplete-items.p-autocomplete-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.5rem 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 213, 79, 0.16); -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.5rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - font-weight: 600; -} - -p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { - border-color: #ef9a9a; -} - -.p-datepicker { - padding: 0.5rem; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; -} -.p-datepicker:not(.p-datepicker-inline) { - background: #1e1e1e; - border: 1px solid #383838; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { - background: #1e1e1e; -} -.p-datepicker .p-datepicker-header { - padding: 0.5rem; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - font-weight: 600; - margin: 0; - border-bottom: 1px solid #383838; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev, -.p-datepicker .p-datepicker-header .p-datepicker-next { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.p-datepicker .p-datepicker-header .p-datepicker-title { - line-height: 2rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - font-weight: 600; - padding: 0.5rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #FFD54F; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - margin-right: 0.5rem; -} -.p-datepicker table { - font-size: 1rem; - margin: 0.5rem 0; -} -.p-datepicker table th { - padding: 0.5rem; -} -.p-datepicker table th > span { - width: 2.5rem; - height: 2.5rem; -} -.p-datepicker table td { - padding: 0.5rem; -} -.p-datepicker table td > span { - width: 2.5rem; - height: 2.5rem; - border-radius: 50%; - transition: box-shadow 0.2s; - border: 1px solid transparent; -} -.p-datepicker table td > span.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 213, 79, 0.16); -} -.p-datepicker table td > span:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.p-datepicker table td.p-datepicker-today > span { - background: transparent; - color: #FFD54F; - border-color: transparent; -} -.p-datepicker table td.p-datepicker-today > span.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 213, 79, 0.16); -} -.p-datepicker .p-datepicker-buttonbar { - padding: 1rem 0; - border-top: 1px solid #383838; -} -.p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; -} -.p-datepicker .p-timepicker { - border-top: 1px solid #383838; - padding: 0.5rem; -} -.p-datepicker .p-timepicker button { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-timepicker button:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker .p-timepicker button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.p-datepicker .p-timepicker button:last-child { - margin-top: 0.2em; -} -.p-datepicker .p-timepicker span { - font-size: 1.25rem; -} -.p-datepicker .p-timepicker > div { - padding: 0 0.5rem; -} -.p-datepicker.p-datepicker-timeonly .p-timepicker { - border-top: 0 none; -} -.p-datepicker .p-monthpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-monthpicker .p-monthpicker-month { - padding: 0.5rem; - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 213, 79, 0.16); -} -.p-datepicker .p-yearpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-yearpicker .p-yearpicker-year { - padding: 0.5rem; - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 213, 79, 0.16); -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #383838; - padding-right: 0.5rem; - padding-left: 0.5rem; - padding-top: 0; - padding-bottom: 0; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { - padding-left: 0; - border-left: 0 none; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { - padding-right: 0; -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} - -@media screen and (max-width: 769px) { - .p-datepicker table th, .p-datepicker table td { - padding: 0; - } -} -.p-cascadeselect { - background: #121212; - border: 1px solid #383838; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-cascadeselect:not(.p-disabled):hover { - border-color: #FFD54F; -} -.p-cascadeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; - border-color: #FFD54F; -} -.p-cascadeselect .p-cascadeselect-label { - background: transparent; - border: 0 none; - padding: 0.5rem 0.5rem; -} -.p-cascadeselect .p-cascadeselect-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-cascadeselect .p-cascadeselect-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-cascadeselect .p-cascadeselect-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2.357rem; - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-cascadeselect-panel { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-cascadeselect-panel .p-cascadeselect-items { - padding: 0.5rem 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { - margin: 0; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.5rem 1rem; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #ffe284; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 213, 79, 0.16); -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { - font-size: 0.875rem; -} - -p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #ef9a9a; -} - -.p-input-filled .p-cascadeselect { - background: #383838; -} -.p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #383838; -} -.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #383838; -} - -.p-checkbox { - width: 20px; - height: 20px; -} -.p-checkbox .p-checkbox-box { - border: 2px solid #383838; - background: #121212; - width: 20px; - height: 20px; - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-checkbox .p-checkbox-box .p-checkbox-icon { - transition-duration: 0.2s; - color: #212529; - font-size: 14px; -} -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #FFD54F; - background: #FFD54F; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #FFD54F; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; - border-color: #FFD54F; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #ffc50c; - background: #ffc50c; - color: #212529; -} - -p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #ef9a9a; -} - -.p-input-filled .p-checkbox .p-checkbox-box { - background-color: #383838; -} -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #FFD54F; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #383838; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #ffc50c; -} - -.p-checkbox-label { - margin-left: 0.5rem; -} - -.p-chips .p-chips-multiple-container { - padding: 0.25rem 0.5rem; -} -.p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: #FFD54F; -} -.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; - border-color: #FFD54F; -} -.p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.25rem 0.5rem; - margin-right: 0.5rem; - background: rgba(255, 213, 79, 0.16); - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; -} -.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { - margin-left: 0.5rem; -} -.p-chips .p-chips-multiple-container .p-chips-input-token { - padding: 0.25rem 0; -} -.p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - padding: 0; - margin: 0; -} - -p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { - border-color: #ef9a9a; -} - -.p-colorpicker-preview, -.p-fluid .p-colorpicker-preview.p-inputtext { - width: 2rem; - height: 2rem; -} - -.p-colorpicker-panel { - background: #1e1e1e; - border: 1px solid #383838; -} -.p-colorpicker-panel .p-colorpicker-color-handle, -.p-colorpicker-panel .p-colorpicker-hue-handle { - border-color: rgba(255, 255, 255, 0.87); -} - -.p-colorpicker-overlay-panel { - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} - -.p-dropdown { - background: #121212; - border: 1px solid #383838; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-dropdown:not(.p-disabled):hover { - border-color: #FFD54F; -} -.p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; - border-color: #FFD54F; -} -.p-dropdown.p-dropdown-clearable .p-dropdown-label { - padding-right: 1.5rem; -} -.p-dropdown .p-dropdown-label { - background: transparent; - border: 0 none; -} -.p-dropdown .p-dropdown-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-dropdown .p-dropdown-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-dropdown .p-dropdown-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2.357rem; - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} -.p-dropdown .p-dropdown-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 2.357rem; -} - -.p-dropdown-panel { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-dropdown-panel .p-dropdown-header { - padding: 0.5rem 1rem; - border-bottom: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - margin: 0; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { - padding-right: 1.5rem; - margin-right: -1.5rem; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { - right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-dropdown-panel .p-dropdown-items:not(.p-dropdown-virtualscroll) { - padding: 0.5rem 0; -} -.p-dropdown-panel .p-dropdown-items.p-dropdown-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.5rem 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 213, 79, 0.16); -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.5rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - font-weight: 600; -} - -p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #ef9a9a; -} - -.p-input-filled .p-dropdown { - background: #383838; -} -.p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #383838; -} -.p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: #383838; -} - -.p-editor-container .p-editor-toolbar { - background: #1e1e1e; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #383838; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #1e1e1e; - border: 1px solid #383838; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; - padding: 0.5rem 0; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.5rem 1rem; -} -.p-editor-container .p-editor-content { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-editor-container .p-editor-content.ql-snow { - border: 1px solid #383838; -} -.p-editor-container .p-editor-content .ql-editor { - background: #121212; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #FFD54F; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #FFD54F; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #FFD54F; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #FFD54F; -} - -.p-inputgroup-addon { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.6); - border-top: 1px solid #383838; - border-left: 1px solid #383838; - border-bottom: 1px solid #383838; - padding: 0.5rem 0.5rem; - min-width: 2.357rem; -} -.p-inputgroup-addon:last-child { - border-right: 1px solid #383838; -} - -.p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, -.p-inputgroup > .p-float-label > .p-component { - border-radius: 0; - margin: 0; -} -.p-inputgroup > .p-component + .p-inputgroup-addon, -.p-inputgroup > .p-element + .p-inputgroup-addon, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, -.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { - border-left: 0 none; -} -.p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, -.p-inputgroup > .p-float-label > .p-component:focus { - z-index: 1; -} -.p-inputgroup > .p-component:focus ~ label, -.p-inputgroup > .p-element:focus ~ label, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, -.p-inputgroup > .p-float-label > .p-component:focus ~ label { - z-index: 1; -} - -.p-inputgroup-addon:first-child, -.p-inputgroup button:first-child, -.p-inputgroup input:first-child, -.p-inputgroup > .p-inputwrapper:first-child > .p-component, -.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-inputgroup .p-float-label:first-child input { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-inputgroup-addon:last-child, -.p-inputgroup button:last-child, -.p-inputgroup input:last-child, -.p-inputgroup > .p-inputwrapper:last-child > .p-component, -.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-inputgroup .p-float-label:last-child input { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-fluid .p-inputgroup .p-button { - width: auto; -} -.p-fluid .p-inputgroup .p-button.p-button-icon-only { - width: 2.357rem; -} - -p-inputmask.ng-dirty.ng-invalid > .p-inputtext { - border-color: #ef9a9a; -} - -p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { - border-color: #ef9a9a; -} - -.p-inputswitch { - width: 3rem; - height: 1.75rem; -} -.p-inputswitch .p-inputswitch-slider { - background: #383838; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 30px; -} -.p-inputswitch .p-inputswitch-slider:before { - background: rgba(255, 255, 255, 0.6); - width: 1.25rem; - height: 1.25rem; - left: 0.25rem; - margin-top: -0.625rem; - border-radius: 50%; - transition-duration: 0.2s; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - transform: translateX(1.25rem); -} -.p-inputswitch.p-focus .p-inputswitch-slider { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: rgba(255, 255, 255, 0.03); -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #FFD54F; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: rgba(255, 255, 255, 0.87); -} -.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #ffcd2e; -} - -p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { - border-color: #ef9a9a; -} - -.p-inputtext { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - background: #121212; - padding: 0.5rem 0.5rem; - border: 1px solid #383838; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - appearance: none; - border-radius: 3px; -} -.p-inputtext:enabled:hover { - border-color: #FFD54F; -} -.p-inputtext:enabled:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; - border-color: #FFD54F; -} -.p-inputtext.ng-dirty.ng-invalid { - border-color: #ef9a9a; -} -.p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.4375rem; -} -.p-inputtext.p-inputtext-lg { - font-size: 1.25rem; - padding: 0.625rem 0.625rem; -} - -.p-float-label > label { - left: 0.5rem; - color: rgba(255, 255, 255, 0.6); - transition-duration: 0.2s; -} - -.p-float-label > .ng-invalid.ng-dirty + label { - color: #ef9a9a; -} - -.p-input-icon-left > i:first-of-type { - left: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} - -.p-input-icon-left > .p-inputtext { - padding-left: 2rem; -} - -.p-input-icon-left.p-float-label > label { - left: 2rem; -} - -.p-input-icon-right > i:last-of-type { - right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} - -.p-input-icon-right > .p-inputtext { - padding-right: 2rem; -} - -::-webkit-input-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -:-moz-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -::-moz-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -:-ms-input-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -.p-input-filled .p-inputtext { - background-color: #383838; -} -.p-input-filled .p-inputtext:enabled:hover { - background-color: #383838; -} -.p-input-filled .p-inputtext:enabled:focus { - background-color: #383838; -} - -.p-inputtext-sm .p-inputtext { - font-size: 0.875rem; - padding: 0.4375rem 0.4375rem; -} - -.p-inputtext-lg .p-inputtext { - font-size: 1.25rem; - padding: 0.625rem 0.625rem; -} - -.p-listbox { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; -} -.p-listbox .p-listbox-header { - padding: 0.5rem 1rem; - border-bottom: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - margin: 0; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-listbox .p-listbox-header .p-listbox-filter { - padding-right: 1.5rem; -} -.p-listbox .p-listbox-header .p-listbox-filter-icon { - right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-listbox .p-listbox-header .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list { - padding: 0.5rem 0; -} -.p-listbox .p-listbox-list .p-listbox-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 213, 79, 0.16); -} -.p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #ffe284; -} -.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list .p-listbox-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - font-weight: 600; -} -.p-listbox .p-listbox-list .p-listbox-empty-message { - padding: 0.5rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} - -p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #ef9a9a; -} - -.p-multiselect { - background: #121212; - border: 1px solid #383838; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-multiselect:not(.p-disabled):hover { - border-color: #FFD54F; -} -.p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; - border-color: #FFD54F; -} -.p-multiselect .p-multiselect-label { - padding: 0.5rem 0.5rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-multiselect .p-multiselect-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-multiselect.p-multiselect-chip .p-multiselect-token { - padding: 0.25rem 0.5rem; - margin-right: 0.5rem; - background: rgba(255, 213, 79, 0.16); - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; -} -.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { - margin-left: 0.5rem; -} -.p-multiselect .p-multiselect-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2.357rem; - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { - padding: 0.25rem 0.5rem; -} - -.p-multiselect-panel { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-multiselect-panel .p-multiselect-header { - padding: 0.5rem 1rem; - border-bottom: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - margin: 0; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { - padding-right: 1.5rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { - right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-multiselect-panel .p-multiselect-header .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close { - margin-left: 0.5rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.p-multiselect-panel .p-multiselect-items:not(.p-multiselect-virtualscroll) { - padding: 0.5rem 0; -} -.p-multiselect-panel .p-multiselect-items.p-multiselect-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.5rem 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 213, 79, 0.16); -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #ffe284; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - font-weight: 600; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { - padding: 0.5rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} - -p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #ef9a9a; -} - -.p-input-filled .p-multiselect { - background: #383838; -} -.p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #383838; -} -.p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #383838; -} - -p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #ef9a9a; -} - -.p-password-panel { - padding: 1rem; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; -} -.p-password-panel .p-password-meter { - margin-bottom: 0.5rem; - background: #383838; -} -.p-password-panel .p-password-meter .p-password-strength.weak { - background: #F48FB1; -} -.p-password-panel .p-password-meter .p-password-strength.medium { - background: #FFE082; -} -.p-password-panel .p-password-meter .p-password-strength.strong { - background: #C5E1A5; -} - -.p-radiobutton { - width: 20px; - height: 20px; -} -.p-radiobutton .p-radiobutton-box { - border: 2px solid #383838; - background: #121212; - width: 20px; - height: 20px; - color: rgba(255, 255, 255, 0.87); - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #FFD54F; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; - border-color: #FFD54F; -} -.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - width: 12px; - height: 12px; - transition-duration: 0.2s; - background-color: #212529; -} -.p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #FFD54F; - background: #FFD54F; -} -.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #ffc50c; - background: #ffc50c; - color: #212529; -} - -p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #ef9a9a; -} - -.p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #383838; -} -.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #383838; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #FFD54F; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #ffc50c; -} - -.p-radiobutton-label { - margin-left: 0.5rem; -} - -.p-rating .p-rating-icon { - color: rgba(255, 255, 255, 0.87); - margin-left: 0.5rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - font-size: 1.143rem; -} -.p-rating .p-rating-icon.p-rating-cancel { - color: #F48FB1; -} -.p-rating .p-rating-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.p-rating .p-rating-icon:first-child { - margin-left: 0; -} -.p-rating .p-rating-icon.pi-star-fill { - color: #FFD54F; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { - color: #FFD54F; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - color: #F48FB1; -} - -.p-selectbutton .p-button { - background: #1e1e1e; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-selectbutton .p-button .p-button-icon-left, -.p-selectbutton .p-button .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - border-color: #383838; - color: rgba(255, 255, 255, 0.87); -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-selectbutton .p-button.p-highlight { - background: #FFD54F; - border-color: #FFD54F; - color: #212529; -} -.p-selectbutton .p-button.p-highlight .p-button-icon-left, -.p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: #212529; -} -.p-selectbutton .p-button.p-highlight:hover { - background: #ffcd2e; - border-color: #ffcd2e; - color: #212529; -} -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: #212529; -} - -p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #ef9a9a; -} - -.p-slider { - background: #383838; - border: 0 none; - border-radius: 3px; -} -.p-slider.p-slider-horizontal { - height: 0.286rem; -} -.p-slider.p-slider-horizontal .p-slider-handle { - margin-top: -0.5715rem; - margin-left: -0.5715rem; -} -.p-slider.p-slider-vertical { - width: 0.286rem; -} -.p-slider.p-slider-vertical .p-slider-handle { - margin-left: -0.5715rem; - margin-bottom: -0.5715rem; -} -.p-slider .p-slider-handle { - height: 1.143rem; - width: 1.143rem; - background: #383838; - border: 2px solid #FFD54F; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-slider .p-slider-handle:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.p-slider .p-slider-range { - background: #FFD54F; -} -.p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #FFD54F; - border-color: #FFD54F; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { - transition: width 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { - transition: height 0.2s; -} - -.p-togglebutton.p-button { - background: #1e1e1e; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-togglebutton.p-button .p-button-icon-left, -.p-togglebutton.p-button .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - border-color: #383838; - color: rgba(255, 255, 255, 0.87); -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-togglebutton.p-button.p-highlight { - background: #FFD54F; - border-color: #FFD54F; - color: #212529; -} -.p-togglebutton.p-button.p-highlight .p-button-icon-left, -.p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: #212529; -} -.p-togglebutton.p-button.p-highlight:hover { - background: #ffcd2e; - border-color: #ffcd2e; - color: #212529; -} -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: #212529; -} - -p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #ef9a9a; -} - -.p-treeselect { - background: #121212; - border: 1px solid #383838; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-treeselect:not(.p-disabled):hover { - border-color: #FFD54F; -} -.p-treeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; - border-color: #FFD54F; -} -.p-treeselect .p-treeselect-label { - padding: 0.5rem 0.5rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-treeselect .p-treeselect-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-treeselect.p-treeselect-chip .p-treeselect-token { - padding: 0.25rem 0.5rem; - margin-right: 0.5rem; - background: #383838; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; -} -.p-treeselect .p-treeselect-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2.357rem; - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -p-treeselect.ng-invalid.ng-dirty > .p-treeselect { - border-color: #ef9a9a; -} - -.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { - padding: 0.25rem 0.5rem; -} - -.p-treeselect-panel { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { - border: 0 none; -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { - padding: 0.5rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} - -.p-input-filled .p-treeselect { - background: #383838; -} -.p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #383838; -} -.p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: #383838; -} - -.p-button { - color: #212529; - background: #FFD54F; - border: 1px solid #FFD54F; - padding: 0.5rem 1rem; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-button:enabled:hover { - background: #ffcd2e; - color: #212529; - border-color: #ffcd2e; -} -.p-button:enabled:active { - background: #ffc50c; - color: #212529; - border-color: #ffc50c; -} -.p-button.p-button-outlined { - background-color: transparent; - color: #FFD54F; - border: 1px solid; -} -.p-button.p-button-outlined:enabled:hover { - background: rgba(255, 213, 79, 0.04); - color: #FFD54F; - border: 1px solid; -} -.p-button.p-button-outlined:enabled:active { - background: rgba(255, 213, 79, 0.16); - color: #FFD54F; - border: 1px solid; -} -.p-button.p-button-outlined.p-button-plain { - color: rgba(255, 255, 255, 0.6); - border-color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-outlined.p-button-plain:enabled:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-outlined.p-button-plain:enabled:active { - background: rgba(255, 255, 255, 0.16); - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-text { - background-color: transparent; - color: #FFD54F; - border-color: transparent; -} -.p-button.p-button-text:enabled:hover { - background: rgba(255, 213, 79, 0.04); - color: #FFD54F; - border-color: transparent; -} -.p-button.p-button-text:enabled:active { - background: rgba(255, 213, 79, 0.16); - color: #FFD54F; - border-color: transparent; -} -.p-button.p-button-text.p-button-plain { - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-text.p-button-plain:enabled:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-text.p-button-plain:enabled:active { - background: rgba(255, 255, 255, 0.16); - color: rgba(255, 255, 255, 0.6); -} -.p-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.p-button .p-button-icon-left { - margin-right: 0.5rem; -} -.p-button .p-button-icon-right { - margin-left: 0.5rem; -} -.p-button .p-button-icon-bottom { - margin-top: 0.5rem; -} -.p-button .p-button-icon-top { - margin-bottom: 0.5rem; -} -.p-button .p-badge { - margin-left: 0.5rem; - min-width: 1rem; - height: 1rem; - line-height: 1rem; - color: #FFD54F; - background-color: #212529; -} -.p-button.p-button-raised { - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); -} -.p-button.p-button-rounded { - border-radius: 2rem; -} -.p-button.p-button-icon-only { - width: 2.357rem; - padding: 0.5rem 0; -} -.p-button.p-button-icon-only .p-button-icon-left, -.p-button.p-button-icon-only .p-button-icon-right { - margin: 0; -} -.p-button.p-button-icon-only.p-button-rounded { - border-radius: 50%; - height: 2.357rem; -} -.p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.875rem; -} -.p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; -} -.p-button.p-button-lg { - font-size: 1.25rem; - padding: 0.625rem 1.25rem; -} -.p-button.p-button-lg .p-button-icon { - font-size: 1.25rem; -} -.p-button.p-button-loading-label-only .p-button-label { - margin-left: 0.5rem; -} -.p-button.p-button-loading-label-only .p-button-loading-icon { - margin-right: 0; -} - -.p-fluid .p-button { - width: 100%; -} -.p-fluid .p-button-icon-only { - width: 2.357rem; -} -.p-fluid .p-buttonset { - display: flex; -} -.p-fluid .p-buttonset .p-button { - flex: 1; -} - -.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { - color: #ffffff; - background: #78909C; - border: 1px solid #78909C; -} -.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { - background: #69838f; - color: #ffffff; - border-color: #69838f; -} -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #a1b1ba; -} -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: #5d747f; - color: #ffffff; - border-color: #5d747f; -} -.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { - background-color: transparent; - color: #78909C; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { - background: rgba(120, 144, 156, 0.04); - color: #78909C; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { - background: rgba(120, 144, 156, 0.16); - color: #78909C; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { - background-color: transparent; - color: #78909C; - border-color: transparent; -} -.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { - background: rgba(120, 144, 156, 0.04); - border-color: transparent; - color: #78909C; -} -.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { - background: rgba(120, 144, 156, 0.16); - border-color: transparent; - color: #78909C; -} - -.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { - color: #121212; - background: #81D4FA; - border: 1px solid #81D4FA; -} -.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { - background: #5dc8f9; - color: #121212; - border-color: #5dc8f9; -} -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #a7e1fc; -} -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: #38bbf7; - color: #121212; - border-color: #38bbf7; -} -.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { - background-color: transparent; - color: #81D4FA; - border: 1px solid; -} -.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { - background: rgba(129, 212, 250, 0.04); - color: #81D4FA; - border: 1px solid; -} -.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { - background: rgba(129, 212, 250, 0.16); - color: #81D4FA; - border: 1px solid; -} -.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { - background-color: transparent; - color: #81D4FA; - border-color: transparent; -} -.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { - background: rgba(129, 212, 250, 0.04); - border-color: transparent; - color: #81D4FA; -} -.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { - background: rgba(129, 212, 250, 0.16); - border-color: transparent; - color: #81D4FA; -} - -.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { - color: #121212; - background: #C5E1A5; - border: 1px solid #C5E1A5; -} -.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { - background: #b2d788; - color: #121212; - border-color: #b2d788; -} -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #d6eac0; -} -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: #9fce6b; - color: #121212; - border-color: #9fce6b; -} -.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { - background-color: transparent; - color: #C5E1A5; - border: 1px solid; -} -.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { - background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; - border: 1px solid; -} -.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { - background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; - border: 1px solid; -} -.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { - background-color: transparent; - color: #C5E1A5; - border-color: transparent; -} -.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { - background: rgba(197, 225, 165, 0.04); - border-color: transparent; - color: #C5E1A5; -} -.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { - background: rgba(197, 225, 165, 0.16); - border-color: transparent; - color: #C5E1A5; -} - -.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { - color: #121212; - background: #FFE082; - border: 1px solid #FFE082; -} -.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { - background: #ffd65c; - color: #121212; - border-color: #ffd65c; -} -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #ffe9a8; -} -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: #ffcd35; - color: #121212; - border-color: #ffcd35; -} -.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { - background-color: transparent; - color: #FFE082; - border: 1px solid; -} -.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { - background: rgba(255, 224, 130, 0.04); - color: #FFE082; - border: 1px solid; -} -.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { - background: rgba(255, 224, 130, 0.16); - color: #FFE082; - border: 1px solid; -} -.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { - background-color: transparent; - color: #FFE082; - border-color: transparent; -} -.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { - background: rgba(255, 224, 130, 0.04); - border-color: transparent; - color: #FFE082; -} -.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { - background: rgba(255, 224, 130, 0.16); - border-color: transparent; - color: #FFE082; -} - -.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { - color: #121212; - background: #CE93D8; - border: 1px solid #CE93D8; -} -.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { - background: #c278ce; - color: #121212; - border-color: #c278ce; -} -.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #ddb3e4; -} -.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: #b65ec5; - color: #121212; - border-color: #b65ec5; -} -.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { - background-color: transparent; - color: #CE93D8; - border: 1px solid; -} -.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { - background: rgba(206, 147, 216, 0.04); - color: #CE93D8; - border: 1px solid; -} -.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { - background: rgba(206, 147, 216, 0.16); - color: #CE93D8; - border: 1px solid; -} -.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { - background-color: transparent; - color: #CE93D8; - border-color: transparent; -} -.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { - background: rgba(206, 147, 216, 0.04); - border-color: transparent; - color: #CE93D8; -} -.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { - background: rgba(206, 147, 216, 0.16); - border-color: transparent; - color: #CE93D8; -} - -.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { - color: #121212; - background: #F48FB1; - border: 1px solid #F48FB1; -} -.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { - background: #f16c98; - color: #121212; - border-color: #f16c98; -} -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #f7b1c8; -} -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: #ed4980; - color: #121212; - border-color: #ed4980; -} -.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { - background-color: transparent; - color: #F48FB1; - border: 1px solid; -} -.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { - background: rgba(244, 143, 177, 0.04); - color: #F48FB1; - border: 1px solid; -} -.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { - background: rgba(244, 143, 177, 0.16); - color: #F48FB1; - border: 1px solid; -} -.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { - background-color: transparent; - color: #F48FB1; - border-color: transparent; -} -.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { - background: rgba(244, 143, 177, 0.04); - border-color: transparent; - color: #F48FB1; -} -.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { - background: rgba(244, 143, 177, 0.16); - border-color: transparent; - color: #F48FB1; -} - -.p-button.p-button-link { - color: #FFD54F; - background: transparent; - border: transparent; -} -.p-button.p-button-link:enabled:hover { - background: transparent; - color: #FFD54F; - border-color: transparent; -} -.p-button.p-button-link:enabled:hover .p-button-label { - text-decoration: underline; -} -.p-button.p-button-link:enabled:focus { - background: transparent; - box-shadow: 0 0 0 1px #ffe284; - border-color: transparent; -} -.p-button.p-button-link:enabled:active { - background: transparent; - color: #FFD54F; - border-color: transparent; -} - -.p-speeddial-button.p-button.p-button-icon-only { - width: 4rem; - height: 4rem; -} -.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { - font-size: 1.3rem; -} - -.p-speeddial-action { - width: 3rem; - height: 3rem; - background: rgba(255, 255, 255, 0.87); - color: #121212; -} -.p-speeddial-action:hover { - background: rgba(255, 255, 255, 0.6); - color: #121212; -} - -.p-speeddial-direction-up .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-up .p-speeddial-item:first-child { - margin-bottom: 0.5rem; -} - -.p-speeddial-direction-down .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-down .p-speeddial-item:first-child { - margin-top: 0.5rem; -} - -.p-speeddial-direction-left .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-left .p-speeddial-item:first-child { - margin-right: 0.5rem; -} - -.p-speeddial-direction-right .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-right .p-speeddial-item:first-child { - margin-left: 0.5rem; -} - -.p-speeddial-circle .p-speeddial-item, -.p-speeddial-semi-circle .p-speeddial-item, -.p-speeddial-quarter-circle .p-speeddial-item { - margin: 0; -} -.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, -.p-speeddial-semi-circle .p-speeddial-item:first-child, -.p-speeddial-semi-circle .p-speeddial-item:last-child, -.p-speeddial-quarter-circle .p-speeddial-item:first-child, -.p-speeddial-quarter-circle .p-speeddial-item:last-child { - margin: 0; -} - -.p-speeddial-mask { - background-color: rgba(0, 0, 0, 0.4); -} - -.p-carousel .p-carousel-content .p-carousel-prev, -.p-carousel .p-carousel-content .p-carousel-next { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin: 0.5rem; -} -.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, -.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.p-carousel .p-carousel-indicators { - padding: 1rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator { - margin-right: 0.5rem; - margin-bottom: 0.5rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: #383838; - width: 2rem; - height: 0.5rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 0; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { - background: #4c4c4c; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: rgba(255, 213, 79, 0.16); - color: rgba(255, 255, 255, 0.87); -} - -.p-datatable .p-paginator-top { - border-width: 1px 0 1px 0; - border-radius: 0; -} -.p-datatable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-datatable .p-datatable-header { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #383838; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-datatable .p-datatable-footer { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-datatable .p-datatable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #383838; - border-width: 0 0 1px 0; - font-weight: 600; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - transition: box-shadow 0.2s; -} -.p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #383838; - border-width: 0 0 1px 0; - font-weight: 600; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; -} -.p-datatable .p-sortable-column .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 213, 79, 0.16); - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column.p-highlight { - background: #1e1e1e; - color: #FFD54F; -} -.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #FFD54F; -} -.p-datatable .p-sortable-column.p-highlight:hover { - background: rgba(255, 255, 255, 0.03); - color: #FFD54F; -} -.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { - color: #FFD54F; -} -.p-datatable .p-sortable-column:focus { - box-shadow: inset 0 0 0 1px #ffe284; - outline: 0 none; -} -.p-datatable .p-datatable-tbody > tr { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - outline-color: #ffe284; -} -.p-datatable .p-datatable-tbody > tr > td { - text-align: left; - border: 1px solid #383838; - border-width: 0 0 1px 0; - padding: 1rem 1rem; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { - margin-right: 0.5rem; -} -.p-datatable .p-datatable-tbody > tr.p-highlight { - background: rgba(255, 213, 79, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 rgba(255, 213, 79, 0.16); -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 rgba(255, 213, 79, 0.16); -} -.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-column-resizer-helper { - background: #FFD54F; -} -.p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #1e1e1e; -} -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot { - background-color: #1e1e1e; -} -.p-datatable .p-datatable-loading-icon { - font-size: 2rem; -} -.p-datatable.p-datatable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-footer { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-top { - border-width: 0 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-bottom { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { - background: rgba(255, 255, 255, 0.01); -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: rgba(255, 213, 79, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: rgba(255, 255, 255, 0.87); -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: rgba(255, 255, 255, 0.87); -} -.p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-lg .p-datatable-header { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-footer { - padding: 1.25rem 1.25rem; -} - -.p-dataview .p-paginator-top { - border-width: 1px 0 1px 0; - border-radius: 0; -} -.p-dataview .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-dataview .p-dataview-header { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #383838; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-dataview .p-dataview-content { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; -} -.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid #383838; - border-width: 0 0 1px 0; -} -.p-dataview .p-dataview-footer { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; -} -.p-dataview .p-dataview-loading-icon { - font-size: 2rem; -} -.p-dataview .p-dataview-emptymessage { - padding: 1rem; -} - -.p-column-filter-row .p-column-filter-menu-button, -.p-column-filter-row .p-column-filter-clear-button { - margin-left: 0.5rem; -} - -.p-column-filter-menu-button { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-menu-button:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: rgba(255, 213, 79, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-column-filter-menu-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} - -.p-column-filter-clear-button { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-clear-button:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-column-filter-clear-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} - -.p-column-filter-overlay { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - min-width: 12.5rem; -} -.p-column-filter-overlay .p-column-filter-row-items { - padding: 0.5rem 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 213, 79, 0.16); -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #ffe284; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #383838; - margin: 0.25rem 0; -} - -.p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.5rem 1rem; - border-bottom: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - margin: 0; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-column-filter-overlay-menu .p-column-filter-constraint { - padding: 1rem; - border-bottom: 1px solid #383838; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { - margin-bottom: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { - margin-top: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { - border-bottom: 0 none; -} -.p-column-filter-overlay-menu .p-column-filter-add-rule { - padding: 0.5rem 1rem; -} -.p-column-filter-overlay-menu .p-column-filter-buttonbar { - padding: 1rem; -} - -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #1e1e1e; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #1e1e1e; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #383838; -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #383838; -} -.fc.fc-unthemed .fc-view-container .fc-event { - background: #ffcd2e; - border: 1px solid #ffcd2e; - color: #212529; -} -.fc.fc-unthemed .fc-view-container .fc-divider { - background: #1e1e1e; - border: 1px solid #383838; -} -.fc.fc-unthemed .fc-toolbar .fc-button { - color: #212529; - background: #FFD54F; - border: 1px solid #FFD54F; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - display: flex; - align-items: center; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #ffcd2e; - color: #212529; - border-color: #ffcd2e; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #ffc50c; - color: #212529; - border-color: #ffc50c; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #1e1e1e; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #383838; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #FFD54F; - border-color: #FFD54F; - color: #212529; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #ffcd2e; - border-color: #ffcd2e; - color: #212529; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; - z-index: 1; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} -.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #383838; -} -.fc.fc-theme-standard .fc-view-harness th { - background: #1e1e1e; - border-color: #383838; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness td { - color: rgba(255, 255, 255, 0.87); - border-color: #383838; -} -.fc.fc-theme-standard .fc-view-harness .fc-view { - background: #1e1e1e; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #383838; - padding: 1rem; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1rem; - border: 1px solid #383838; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #212529; - background: #ffcd2e; - border-color: #ffcd2e; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #212529; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #ffcd2e; - border-color: #ffcd2e; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #1e1e1e; -} -.fc.fc-theme-standard .fc-toolbar .fc-button { - color: #212529; - background: #FFD54F; - border: 1px solid #FFD54F; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #ffcd2e; - color: #212529; - border-color: #ffcd2e; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #ffc50c; - color: #212529; - border-color: #ffc50c; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.4; - color: #212529; - background: #FFD54F; - border: 1px solid #FFD54F; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #1e1e1e; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #383838; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #FFD54F; - border-color: #FFD54F; - color: #212529; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #ffcd2e; - border-color: #ffcd2e; - color: #212529; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; - z-index: 1; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} -.fc.fc-theme-standard a { - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 213, 79, 0.16); -} - -.p-orderlist .p-orderlist-controls { - padding: 1rem; -} -.p-orderlist .p-orderlist-controls .p-button { - margin-bottom: 0.5rem; -} -.p-orderlist .p-orderlist-header { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-orderlist .p-orderlist-header .p-orderlist-title { - font-weight: 600; -} -.p-orderlist .p-orderlist-filter-container { - padding: 1rem; - background: #1e1e1e; - border: 1px solid #383838; - border-bottom: 0 none; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { - padding-right: 1.5rem; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { - right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-orderlist .p-orderlist-list { - border: 1px solid #383838; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - padding: 0.5rem 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-orderlist .p-orderlist-list .p-orderlist-item { - padding: 0.5rem 1rem; - margin: 0; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; -} -.p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #ffe284; -} -.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 213, 79, 0.16); -} -.p-orderlist .p-orderlist-list .p-orderlist-empty-message { - padding: 0.5rem 1rem; - color: rgba(255, 255, 255, 0.87); -} -.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} - -.p-orderlist-item.cdk-drag-preview { - padding: 0.5rem 1rem; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - margin: 0; -} - -.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-organizationchart .p-organizationchart-node-content.p-highlight { - background: rgba(255, 213, 79, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: rgba(207, 157, 0, 0.16); -} -.p-organizationchart .p-organizationchart-line-down { - background: #383838; -} -.p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #383838; - border-color: #383838; -} -.p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #383838; - border-color: #383838; -} -.p-organizationchart .p-organizationchart-node-content { - border: 1px solid #383838; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - padding: 1rem; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler { - background: inherit; - color: inherit; - border-radius: 50%; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} - -.p-paginator { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.6); - border: solid #383838; - border-width: 1px; - padding: 0.5rem 1rem; - border-radius: 3px; -} -.p-paginator .p-paginator-first, -.p-paginator .p-paginator-prev, -.p-paginator .p-paginator-next, -.p-paginator .p-paginator-last { - background-color: transparent; - border: 0 none; - color: rgba(255, 255, 255, 0.6); - min-width: 2.286em; - height: 2.286em; - margin: 0.143rem; - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - border-color: transparent; - color: rgba(255, 255, 255, 0.87); -} -.p-paginator .p-paginator-first { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-paginator .p-paginator-last { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} -.p-paginator .p-dropdown { - margin-left: 0.5rem; - margin-right: 0.5rem; - height: 2.286em; -} -.p-paginator .p-dropdown .p-dropdown-label { - padding-right: 0; -} -.p-paginator .p-paginator-page-input { - margin-left: 0.5rem; - margin-right: 0.5rem; -} -.p-paginator .p-paginator-page-input .p-inputtext { - max-width: 2.286em; -} -.p-paginator .p-paginator-current { - background-color: transparent; - border: 0 none; - color: rgba(255, 255, 255, 0.6); - min-width: 2.286em; - height: 2.286em; - margin: 0.143rem; - padding: 0 0.5rem; -} -.p-paginator .p-paginator-pages .p-paginator-page { - background-color: transparent; - border: 0 none; - color: rgba(255, 255, 255, 0.6); - min-width: 2.286em; - height: 2.286em; - margin: 0.143rem; - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: rgba(255, 213, 79, 0.16); - border-color: rgba(255, 213, 79, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - border-color: transparent; - color: rgba(255, 255, 255, 0.87); -} - -.p-picklist .p-picklist-buttons { - padding: 1rem; -} -.p-picklist .p-picklist-buttons .p-button { - margin-bottom: 0.5rem; -} -.p-picklist .p-picklist-header { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-picklist .p-picklist-header .p-picklist-title { - font-weight: 600; -} -.p-picklist .p-picklist-filter-container { - padding: 1rem; - background: #1e1e1e; - border: 1px solid #383838; - border-bottom: 0 none; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-input { - padding-right: 1.5rem; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { - right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-picklist .p-picklist-list { - border: 1px solid #383838; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - padding: 0.5rem 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-picklist .p-picklist-list .p-picklist-item { - padding: 0.5rem 1rem; - margin: 0; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; -} -.p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #ffe284; -} -.p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 213, 79, 0.16); -} -.p-picklist .p-picklist-list .p-picklist-empty-message { - padding: 0.5rem 1rem; - color: rgba(255, 255, 255, 0.87); -} -.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} - -.p-picklist-item.cdk-drag-preview { - padding: 0.5rem 1rem; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - margin: 0; -} - -.p-timeline .p-timeline-event-marker { - border: 2px solid #FFD54F; - border-radius: 50%; - width: 1rem; - height: 1rem; - background-color: #1e1e1e; -} -.p-timeline .p-timeline-event-connector { - background-color: #383838; -} -.p-timeline.p-timeline-vertical .p-timeline-event-opposite, -.p-timeline.p-timeline-vertical .p-timeline-event-content { - padding: 0 1rem; -} -.p-timeline.p-timeline-vertical .p-timeline-event-connector { - width: 2px; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, -.p-timeline.p-timeline-horizontal .p-timeline-event-content { - padding: 1rem 0; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-connector { - height: 2px; -} - -.p-tree { - border: 1px solid #383838; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - padding: 1rem; - border-radius: 3px; -} -.p-tree .p-tree-container .p-treenode { - padding: 0.143rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content { - border-radius: 3px; - transition: box-shadow 0.2s; - padding: 0; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { - margin-right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: rgba(255, 213, 79, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-filter-container { - margin-bottom: 0.5rem; -} -.p-tree .p-tree-filter-container .p-tree-filter { - width: 100%; - padding-right: 1.5rem; -} -.p-tree .p-tree-filter-container .p-tree-filter-icon { - right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-tree .p-treenode-children { - padding: 0 0 0 1rem; -} -.p-tree .p-tree-loading-icon { - font-size: 2rem; -} -.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: rgba(255, 197, 12, 0.16); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { - border-radius: 3px; - border: 1px solid #383838; - background-color: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - padding: 0; - transition: box-shadow 0.2s; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { - background-color: rgba(255, 213, 79, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { - background-color: inherit; - color: inherit; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} - -.p-treetable .p-paginator-top { - border-width: 1px 0 1px 0; - border-radius: 0; -} -.p-treetable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-treetable .p-treetable-header { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #383838; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-treetable .p-treetable-footer { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-treetable .p-treetable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #383838; - border-width: 0 0 1px 0; - font-weight: 600; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - transition: box-shadow 0.2s; -} -.p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #383838; - border-width: 0 0 1px 0; - font-weight: 600; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; -} -.p-treetable .p-sortable-column { - outline-color: #ffe284; -} -.p-treetable .p-sortable-column .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 213, 79, 0.16); - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-sortable-column.p-highlight { - background: #1e1e1e; - color: #FFD54F; -} -.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #FFD54F; -} -.p-treetable .p-treetable-tbody > tr { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - outline-color: #ffe284; -} -.p-treetable .p-treetable-tbody > tr > td { - text-align: left; - border: 1px solid #383838; - border-width: 0 0 1px 0; - padding: 1rem 1rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-treetable-tbody > tr.p-highlight { - background: rgba(255, 213, 79, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-column-resizer-helper { - background: #FFD54F; -} -.p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #1e1e1e; -} -.p-treetable .p-treetable-loading-icon { - font-size: 2rem; -} -.p-treetable.p-treetable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-footer { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-top { - border-width: 0 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-bottom { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-sm .p-treetable-header { - padding: 0.875rem 0.875rem; -} -.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-footer { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-lg .p-treetable-header { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-footer { - padding: 1.25rem 1.25rem; -} - -.p-virtualscroller .p-virtualscroller-header { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #383838; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-virtualscroller .p-virtualscroller-content { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; -} -.p-virtualscroller .p-virtualscroller-footer { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-accordion .p-accordion-header .p-accordion-header-link { - padding: 1rem; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - font-weight: 600; - border-radius: 3px; - transition: box-shadow 0.2s; -} -.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { - margin-right: 0.5rem; -} -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { - background: rgba(255, 255, 255, 0.03); - border-color: #383838; - color: rgba(255, 255, 255, 0.87); -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #1e1e1e; - border-color: #383838; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-color: #383838; - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-accordion .p-accordion-content { - padding: 1rem; - border: 1px solid #383838; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-accordion p-accordiontab .p-accordion-tab { - margin-bottom: 0; -} -.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { - border-radius: 0; -} -.p-accordion p-accordiontab .p-accordion-content { - border-radius: 0; -} -.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { - border-top: 0 none; -} -.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-top: 0 none; -} -.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-accordion p-accordiontab:last-child .p-accordion-content { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-card { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; -} -.p-card .p-card-body { - padding: 1rem; -} -.p-card .p-card-title { - font-size: 1.5rem; - font-weight: 700; - margin-bottom: 0.5rem; -} -.p-card .p-card-subtitle { - font-weight: 700; - margin-bottom: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-card .p-card-content { - padding: 1rem 0; -} -.p-card .p-card-footer { - padding: 1rem 0 0 0; -} - -.p-divider .p-divider-content { - background-color: #1e1e1e; -} -.p-divider.p-divider-horizontal { - margin: 1rem 0; - padding: 0 1rem; -} -.p-divider.p-divider-horizontal:before { - border-top: 1px #383838; -} -.p-divider.p-divider-horizontal .p-divider-content { - padding: 0 0.5rem; -} -.p-divider.p-divider-vertical { - margin: 0 1rem; - padding: 1rem 0; -} -.p-divider.p-divider-vertical:before { - border-left: 1px #383838; -} -.p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; -} - -.p-fieldset { - border: 1px solid #383838; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; -} -.p-fieldset .p-fieldset-legend { - padding: 1rem; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - font-weight: 600; - border-radius: 3px; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { - padding: 0; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { - padding: 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; - transition: box-shadow 0.2s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { - margin-right: 0.5rem; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #383838; - color: rgba(255, 255, 255, 0.87); -} -.p-fieldset .p-fieldset-content { - padding: 1rem; -} - -.p-panel .p-panel-header { - border: 1px solid #383838; - padding: 1rem; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-panel .p-panel-header .p-panel-title { - font-weight: 600; -} -.p-panel .p-panel-header .p-panel-header-icon { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-panel .p-panel-header .p-panel-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.p-panel.p-panel-toggleable .p-panel-header { - padding: 0.5rem 1rem; -} -.p-panel .p-panel-content { - padding: 1rem; - border: 1px solid #383838; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - border-top: 0 none; -} -.p-panel .p-panel-footer { - padding: 0.5rem 1rem; - border: 1px solid #383838; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; -} - -.p-scrollpanel .p-scrollpanel-bar { - background: #383838; - border: 0 none; -} - -.p-splitter { - border: 1px solid #383838; - background: #1e1e1e; - border-radius: 3px; - color: rgba(255, 255, 255, 0.87); -} -.p-splitter .p-splitter-gutter { - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - background: rgba(255, 255, 255, 0.03); -} -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: #383838; -} -.p-splitter .p-splitter-gutter-resizing { - background: #383838; -} - -.p-tabview .p-tabview-nav { - background: transparent; - border: 1px solid #383838; - border-width: 0 0 2px 0; -} -.p-tabview .p-tabview-nav li { - margin-right: 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #383838; - border-width: 0 0 2px 0; - border-color: transparent transparent #383838 transparent; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.6); - padding: 1rem; - font-weight: 600; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #ffe284; -} -.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #1e1e1e; - border-color: #FFD54F; - color: rgba(255, 255, 255, 0.87); -} -.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #1e1e1e; - border-color: #FFD54F; - color: #FFD54F; -} -.p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; -} -.p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-close { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-nav-btn.p-link { - background: #1e1e1e; - color: #FFD54F; - width: 2.357rem; - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); - border-radius: 0; -} -.p-tabview .p-tabview-nav-btn.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #ffe284; -} -.p-tabview .p-tabview-panels { - background: #1e1e1e; - padding: 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-toolbar { - background: #1e1e1e; - border: 1px solid #383838; - padding: 1rem; - border-radius: 3px; -} -.p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; -} - -.p-confirm-popup { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-confirm-popup .p-confirm-popup-content { - padding: 1rem; -} -.p-confirm-popup .p-confirm-popup-footer { - text-align: right; - padding: 0.5rem 1rem; -} -.p-confirm-popup .p-confirm-popup-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-confirm-popup .p-confirm-popup-footer button:last-child { - margin: 0; -} -.p-confirm-popup:after { - border: solid transparent; - border-color: rgba(30, 30, 30, 0); - border-bottom-color: #1e1e1e; -} -.p-confirm-popup:before { - border: solid transparent; - border-color: rgba(56, 56, 56, 0); - border-bottom-color: #383838; -} -.p-confirm-popup.p-confirm-popup-flipped:after { - border-top-color: #1e1e1e; -} -.p-confirm-popup.p-confirm-popup-flipped:before { - border-top-color: #383838; -} -.p-confirm-popup .p-confirm-popup-icon { - font-size: 1.5rem; -} -.p-confirm-popup .p-confirm-popup-message { - margin-left: 1rem; -} - -.p-dialog { - border-radius: 3px; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); - border: 1px solid #383838; -} -.p-dialog .p-dialog-header { - border-bottom: 0 none; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - padding: 1.5rem; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-dialog .p-dialog-header .p-dialog-title { - font-weight: 600; - font-size: 1.25rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { - margin-right: 0; -} -.p-dialog .p-dialog-content { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - padding: 0 1.5rem 2rem 1.5rem; -} -.p-dialog .p-dialog-footer { - border-top: 0 none; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - padding: 0 1.5rem 1.5rem 1.5rem; - text-align: right; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-dialog .p-dialog-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { - font-size: 2rem; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; -} - -.p-overlaypanel { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-overlaypanel .p-overlaypanel-content { - padding: 1rem; -} -.p-overlaypanel .p-overlaypanel-close { - background: #FFD54F; - color: #212529; - width: 2rem; - height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; - position: absolute; - top: -1rem; - right: -1rem; -} -.p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #ffcd2e; - color: #212529; -} -.p-overlaypanel:after { - border: solid transparent; - border-color: rgba(30, 30, 30, 0); - border-bottom-color: #1e1e1e; -} -.p-overlaypanel:before { - border: solid transparent; - border-color: rgba(56, 56, 56, 0); - border-bottom-color: #383838; -} -.p-overlaypanel.p-overlaypanel-flipped:after { - border-top-color: #1e1e1e; -} -.p-overlaypanel.p-overlaypanel-flipped:before { - border-top-color: #383838; -} - -.p-sidebar { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-sidebar .p-sidebar-header { - padding: 1rem; -} -.p-sidebar .p-sidebar-header .p-sidebar-close, -.p-sidebar .p-sidebar-header .p-sidebar-icon { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, -.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.p-sidebar .p-sidebar-header + .p-sidebar-content { - padding-top: 0; -} -.p-sidebar .p-sidebar-content { - padding: 1rem; -} - -.p-tooltip .p-tooltip-text { - background: #383838; - color: rgba(255, 255, 255, 0.87); - padding: 0.5rem 0.5rem; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; -} -.p-tooltip.p-tooltip-right .p-tooltip-arrow { - border-right-color: #383838; -} -.p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #383838; -} -.p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #383838; -} -.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #383838; -} - -.p-fileupload .p-fileupload-buttonbar { - background: #1e1e1e; - padding: 1rem; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; -} -.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.p-fileupload .p-fileupload-content { - background: #1e1e1e; - padding: 2rem 1rem; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-fileupload .p-progressbar { - height: 0.25rem; -} -.p-fileupload .p-fileupload-row > div { - padding: 1rem 1rem; -} -.p-fileupload.p-fileupload-advanced .p-message { - margin-top: 0; -} - -.p-fileupload-choose:not(.p-disabled):hover { - background: #ffcd2e; - color: #212529; - border-color: #ffcd2e; -} -.p-fileupload-choose:not(.p-disabled):active { - background: #ffc50c; - color: #212529; - border-color: #ffc50c; -} - -.p-breadcrumb { - background: #1e1e1e; - border: 1px solid #383838; - border-radius: 3px; - padding: 1rem; -} -.p-breadcrumb ul li .p-menuitem-link { - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-breadcrumb ul li .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-breadcrumb ul li.p-breadcrumb-chevron { - margin: 0 0.5rem 0 0.5rem; - color: rgba(255, 255, 255, 0.87); -} -.p-breadcrumb ul li:last-child .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-breadcrumb ul li:last-child .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} - -.p-contextmenu { - padding: 0.25rem 0; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; - width: 12.5rem; -} -.p-contextmenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-contextmenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-contextmenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #ffe284; -} -.p-contextmenu .p-submenu-list { - padding: 0.25rem 0; - background: #1e1e1e; - border: 1px solid #383838; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; -} -.p-contextmenu .p-menuitem { - margin: 0; -} -.p-contextmenu .p-menuitem:last-child { - margin: 0; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(255, 255, 255, 0.03); -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menu-separator { - border-top: 1px solid #383838; - margin: 0.25rem 0; -} -.p-contextmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-dock .p-dock-list { - background: rgba(255, 255, 255, 0.1); - border: 1px solid rgba(255, 255, 255, 0.2); - padding: 0.5rem 0.5rem; - border-radius: 0.5rem; -} -.p-dock .p-dock-item { - padding: 0.5rem; -} -.p-dock .p-dock-action { - width: 4rem; - height: 4rem; -} -.p-dock.p-dock-top .p-dock-item-second-prev, -.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, -.p-dock.p-dock-bottom .p-dock-item-second-next { - margin: 0 0.9rem; -} -.p-dock.p-dock-top .p-dock-item-prev, -.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, -.p-dock.p-dock-bottom .p-dock-item-next { - margin: 0 1.3rem; -} -.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { - margin: 0 1.5rem; -} -.p-dock.p-dock-left .p-dock-item-second-prev, -.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, -.p-dock.p-dock-right .p-dock-item-second-next { - margin: 0.9rem 0; -} -.p-dock.p-dock-left .p-dock-item-prev, -.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, -.p-dock.p-dock-right .p-dock-item-next { - margin: 1.3rem 0; -} -.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { - margin: 1.5rem 0; -} - -@media screen and (max-width: 960px) { - .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { - margin: auto 0; - } - .p-dock .p-dock-list .p-dock-item { - transform: none; - margin: 0; - } -} -.p-megamenu { - padding: 0.5rem; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; - transition: box-shadow 0.2s; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #ffe284; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-megamenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #ffe284; -} -.p-megamenu .p-megamenu-panel { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-megamenu .p-megamenu-submenu-header { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - font-weight: 600; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-megamenu .p-megamenu-submenu { - padding: 0.25rem 0; - width: 12.5rem; -} -.p-megamenu .p-megamenu-submenu .p-menu-separator { - border-top: 1px solid #383838; - margin: 0.25rem 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem { - margin: 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { - margin: 0; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(255, 255, 255, 0.03); -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.25rem 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem { - margin: 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { - margin: 0; -} - -.p-menu { - padding: 0.25rem 0; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; - width: 12.5rem; -} -.p-menu .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-menu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #ffe284; -} -.p-menu.p-menu-overlay { - background: #1e1e1e; - border: 1px solid #383838; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-menu .p-submenu-header { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - font-weight: 600; - border-top-right-radius: 0; - border-top-left-radius: 0; -} -.p-menu .p-menu-separator { - border-top: 1px solid #383838; - margin: 0.25rem 0; -} -.p-menu .p-menuitem { - margin: 0; -} -.p-menu .p-menuitem:last-child { - margin: 0; -} - -.p-menubar { - padding: 0.5rem; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; -} -.p-menubar .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menubar .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-menubar .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #ffe284; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #ffe284; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-submenu-list { - padding: 0.25rem 0; - background: #1e1e1e; - border: 1px solid #383838; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - width: 12.5rem; -} -.p-menubar .p-submenu-list .p-menu-separator { - border-top: 1px solid #383838; - margin: 0.25rem 0; -} -.p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; -} -.p-menubar .p-submenu-list .p-menuitem { - margin: 0; -} -.p-menubar .p-submenu-list .p-menuitem:last-child { - margin: 0; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(255, 255, 255, 0.03); -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} - -@media screen and (max-width: 960px) { - .p-menubar { - position: relative; - } - .p-menubar .p-menubar-button { - display: flex; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-menubar .p-menubar-button:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menubar .p-menubar-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; - } - .p-menubar .p-menubar-root-list { - position: absolute; - display: none; - padding: 0.25rem 0; - background: #1e1e1e; - border: 1px solid #383838; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - width: 100%; - } - .p-menubar .p-menubar-root-list .p-menu-separator { - border-top: 1px solid #383838; - margin: 0.25rem 0; - } - .p-menubar .p-menubar-root-list .p-submenu-icon { - font-size: 0.875rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #ffe284; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - transition: transform 0.2s; - } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-180deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list { - width: 100%; - position: static; - box-shadow: none; - border: 0 none; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { - transition: transform 0.2s; - transform: rotate(90deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-90deg); - } - .p-menubar .p-menubar-root-list .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list ul li a { - padding-left: 2.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li a { - padding-left: 3.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li a { - padding-left: 5.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { - padding-left: 6.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { - padding-left: 8.25rem; - } - .p-menubar.p-menubar-mobile-active .p-menubar-root-list { - display: flex; - flex-direction: column; - top: 100%; - left: 0; - z-index: 1; - } -} -.p-panelmenu .p-panelmenu-header > a { - padding: 1rem; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - font-weight: 600; - border-radius: 3px; - transition: box-shadow 0.2s; -} -.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #383838; - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight > a { - background: #1e1e1e; - border-color: #383838; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { - border-color: #383838; - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content { - padding: 0.25rem 0; - border: 1px solid #383838; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - margin-bottom: 0; - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #ffe284; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { - padding: 0 0 0 1rem; -} -.p-panelmenu .p-panelmenu-panel { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { - border-radius: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-content { - border-radius: 0; -} -.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { - border-top: 0 none; -} -.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { - border-top: 0 none; -} -.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-slidemenu { - padding: 0.25rem 0; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; - width: 12.5rem; -} -.p-slidemenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-slidemenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-slidemenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #ffe284; -} -.p-slidemenu.p-slidemenu-overlay { - background: #1e1e1e; - border: 1px solid #383838; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-slidemenu .p-slidemenu-list { - padding: 0.25rem 0; - background: #1e1e1e; - border: 1px solid #383838; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { - background: rgba(255, 255, 255, 0.03); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-slidemenu-separator { - border-top: 1px solid #383838; - margin: 0.25rem 0; -} -.p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; -} -.p-slidemenu .p-slidemenu-backward { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); -} - -.p-steps .p-steps-item .p-menuitem-link { - background: transparent; - transition: box-shadow 0.2s; - border-radius: 3px; - background: transparent; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-number { - color: rgba(255, 255, 255, 0.87); - border: 0 none; - background: transparent; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - z-index: 1; - border-radius: 50%; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-title { - margin-top: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.p-steps .p-steps-item.p-highlight .p-steps-number { - background: rgba(255, 213, 79, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-steps .p-steps-item.p-highlight .p-steps-title { - font-weight: 600; - color: rgba(255, 255, 255, 0.87); -} -.p-steps .p-steps-item:before { - content: " "; - border-top: 1px solid #383838; - width: 100%; - top: 50%; - left: 0; - display: block; - position: absolute; - margin-top: -1rem; -} - -.p-tabmenu .p-tabmenu-nav { - background: transparent; - border: 1px solid #383838; - border-width: 0 0 2px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { - margin-right: 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { - border: solid #383838; - border-width: 0 0 2px 0; - border-color: transparent transparent #383838 transparent; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.6); - padding: 1rem; - font-weight: 600; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #ffe284; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: #1e1e1e; - border-color: #FFD54F; - color: rgba(255, 255, 255, 0.87); -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #1e1e1e; - border-color: #FFD54F; - color: #FFD54F; -} - -.p-tieredmenu { - padding: 0.25rem 0; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; - width: 12.5rem; -} -.p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-tieredmenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-tieredmenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #ffe284; -} -.p-tieredmenu.p-tieredmenu-overlay { - background: #1e1e1e; - border: 1px solid #383838; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #1e1e1e; - border: 1px solid #383838; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-tieredmenu .p-menuitem { - margin: 0; -} -.p-tieredmenu .p-menuitem:last-child { - margin: 0; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(255, 255, 255, 0.03); -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menu-separator { - border-top: 1px solid #383838; - margin: 0.25rem 0; -} -.p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-inline-message { - padding: 0.5rem 0.5rem; - margin: 0; - border-radius: 3px; -} -.p-inline-message.p-inline-message-info { - background: #B3E5FC; - border: solid #0891cf; - border-width: 1px; - color: #044868; -} -.p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #044868; -} -.p-inline-message.p-inline-message-success { - background: #C8E6C9; - border: solid #439446; - border-width: 1px; - color: #224a23; -} -.p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #224a23; -} -.p-inline-message.p-inline-message-warn { - background: #FFECB3; - border: solid #d9a300; - border-width: 1px; - color: #6d5100; -} -.p-inline-message.p-inline-message-warn .p-inline-message-icon { - color: #6d5100; -} -.p-inline-message.p-inline-message-error { - background: #FFCDD2; - border: solid #e60017; - border-width: 1px; - color: #73000c; -} -.p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #73000c; -} -.p-inline-message .p-inline-message-icon { - font-size: 1rem; - margin-right: 0.5rem; -} -.p-inline-message .p-inline-message-text { - font-size: 1rem; -} -.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { - margin-right: 0; -} - -.p-message { - margin: 1rem 0; - border-radius: 3px; -} -.p-message .p-message-wrapper { - padding: 1rem 1.5rem; -} -.p-message .p-message-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-message .p-message-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.p-message.p-message-info { - background: #B3E5FC; - border: solid #0891cf; - border-width: 0 0 0 6px; - color: #044868; -} -.p-message.p-message-info .p-message-icon { - color: #044868; -} -.p-message.p-message-info .p-message-close { - color: #044868; -} -.p-message.p-message-success { - background: #C8E6C9; - border: solid #439446; - border-width: 0 0 0 6px; - color: #224a23; -} -.p-message.p-message-success .p-message-icon { - color: #224a23; -} -.p-message.p-message-success .p-message-close { - color: #224a23; -} -.p-message.p-message-warn { - background: #FFECB3; - border: solid #d9a300; - border-width: 0 0 0 6px; - color: #6d5100; -} -.p-message.p-message-warn .p-message-icon { - color: #6d5100; -} -.p-message.p-message-warn .p-message-close { - color: #6d5100; -} -.p-message.p-message-error { - background: #FFCDD2; - border: solid #e60017; - border-width: 0 0 0 6px; - color: #73000c; -} -.p-message.p-message-error .p-message-icon { - color: #73000c; -} -.p-message.p-message-error .p-message-close { - color: #73000c; -} -.p-message .p-message-text { - font-size: 1rem; - font-weight: 500; -} -.p-message .p-message-icon { - font-size: 1.5rem; - margin-right: 0.5rem; -} -.p-message .p-message-summary { - font-weight: 700; -} -.p-message .p-message-detail { - margin-left: 0.5rem; -} - -.p-toast { - opacity: 0.9; -} -.p-toast .p-toast-message { - margin: 0 0 1rem 0; - box-shadow: none; - border-radius: 3px; -} -.p-toast .p-toast-message .p-toast-message-content { - padding: 1rem; - border-width: 0 0 0 6px; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { - margin: 0 0 0 1rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { - font-size: 2rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { - font-weight: 700; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { - margin: 0.5rem 0 0 0; -} -.p-toast .p-toast-message .p-toast-icon-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-toast .p-toast-message .p-toast-icon-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; - border: solid #0891cf; - border-width: 0 0 0 6px; - color: #044868; -} -.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { - color: #044868; -} -.p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; - border: solid #439446; - border-width: 0 0 0 6px; - color: #224a23; -} -.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { - color: #224a23; -} -.p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; - border: solid #d9a300; - border-width: 0 0 0 6px; - color: #6d5100; -} -.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { - color: #6d5100; -} -.p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; - border: solid #e60017; - border-width: 0 0 0 6px; - color: #73000c; -} -.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { - color: #73000c; -} - -.p-galleria .p-galleria-close { - margin: 0.5rem; - background: transparent; - color: #f8f9fa; - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-close .p-galleria-close-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-close:hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-item-nav { - background: transparent; - color: #f8f9fa; - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 3px; - margin: 0 0.5rem; -} -.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, -.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-caption { - background: rgba(0, 0, 0, 0.5); - color: #f8f9fa; - padding: 1rem; -} -.p-galleria .p-galleria-indicators { - padding: 1rem; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #383838; - width: 1rem; - height: 1rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { - background: #4c4c4c; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(255, 213, 79, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { - margin-right: 0.5rem; -} -.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { - margin-bottom: 0.5rem; -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { - background: rgba(0, 0, 0, 0.5); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { - background: rgba(255, 255, 255, 0.4); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { - background: rgba(255, 255, 255, 0.6); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(255, 213, 79, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-galleria .p-galleria-thumbnail-container { - background: rgba(0, 0, 0, 0.9); - padding: 1rem 0.25rem; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { - margin: 0.5rem; - background-color: transparent; - color: #f8f9fa; - width: 2rem; - height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} - -.p-galleria-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-preview-indicator { - background-color: transparent; - color: #f8f9fa; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} - -.p-image-preview-container:hover > .p-image-preview-indicator { - background-color: rgba(0, 0, 0, 0.5); -} - -.p-image-toolbar { - padding: 1rem; -} - -.p-image-action.p-link { - color: #f8f9fa; - background-color: transparent; - width: 3rem; - height: 3rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-image-action.p-link:last-child { - margin-right: 0; -} -.p-image-action.p-link:hover { - color: #f8f9fa; - background-color: rgba(255, 255, 255, 0.1); -} -.p-image-action.p-link i { - font-size: 1.5rem; -} - -.p-avatar { - background-color: #383838; - border-radius: 3px; -} -.p-avatar.p-avatar-lg { - width: 3rem; - height: 3rem; - font-size: 1.5rem; -} -.p-avatar.p-avatar-lg .p-avatar-icon { - font-size: 1.5rem; -} -.p-avatar.p-avatar-xl { - width: 4rem; - height: 4rem; - font-size: 2rem; -} -.p-avatar.p-avatar-xl .p-avatar-icon { - font-size: 2rem; -} - -.p-avatar-group .p-avatar { - border: 2px solid #1e1e1e; -} - -.p-badge { - background: #FFD54F; - color: #212529; - font-size: 0.75rem; - font-weight: 700; - min-width: 1.5rem; - height: 1.5rem; - line-height: 1.5rem; -} -.p-badge.p-badge-secondary { - background-color: #78909C; - color: #ffffff; -} -.p-badge.p-badge-success { - background-color: #C5E1A5; - color: #121212; -} -.p-badge.p-badge-info { - background-color: #81D4FA; - color: #121212; -} -.p-badge.p-badge-warning { - background-color: #FFE082; - color: #121212; -} -.p-badge.p-badge-danger { - background-color: #F48FB1; - color: #121212; -} -.p-badge.p-badge-lg { - font-size: 1.125rem; - min-width: 2.25rem; - height: 2.25rem; - line-height: 2.25rem; -} -.p-badge.p-badge-xl { - font-size: 1.5rem; - min-width: 3rem; - height: 3rem; - line-height: 3rem; -} - -.p-chip { - background-color: #383838; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - padding: 0 0.5rem; -} -.p-chip .p-chip-text { - line-height: 1.5; - margin-top: 0.25rem; - margin-bottom: 0.25rem; -} -.p-chip .p-chip-icon { - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - margin-left: 0.5rem; -} -.p-chip img { - width: 2rem; - height: 2rem; - margin-left: -0.5rem; - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - border-radius: 3px; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} - -.p-inplace .p-inplace-display { - padding: 0.5rem 0.5rem; - border-radius: 3px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-inplace .p-inplace-display:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-inplace .p-inplace-display:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} - -.p-progressbar { - border: 0 none; - height: 1.5rem; - background: #383838; - border-radius: 3px; -} -.p-progressbar .p-progressbar-value { - border: 0 none; - margin: 0; - background: #FFD54F; -} -.p-progressbar .p-progressbar-label { - color: #212529; - line-height: 1.5rem; -} - -.p-scrolltop { - width: 3rem; - height: 3rem; - border-radius: 50%; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-scrolltop.p-link { - background: rgba(255, 213, 79, 0.16); -} -.p-scrolltop.p-link:hover { - background: rgba(255, 213, 79, 0.3616); -} -.p-scrolltop .p-scrolltop-icon { - font-size: 1.5rem; - color: rgba(255, 255, 255, 0.87); -} - -.p-skeleton { - background-color: rgba(255, 255, 255, 0.06); - border-radius: 3px; -} -.p-skeleton:after { - background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); -} - -.p-tag { - background: #FFD54F; - color: #212529; - font-size: 0.75rem; - font-weight: 700; - padding: 0.25rem 0.4rem; - border-radius: 3px; -} -.p-tag.p-tag-success { - background-color: #C5E1A5; - color: #121212; -} -.p-tag.p-tag-info { - background-color: #81D4FA; - color: #121212; -} -.p-tag.p-tag-warning { - background-color: #FFE082; - color: #121212; -} -.p-tag.p-tag-danger { - background-color: #F48FB1; - color: #121212; -} -.p-tag .p-tag-icon { - margin-right: 0.25rem; - font-size: 0.75rem; -} - -.p-terminal { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - padding: 1rem; -} -.p-terminal .p-terminal-input { - font-size: 1rem; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; -} - -/* Customizations to the designer theme should be defined here */ -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #FFD54F; -} - -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #FFD54F; -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #FFD54F; -} diff --git a/src/assets/theme/arya-purple/theme.css b/src/assets/theme/arya-purple/theme.css deleted file mode 100644 index 69da130..0000000 --- a/src/assets/theme/arya-purple/theme.css +++ /dev/null @@ -1,5683 +0,0 @@ -:root { - --surface-a:#1e1e1e; - --surface-b:#121212; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#383838; - --surface-e:#1e1e1e; - --surface-f:#1e1e1e; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#BA68C8; - --primary-color-text:#ffffff; - --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; - --surface-0: #121212; - --surface-50: #2a2a2a; - --surface-100: #414141; - --surface-200: #595959; - --surface-300: #717171; - --surface-400: #898989; - --surface-500: #a0a0a0; - --surface-600: #b8b8b8; - --surface-700: #d0d0d0; - --surface-800: #e7e7e7; - --surface-900: #ffffff; - --gray-50:#e7e7e7; - --gray-100: #d0d0d0; - --gray-200: #b8b8b8; - --gray-300: #a0a0a0; - --gray-400: #898989; - --gray-500: #717171; - --gray-600: #595959; - --gray-700: #414141; - --gray-800: #2a2a2a; - --gray-900: #121212; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:3px; - --surface-ground:#121212; - --surface-section:#121212; - --surface-card:#1e1e1e; - --surface-overlay:#1e1e1e; - --surface-border:#383838; - --surface-hover:rgba(255,255,255,.03); - --maskbg: rgba(0, 0, 0, 0.4); - --focus-ring: 0 0 0 1px #cf95d9; -} - -* { - box-sizing: border-box; -} - -.p-component { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - font-weight: normal; -} - -.p-component-overlay { - background-color: rgba(0, 0, 0, 0.4); - transition-duration: 0.2s; -} - -.p-disabled, .p-component:disabled { - opacity: 0.4; -} - -.p-error { - color: #ef9a9a; -} - -.p-text-secondary { - color: rgba(255, 255, 255, 0.6); -} - -.pi { - font-size: 1rem; -} - -.p-link { - font-size: 1rem; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - border-radius: 3px; -} -.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} - -.p-component-overlay-enter { - animation: p-component-overlay-enter-animation 150ms forwards; -} - -.p-component-overlay-leave { - animation: p-component-overlay-leave-animation 150ms forwards; -} - -@keyframes p-component-overlay-enter-animation { - from { - background-color: transparent; - } - to { - background-color: var(--maskbg); - } -} -@keyframes p-component-overlay-leave-animation { - from { - background-color: var(--maskbg); - } - to { - background-color: transparent; - } -} - -:root { - --blue-50:#f4fafe; - --blue-100:#cae6fc; - --blue-200:#a0d2fa; - --blue-300:#75bef8; - --blue-400:#4baaf5; - --blue-500:#2196f3; - --blue-600:#1c80cf; - --blue-700:#1769aa; - --blue-800:#125386; - --blue-900:#0d3c61; - --green-50:#f6fbf6; - --green-100:#d4ecd5; - --green-200:#b2ddb4; - --green-300:#90cd93; - --green-400:#6ebe71; - --green-500:#4caf50; - --green-600:#419544; - --green-700:#357b38; - --green-800:#2a602c; - --green-900:#1e4620; - --yellow-50:#fffcf5; - --yellow-100:#fef0cd; - --yellow-200:#fde4a5; - --yellow-300:#fdd87d; - --yellow-400:#fccc55; - --yellow-500:#fbc02d; - --yellow-600:#d5a326; - --yellow-700:#b08620; - --yellow-800:#8a6a19; - --yellow-900:#644d12; - --cyan-50:#f2fcfd; - --cyan-100:#c2eff5; - --cyan-200:#91e2ed; - --cyan-300:#61d5e4; - --cyan-400:#30c9dc; - --cyan-500:#00bcd4; - --cyan-600:#00a0b4; - --cyan-700:#008494; - --cyan-800:#006775; - --cyan-900:#004b55; - --pink-50:#fef4f7; - --pink-100:#fac9da; - --pink-200:#f69ebc; - --pink-300:#f1749e; - --pink-400:#ed4981; - --pink-500:#e91e63; - --pink-600:#c61a54; - --pink-700:#a31545; - --pink-800:#801136; - --pink-900:#5d0c28; - --indigo-50:#f5f6fb; - --indigo-100:#d1d5ed; - --indigo-200:#acb4df; - --indigo-300:#8893d1; - --indigo-400:#6372c3; - --indigo-500:#3f51b5; - --indigo-600:#36459a; - --indigo-700:#2c397f; - --indigo-800:#232d64; - --indigo-900:#192048; - --teal-50:#f2faf9; - --teal-100:#c2e6e2; - --teal-200:#91d2cc; - --teal-300:#61beb5; - --teal-400:#30aa9f; - --teal-500:#009688; - --teal-600:#008074; - --teal-700:#00695f; - --teal-800:#00534b; - --teal-900:#003c36; - --orange-50:#fff8f2; - --orange-100:#fde0c2; - --orange-200:#fbc791; - --orange-300:#f9ae61; - --orange-400:#f79530; - --orange-500:#f57c00; - --orange-600:#d06900; - --orange-700:#ac5700; - --orange-800:#874400; - --orange-900:#623200; - --bluegray-50:#f7f9f9; - --bluegray-100:#d9e0e3; - --bluegray-200:#bbc7cd; - --bluegray-300:#9caeb7; - --bluegray-400:#7e96a1; - --bluegray-500:#607d8b; - --bluegray-600:#526a76; - --bluegray-700:#435861; - --bluegray-800:#35454c; - --bluegray-900:#263238; - --purple-50:#faf4fb; - --purple-100:#e7cbec; - --purple-200:#d4a2dd; - --purple-300:#c279ce; - --purple-400:#af50bf; - --purple-500:#9c27b0; - --purple-600:#852196; - --purple-700:#6d1b7b; - --purple-800:#561561; - --purple-900:#3e1046; -} - -.p-autocomplete .p-autocomplete-loader { - right: 0.5rem; -} -.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 2.857rem; -} -.p-autocomplete .p-autocomplete-multiple-container { - padding: 0.25rem 0.5rem; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: #BA68C8; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; - border-color: #BA68C8; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { - padding: 0.25rem 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - padding: 0; - margin: 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { - padding: 0.25rem 0.5rem; - margin-right: 0.5rem; - background: rgba(186, 104, 200, 0.16); - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; -} - -p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #ef9a9a; -} - -.p-autocomplete-panel { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-autocomplete-panel .p-autocomplete-items:not(.p-autocomplete-virtualscroll) { - padding: 0.5rem 0; -} -.p-autocomplete-panel .p-autocomplete-items.p-autocomplete-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.5rem 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(186, 104, 200, 0.16); -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.5rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - font-weight: 600; -} - -p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { - border-color: #ef9a9a; -} - -.p-datepicker { - padding: 0.5rem; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; -} -.p-datepicker:not(.p-datepicker-inline) { - background: #1e1e1e; - border: 1px solid #383838; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { - background: #1e1e1e; -} -.p-datepicker .p-datepicker-header { - padding: 0.5rem; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - font-weight: 600; - margin: 0; - border-bottom: 1px solid #383838; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev, -.p-datepicker .p-datepicker-header .p-datepicker-next { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.p-datepicker .p-datepicker-header .p-datepicker-title { - line-height: 2rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - font-weight: 600; - padding: 0.5rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #BA68C8; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - margin-right: 0.5rem; -} -.p-datepicker table { - font-size: 1rem; - margin: 0.5rem 0; -} -.p-datepicker table th { - padding: 0.5rem; -} -.p-datepicker table th > span { - width: 2.5rem; - height: 2.5rem; -} -.p-datepicker table td { - padding: 0.5rem; -} -.p-datepicker table td > span { - width: 2.5rem; - height: 2.5rem; - border-radius: 50%; - transition: box-shadow 0.2s; - border: 1px solid transparent; -} -.p-datepicker table td > span.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(186, 104, 200, 0.16); -} -.p-datepicker table td > span:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.p-datepicker table td.p-datepicker-today > span { - background: transparent; - color: #BA68C8; - border-color: transparent; -} -.p-datepicker table td.p-datepicker-today > span.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(186, 104, 200, 0.16); -} -.p-datepicker .p-datepicker-buttonbar { - padding: 1rem 0; - border-top: 1px solid #383838; -} -.p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; -} -.p-datepicker .p-timepicker { - border-top: 1px solid #383838; - padding: 0.5rem; -} -.p-datepicker .p-timepicker button { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-timepicker button:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker .p-timepicker button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.p-datepicker .p-timepicker button:last-child { - margin-top: 0.2em; -} -.p-datepicker .p-timepicker span { - font-size: 1.25rem; -} -.p-datepicker .p-timepicker > div { - padding: 0 0.5rem; -} -.p-datepicker.p-datepicker-timeonly .p-timepicker { - border-top: 0 none; -} -.p-datepicker .p-monthpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-monthpicker .p-monthpicker-month { - padding: 0.5rem; - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(186, 104, 200, 0.16); -} -.p-datepicker .p-yearpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-yearpicker .p-yearpicker-year { - padding: 0.5rem; - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(186, 104, 200, 0.16); -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #383838; - padding-right: 0.5rem; - padding-left: 0.5rem; - padding-top: 0; - padding-bottom: 0; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { - padding-left: 0; - border-left: 0 none; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { - padding-right: 0; -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} - -@media screen and (max-width: 769px) { - .p-datepicker table th, .p-datepicker table td { - padding: 0; - } -} -.p-cascadeselect { - background: #121212; - border: 1px solid #383838; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-cascadeselect:not(.p-disabled):hover { - border-color: #BA68C8; -} -.p-cascadeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; - border-color: #BA68C8; -} -.p-cascadeselect .p-cascadeselect-label { - background: transparent; - border: 0 none; - padding: 0.5rem 0.5rem; -} -.p-cascadeselect .p-cascadeselect-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-cascadeselect .p-cascadeselect-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-cascadeselect .p-cascadeselect-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2.357rem; - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-cascadeselect-panel { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-cascadeselect-panel .p-cascadeselect-items { - padding: 0.5rem 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { - margin: 0; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.5rem 1rem; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #cf95d9; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(186, 104, 200, 0.16); -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { - font-size: 0.875rem; -} - -p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #ef9a9a; -} - -.p-input-filled .p-cascadeselect { - background: #383838; -} -.p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #383838; -} -.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #383838; -} - -.p-checkbox { - width: 20px; - height: 20px; -} -.p-checkbox .p-checkbox-box { - border: 2px solid #383838; - background: #121212; - width: 20px; - height: 20px; - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-checkbox .p-checkbox-box .p-checkbox-icon { - transition-duration: 0.2s; - color: #ffffff; - font-size: 14px; -} -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #BA68C8; - background: #BA68C8; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #BA68C8; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; - border-color: #BA68C8; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #a241b2; - background: #a241b2; - color: #ffffff; -} - -p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #ef9a9a; -} - -.p-input-filled .p-checkbox .p-checkbox-box { - background-color: #383838; -} -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #BA68C8; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #383838; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #a241b2; -} - -.p-checkbox-label { - margin-left: 0.5rem; -} - -.p-chips .p-chips-multiple-container { - padding: 0.25rem 0.5rem; -} -.p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: #BA68C8; -} -.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; - border-color: #BA68C8; -} -.p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.25rem 0.5rem; - margin-right: 0.5rem; - background: rgba(186, 104, 200, 0.16); - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; -} -.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { - margin-left: 0.5rem; -} -.p-chips .p-chips-multiple-container .p-chips-input-token { - padding: 0.25rem 0; -} -.p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - padding: 0; - margin: 0; -} - -p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { - border-color: #ef9a9a; -} - -.p-colorpicker-preview, -.p-fluid .p-colorpicker-preview.p-inputtext { - width: 2rem; - height: 2rem; -} - -.p-colorpicker-panel { - background: #1e1e1e; - border: 1px solid #383838; -} -.p-colorpicker-panel .p-colorpicker-color-handle, -.p-colorpicker-panel .p-colorpicker-hue-handle { - border-color: rgba(255, 255, 255, 0.87); -} - -.p-colorpicker-overlay-panel { - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} - -.p-dropdown { - background: #121212; - border: 1px solid #383838; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-dropdown:not(.p-disabled):hover { - border-color: #BA68C8; -} -.p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; - border-color: #BA68C8; -} -.p-dropdown.p-dropdown-clearable .p-dropdown-label { - padding-right: 1.5rem; -} -.p-dropdown .p-dropdown-label { - background: transparent; - border: 0 none; -} -.p-dropdown .p-dropdown-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-dropdown .p-dropdown-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-dropdown .p-dropdown-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2.357rem; - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} -.p-dropdown .p-dropdown-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 2.357rem; -} - -.p-dropdown-panel { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-dropdown-panel .p-dropdown-header { - padding: 0.5rem 1rem; - border-bottom: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - margin: 0; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { - padding-right: 1.5rem; - margin-right: -1.5rem; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { - right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-dropdown-panel .p-dropdown-items:not(.p-dropdown-virtualscroll) { - padding: 0.5rem 0; -} -.p-dropdown-panel .p-dropdown-items.p-dropdown-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.5rem 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(186, 104, 200, 0.16); -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.5rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - font-weight: 600; -} - -p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #ef9a9a; -} - -.p-input-filled .p-dropdown { - background: #383838; -} -.p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #383838; -} -.p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: #383838; -} - -.p-editor-container .p-editor-toolbar { - background: #1e1e1e; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #383838; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #1e1e1e; - border: 1px solid #383838; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; - padding: 0.5rem 0; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.5rem 1rem; -} -.p-editor-container .p-editor-content { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-editor-container .p-editor-content.ql-snow { - border: 1px solid #383838; -} -.p-editor-container .p-editor-content .ql-editor { - background: #121212; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #BA68C8; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #BA68C8; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #BA68C8; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #BA68C8; -} - -.p-inputgroup-addon { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.6); - border-top: 1px solid #383838; - border-left: 1px solid #383838; - border-bottom: 1px solid #383838; - padding: 0.5rem 0.5rem; - min-width: 2.357rem; -} -.p-inputgroup-addon:last-child { - border-right: 1px solid #383838; -} - -.p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, -.p-inputgroup > .p-float-label > .p-component { - border-radius: 0; - margin: 0; -} -.p-inputgroup > .p-component + .p-inputgroup-addon, -.p-inputgroup > .p-element + .p-inputgroup-addon, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, -.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { - border-left: 0 none; -} -.p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, -.p-inputgroup > .p-float-label > .p-component:focus { - z-index: 1; -} -.p-inputgroup > .p-component:focus ~ label, -.p-inputgroup > .p-element:focus ~ label, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, -.p-inputgroup > .p-float-label > .p-component:focus ~ label { - z-index: 1; -} - -.p-inputgroup-addon:first-child, -.p-inputgroup button:first-child, -.p-inputgroup input:first-child, -.p-inputgroup > .p-inputwrapper:first-child > .p-component, -.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-inputgroup .p-float-label:first-child input { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-inputgroup-addon:last-child, -.p-inputgroup button:last-child, -.p-inputgroup input:last-child, -.p-inputgroup > .p-inputwrapper:last-child > .p-component, -.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-inputgroup .p-float-label:last-child input { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-fluid .p-inputgroup .p-button { - width: auto; -} -.p-fluid .p-inputgroup .p-button.p-button-icon-only { - width: 2.357rem; -} - -p-inputmask.ng-dirty.ng-invalid > .p-inputtext { - border-color: #ef9a9a; -} - -p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { - border-color: #ef9a9a; -} - -.p-inputswitch { - width: 3rem; - height: 1.75rem; -} -.p-inputswitch .p-inputswitch-slider { - background: #383838; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 30px; -} -.p-inputswitch .p-inputswitch-slider:before { - background: rgba(255, 255, 255, 0.6); - width: 1.25rem; - height: 1.25rem; - left: 0.25rem; - margin-top: -0.625rem; - border-radius: 50%; - transition-duration: 0.2s; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - transform: translateX(1.25rem); -} -.p-inputswitch.p-focus .p-inputswitch-slider { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: rgba(255, 255, 255, 0.03); -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #BA68C8; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: rgba(255, 255, 255, 0.87); -} -.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #b052c0; -} - -p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { - border-color: #ef9a9a; -} - -.p-inputtext { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - background: #121212; - padding: 0.5rem 0.5rem; - border: 1px solid #383838; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - appearance: none; - border-radius: 3px; -} -.p-inputtext:enabled:hover { - border-color: #BA68C8; -} -.p-inputtext:enabled:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; - border-color: #BA68C8; -} -.p-inputtext.ng-dirty.ng-invalid { - border-color: #ef9a9a; -} -.p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.4375rem; -} -.p-inputtext.p-inputtext-lg { - font-size: 1.25rem; - padding: 0.625rem 0.625rem; -} - -.p-float-label > label { - left: 0.5rem; - color: rgba(255, 255, 255, 0.6); - transition-duration: 0.2s; -} - -.p-float-label > .ng-invalid.ng-dirty + label { - color: #ef9a9a; -} - -.p-input-icon-left > i:first-of-type { - left: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} - -.p-input-icon-left > .p-inputtext { - padding-left: 2rem; -} - -.p-input-icon-left.p-float-label > label { - left: 2rem; -} - -.p-input-icon-right > i:last-of-type { - right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} - -.p-input-icon-right > .p-inputtext { - padding-right: 2rem; -} - -::-webkit-input-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -:-moz-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -::-moz-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -:-ms-input-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -.p-input-filled .p-inputtext { - background-color: #383838; -} -.p-input-filled .p-inputtext:enabled:hover { - background-color: #383838; -} -.p-input-filled .p-inputtext:enabled:focus { - background-color: #383838; -} - -.p-inputtext-sm .p-inputtext { - font-size: 0.875rem; - padding: 0.4375rem 0.4375rem; -} - -.p-inputtext-lg .p-inputtext { - font-size: 1.25rem; - padding: 0.625rem 0.625rem; -} - -.p-listbox { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; -} -.p-listbox .p-listbox-header { - padding: 0.5rem 1rem; - border-bottom: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - margin: 0; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-listbox .p-listbox-header .p-listbox-filter { - padding-right: 1.5rem; -} -.p-listbox .p-listbox-header .p-listbox-filter-icon { - right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-listbox .p-listbox-header .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list { - padding: 0.5rem 0; -} -.p-listbox .p-listbox-list .p-listbox-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(186, 104, 200, 0.16); -} -.p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #cf95d9; -} -.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list .p-listbox-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - font-weight: 600; -} -.p-listbox .p-listbox-list .p-listbox-empty-message { - padding: 0.5rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} - -p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #ef9a9a; -} - -.p-multiselect { - background: #121212; - border: 1px solid #383838; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-multiselect:not(.p-disabled):hover { - border-color: #BA68C8; -} -.p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; - border-color: #BA68C8; -} -.p-multiselect .p-multiselect-label { - padding: 0.5rem 0.5rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-multiselect .p-multiselect-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-multiselect.p-multiselect-chip .p-multiselect-token { - padding: 0.25rem 0.5rem; - margin-right: 0.5rem; - background: rgba(186, 104, 200, 0.16); - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; -} -.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { - margin-left: 0.5rem; -} -.p-multiselect .p-multiselect-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2.357rem; - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { - padding: 0.25rem 0.5rem; -} - -.p-multiselect-panel { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-multiselect-panel .p-multiselect-header { - padding: 0.5rem 1rem; - border-bottom: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - margin: 0; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { - padding-right: 1.5rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { - right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-multiselect-panel .p-multiselect-header .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close { - margin-left: 0.5rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.p-multiselect-panel .p-multiselect-items:not(.p-multiselect-virtualscroll) { - padding: 0.5rem 0; -} -.p-multiselect-panel .p-multiselect-items.p-multiselect-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.5rem 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(186, 104, 200, 0.16); -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #cf95d9; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - font-weight: 600; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { - padding: 0.5rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} - -p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #ef9a9a; -} - -.p-input-filled .p-multiselect { - background: #383838; -} -.p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #383838; -} -.p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #383838; -} - -p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #ef9a9a; -} - -.p-password-panel { - padding: 1rem; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; -} -.p-password-panel .p-password-meter { - margin-bottom: 0.5rem; - background: #383838; -} -.p-password-panel .p-password-meter .p-password-strength.weak { - background: #F48FB1; -} -.p-password-panel .p-password-meter .p-password-strength.medium { - background: #FFE082; -} -.p-password-panel .p-password-meter .p-password-strength.strong { - background: #C5E1A5; -} - -.p-radiobutton { - width: 20px; - height: 20px; -} -.p-radiobutton .p-radiobutton-box { - border: 2px solid #383838; - background: #121212; - width: 20px; - height: 20px; - color: rgba(255, 255, 255, 0.87); - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #BA68C8; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; - border-color: #BA68C8; -} -.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - width: 12px; - height: 12px; - transition-duration: 0.2s; - background-color: #ffffff; -} -.p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #BA68C8; - background: #BA68C8; -} -.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #a241b2; - background: #a241b2; - color: #ffffff; -} - -p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #ef9a9a; -} - -.p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #383838; -} -.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #383838; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #BA68C8; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #a241b2; -} - -.p-radiobutton-label { - margin-left: 0.5rem; -} - -.p-rating .p-rating-icon { - color: rgba(255, 255, 255, 0.87); - margin-left: 0.5rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - font-size: 1.143rem; -} -.p-rating .p-rating-icon.p-rating-cancel { - color: #F48FB1; -} -.p-rating .p-rating-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.p-rating .p-rating-icon:first-child { - margin-left: 0; -} -.p-rating .p-rating-icon.pi-star-fill { - color: #BA68C8; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { - color: #BA68C8; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - color: #F48FB1; -} - -.p-selectbutton .p-button { - background: #1e1e1e; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-selectbutton .p-button .p-button-icon-left, -.p-selectbutton .p-button .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - border-color: #383838; - color: rgba(255, 255, 255, 0.87); -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-selectbutton .p-button.p-highlight { - background: #BA68C8; - border-color: #BA68C8; - color: #ffffff; -} -.p-selectbutton .p-button.p-highlight .p-button-icon-left, -.p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: #ffffff; -} -.p-selectbutton .p-button.p-highlight:hover { - background: #b052c0; - border-color: #b052c0; - color: #ffffff; -} -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: #ffffff; -} - -p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #ef9a9a; -} - -.p-slider { - background: #383838; - border: 0 none; - border-radius: 3px; -} -.p-slider.p-slider-horizontal { - height: 0.286rem; -} -.p-slider.p-slider-horizontal .p-slider-handle { - margin-top: -0.5715rem; - margin-left: -0.5715rem; -} -.p-slider.p-slider-vertical { - width: 0.286rem; -} -.p-slider.p-slider-vertical .p-slider-handle { - margin-left: -0.5715rem; - margin-bottom: -0.5715rem; -} -.p-slider .p-slider-handle { - height: 1.143rem; - width: 1.143rem; - background: #383838; - border: 2px solid #BA68C8; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-slider .p-slider-handle:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.p-slider .p-slider-range { - background: #BA68C8; -} -.p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #BA68C8; - border-color: #BA68C8; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { - transition: width 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { - transition: height 0.2s; -} - -.p-togglebutton.p-button { - background: #1e1e1e; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-togglebutton.p-button .p-button-icon-left, -.p-togglebutton.p-button .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - border-color: #383838; - color: rgba(255, 255, 255, 0.87); -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-togglebutton.p-button.p-highlight { - background: #BA68C8; - border-color: #BA68C8; - color: #ffffff; -} -.p-togglebutton.p-button.p-highlight .p-button-icon-left, -.p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: #ffffff; -} -.p-togglebutton.p-button.p-highlight:hover { - background: #b052c0; - border-color: #b052c0; - color: #ffffff; -} -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: #ffffff; -} - -p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #ef9a9a; -} - -.p-treeselect { - background: #121212; - border: 1px solid #383838; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-treeselect:not(.p-disabled):hover { - border-color: #BA68C8; -} -.p-treeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; - border-color: #BA68C8; -} -.p-treeselect .p-treeselect-label { - padding: 0.5rem 0.5rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-treeselect .p-treeselect-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-treeselect.p-treeselect-chip .p-treeselect-token { - padding: 0.25rem 0.5rem; - margin-right: 0.5rem; - background: #383838; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; -} -.p-treeselect .p-treeselect-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2.357rem; - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -p-treeselect.ng-invalid.ng-dirty > .p-treeselect { - border-color: #ef9a9a; -} - -.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { - padding: 0.25rem 0.5rem; -} - -.p-treeselect-panel { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { - border: 0 none; -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { - padding: 0.5rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} - -.p-input-filled .p-treeselect { - background: #383838; -} -.p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #383838; -} -.p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: #383838; -} - -.p-button { - color: #ffffff; - background: #BA68C8; - border: 1px solid #BA68C8; - padding: 0.5rem 1rem; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-button:enabled:hover { - background: #b052c0; - color: #ffffff; - border-color: #b052c0; -} -.p-button:enabled:active { - background: #a241b2; - color: #ffffff; - border-color: #a241b2; -} -.p-button.p-button-outlined { - background-color: transparent; - color: #BA68C8; - border: 1px solid; -} -.p-button.p-button-outlined:enabled:hover { - background: rgba(186, 104, 200, 0.04); - color: #BA68C8; - border: 1px solid; -} -.p-button.p-button-outlined:enabled:active { - background: rgba(186, 104, 200, 0.16); - color: #BA68C8; - border: 1px solid; -} -.p-button.p-button-outlined.p-button-plain { - color: rgba(255, 255, 255, 0.6); - border-color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-outlined.p-button-plain:enabled:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-outlined.p-button-plain:enabled:active { - background: rgba(255, 255, 255, 0.16); - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-text { - background-color: transparent; - color: #BA68C8; - border-color: transparent; -} -.p-button.p-button-text:enabled:hover { - background: rgba(186, 104, 200, 0.04); - color: #BA68C8; - border-color: transparent; -} -.p-button.p-button-text:enabled:active { - background: rgba(186, 104, 200, 0.16); - color: #BA68C8; - border-color: transparent; -} -.p-button.p-button-text.p-button-plain { - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-text.p-button-plain:enabled:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-text.p-button-plain:enabled:active { - background: rgba(255, 255, 255, 0.16); - color: rgba(255, 255, 255, 0.6); -} -.p-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.p-button .p-button-icon-left { - margin-right: 0.5rem; -} -.p-button .p-button-icon-right { - margin-left: 0.5rem; -} -.p-button .p-button-icon-bottom { - margin-top: 0.5rem; -} -.p-button .p-button-icon-top { - margin-bottom: 0.5rem; -} -.p-button .p-badge { - margin-left: 0.5rem; - min-width: 1rem; - height: 1rem; - line-height: 1rem; - color: #BA68C8; - background-color: #ffffff; -} -.p-button.p-button-raised { - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); -} -.p-button.p-button-rounded { - border-radius: 2rem; -} -.p-button.p-button-icon-only { - width: 2.357rem; - padding: 0.5rem 0; -} -.p-button.p-button-icon-only .p-button-icon-left, -.p-button.p-button-icon-only .p-button-icon-right { - margin: 0; -} -.p-button.p-button-icon-only.p-button-rounded { - border-radius: 50%; - height: 2.357rem; -} -.p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.875rem; -} -.p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; -} -.p-button.p-button-lg { - font-size: 1.25rem; - padding: 0.625rem 1.25rem; -} -.p-button.p-button-lg .p-button-icon { - font-size: 1.25rem; -} -.p-button.p-button-loading-label-only .p-button-label { - margin-left: 0.5rem; -} -.p-button.p-button-loading-label-only .p-button-loading-icon { - margin-right: 0; -} - -.p-fluid .p-button { - width: 100%; -} -.p-fluid .p-button-icon-only { - width: 2.357rem; -} -.p-fluid .p-buttonset { - display: flex; -} -.p-fluid .p-buttonset .p-button { - flex: 1; -} - -.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { - color: #ffffff; - background: #78909C; - border: 1px solid #78909C; -} -.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { - background: #69838f; - color: #ffffff; - border-color: #69838f; -} -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #a1b1ba; -} -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: #5d747f; - color: #ffffff; - border-color: #5d747f; -} -.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { - background-color: transparent; - color: #78909C; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { - background: rgba(120, 144, 156, 0.04); - color: #78909C; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { - background: rgba(120, 144, 156, 0.16); - color: #78909C; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { - background-color: transparent; - color: #78909C; - border-color: transparent; -} -.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { - background: rgba(120, 144, 156, 0.04); - border-color: transparent; - color: #78909C; -} -.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { - background: rgba(120, 144, 156, 0.16); - border-color: transparent; - color: #78909C; -} - -.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { - color: #121212; - background: #81D4FA; - border: 1px solid #81D4FA; -} -.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { - background: #5dc8f9; - color: #121212; - border-color: #5dc8f9; -} -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #a7e1fc; -} -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: #38bbf7; - color: #121212; - border-color: #38bbf7; -} -.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { - background-color: transparent; - color: #81D4FA; - border: 1px solid; -} -.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { - background: rgba(129, 212, 250, 0.04); - color: #81D4FA; - border: 1px solid; -} -.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { - background: rgba(129, 212, 250, 0.16); - color: #81D4FA; - border: 1px solid; -} -.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { - background-color: transparent; - color: #81D4FA; - border-color: transparent; -} -.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { - background: rgba(129, 212, 250, 0.04); - border-color: transparent; - color: #81D4FA; -} -.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { - background: rgba(129, 212, 250, 0.16); - border-color: transparent; - color: #81D4FA; -} - -.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { - color: #121212; - background: #C5E1A5; - border: 1px solid #C5E1A5; -} -.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { - background: #b2d788; - color: #121212; - border-color: #b2d788; -} -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #d6eac0; -} -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: #9fce6b; - color: #121212; - border-color: #9fce6b; -} -.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { - background-color: transparent; - color: #C5E1A5; - border: 1px solid; -} -.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { - background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; - border: 1px solid; -} -.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { - background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; - border: 1px solid; -} -.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { - background-color: transparent; - color: #C5E1A5; - border-color: transparent; -} -.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { - background: rgba(197, 225, 165, 0.04); - border-color: transparent; - color: #C5E1A5; -} -.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { - background: rgba(197, 225, 165, 0.16); - border-color: transparent; - color: #C5E1A5; -} - -.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { - color: #121212; - background: #FFE082; - border: 1px solid #FFE082; -} -.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { - background: #ffd65c; - color: #121212; - border-color: #ffd65c; -} -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #ffe9a8; -} -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: #ffcd35; - color: #121212; - border-color: #ffcd35; -} -.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { - background-color: transparent; - color: #FFE082; - border: 1px solid; -} -.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { - background: rgba(255, 224, 130, 0.04); - color: #FFE082; - border: 1px solid; -} -.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { - background: rgba(255, 224, 130, 0.16); - color: #FFE082; - border: 1px solid; -} -.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { - background-color: transparent; - color: #FFE082; - border-color: transparent; -} -.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { - background: rgba(255, 224, 130, 0.04); - border-color: transparent; - color: #FFE082; -} -.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { - background: rgba(255, 224, 130, 0.16); - border-color: transparent; - color: #FFE082; -} - -.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { - color: #121212; - background: #CE93D8; - border: 1px solid #CE93D8; -} -.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { - background: #c278ce; - color: #121212; - border-color: #c278ce; -} -.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #ddb3e4; -} -.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: #b65ec5; - color: #121212; - border-color: #b65ec5; -} -.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { - background-color: transparent; - color: #CE93D8; - border: 1px solid; -} -.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { - background: rgba(206, 147, 216, 0.04); - color: #CE93D8; - border: 1px solid; -} -.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { - background: rgba(206, 147, 216, 0.16); - color: #CE93D8; - border: 1px solid; -} -.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { - background-color: transparent; - color: #CE93D8; - border-color: transparent; -} -.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { - background: rgba(206, 147, 216, 0.04); - border-color: transparent; - color: #CE93D8; -} -.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { - background: rgba(206, 147, 216, 0.16); - border-color: transparent; - color: #CE93D8; -} - -.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { - color: #121212; - background: #F48FB1; - border: 1px solid #F48FB1; -} -.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { - background: #f16c98; - color: #121212; - border-color: #f16c98; -} -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #f7b1c8; -} -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: #ed4980; - color: #121212; - border-color: #ed4980; -} -.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { - background-color: transparent; - color: #F48FB1; - border: 1px solid; -} -.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { - background: rgba(244, 143, 177, 0.04); - color: #F48FB1; - border: 1px solid; -} -.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { - background: rgba(244, 143, 177, 0.16); - color: #F48FB1; - border: 1px solid; -} -.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { - background-color: transparent; - color: #F48FB1; - border-color: transparent; -} -.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { - background: rgba(244, 143, 177, 0.04); - border-color: transparent; - color: #F48FB1; -} -.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { - background: rgba(244, 143, 177, 0.16); - border-color: transparent; - color: #F48FB1; -} - -.p-button.p-button-link { - color: #BA68C8; - background: transparent; - border: transparent; -} -.p-button.p-button-link:enabled:hover { - background: transparent; - color: #BA68C8; - border-color: transparent; -} -.p-button.p-button-link:enabled:hover .p-button-label { - text-decoration: underline; -} -.p-button.p-button-link:enabled:focus { - background: transparent; - box-shadow: 0 0 0 1px #cf95d9; - border-color: transparent; -} -.p-button.p-button-link:enabled:active { - background: transparent; - color: #BA68C8; - border-color: transparent; -} - -.p-speeddial-button.p-button.p-button-icon-only { - width: 4rem; - height: 4rem; -} -.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { - font-size: 1.3rem; -} - -.p-speeddial-action { - width: 3rem; - height: 3rem; - background: rgba(255, 255, 255, 0.87); - color: #121212; -} -.p-speeddial-action:hover { - background: rgba(255, 255, 255, 0.6); - color: #121212; -} - -.p-speeddial-direction-up .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-up .p-speeddial-item:first-child { - margin-bottom: 0.5rem; -} - -.p-speeddial-direction-down .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-down .p-speeddial-item:first-child { - margin-top: 0.5rem; -} - -.p-speeddial-direction-left .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-left .p-speeddial-item:first-child { - margin-right: 0.5rem; -} - -.p-speeddial-direction-right .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-right .p-speeddial-item:first-child { - margin-left: 0.5rem; -} - -.p-speeddial-circle .p-speeddial-item, -.p-speeddial-semi-circle .p-speeddial-item, -.p-speeddial-quarter-circle .p-speeddial-item { - margin: 0; -} -.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, -.p-speeddial-semi-circle .p-speeddial-item:first-child, -.p-speeddial-semi-circle .p-speeddial-item:last-child, -.p-speeddial-quarter-circle .p-speeddial-item:first-child, -.p-speeddial-quarter-circle .p-speeddial-item:last-child { - margin: 0; -} - -.p-speeddial-mask { - background-color: rgba(0, 0, 0, 0.4); -} - -.p-carousel .p-carousel-content .p-carousel-prev, -.p-carousel .p-carousel-content .p-carousel-next { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin: 0.5rem; -} -.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, -.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.p-carousel .p-carousel-indicators { - padding: 1rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator { - margin-right: 0.5rem; - margin-bottom: 0.5rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: #383838; - width: 2rem; - height: 0.5rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 0; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { - background: #4c4c4c; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: rgba(186, 104, 200, 0.16); - color: rgba(255, 255, 255, 0.87); -} - -.p-datatable .p-paginator-top { - border-width: 1px 0 1px 0; - border-radius: 0; -} -.p-datatable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-datatable .p-datatable-header { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #383838; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-datatable .p-datatable-footer { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-datatable .p-datatable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #383838; - border-width: 0 0 1px 0; - font-weight: 600; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - transition: box-shadow 0.2s; -} -.p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #383838; - border-width: 0 0 1px 0; - font-weight: 600; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; -} -.p-datatable .p-sortable-column .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: rgba(255, 255, 255, 0.87); - background: rgba(186, 104, 200, 0.16); - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column.p-highlight { - background: #1e1e1e; - color: #BA68C8; -} -.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #BA68C8; -} -.p-datatable .p-sortable-column.p-highlight:hover { - background: rgba(255, 255, 255, 0.03); - color: #BA68C8; -} -.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { - color: #BA68C8; -} -.p-datatable .p-sortable-column:focus { - box-shadow: inset 0 0 0 1px #cf95d9; - outline: 0 none; -} -.p-datatable .p-datatable-tbody > tr { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - outline-color: #cf95d9; -} -.p-datatable .p-datatable-tbody > tr > td { - text-align: left; - border: 1px solid #383838; - border-width: 0 0 1px 0; - padding: 1rem 1rem; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { - margin-right: 0.5rem; -} -.p-datatable .p-datatable-tbody > tr.p-highlight { - background: rgba(186, 104, 200, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 rgba(186, 104, 200, 0.16); -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 rgba(186, 104, 200, 0.16); -} -.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-column-resizer-helper { - background: #BA68C8; -} -.p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #1e1e1e; -} -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot { - background-color: #1e1e1e; -} -.p-datatable .p-datatable-loading-icon { - font-size: 2rem; -} -.p-datatable.p-datatable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-footer { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-top { - border-width: 0 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-bottom { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { - background: rgba(255, 255, 255, 0.01); -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: rgba(186, 104, 200, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: rgba(255, 255, 255, 0.87); -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: rgba(255, 255, 255, 0.87); -} -.p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-lg .p-datatable-header { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-footer { - padding: 1.25rem 1.25rem; -} - -.p-dataview .p-paginator-top { - border-width: 1px 0 1px 0; - border-radius: 0; -} -.p-dataview .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-dataview .p-dataview-header { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #383838; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-dataview .p-dataview-content { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; -} -.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid #383838; - border-width: 0 0 1px 0; -} -.p-dataview .p-dataview-footer { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; -} -.p-dataview .p-dataview-loading-icon { - font-size: 2rem; -} -.p-dataview .p-dataview-emptymessage { - padding: 1rem; -} - -.p-column-filter-row .p-column-filter-menu-button, -.p-column-filter-row .p-column-filter-clear-button { - margin-left: 0.5rem; -} - -.p-column-filter-menu-button { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-menu-button:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: rgba(186, 104, 200, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-column-filter-menu-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} - -.p-column-filter-clear-button { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-clear-button:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-column-filter-clear-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} - -.p-column-filter-overlay { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - min-width: 12.5rem; -} -.p-column-filter-overlay .p-column-filter-row-items { - padding: 0.5rem 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(186, 104, 200, 0.16); -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #cf95d9; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #383838; - margin: 0.25rem 0; -} - -.p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.5rem 1rem; - border-bottom: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - margin: 0; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-column-filter-overlay-menu .p-column-filter-constraint { - padding: 1rem; - border-bottom: 1px solid #383838; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { - margin-bottom: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { - margin-top: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { - border-bottom: 0 none; -} -.p-column-filter-overlay-menu .p-column-filter-add-rule { - padding: 0.5rem 1rem; -} -.p-column-filter-overlay-menu .p-column-filter-buttonbar { - padding: 1rem; -} - -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #1e1e1e; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #1e1e1e; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #383838; -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #383838; -} -.fc.fc-unthemed .fc-view-container .fc-event { - background: #b052c0; - border: 1px solid #b052c0; - color: #ffffff; -} -.fc.fc-unthemed .fc-view-container .fc-divider { - background: #1e1e1e; - border: 1px solid #383838; -} -.fc.fc-unthemed .fc-toolbar .fc-button { - color: #ffffff; - background: #BA68C8; - border: 1px solid #BA68C8; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - display: flex; - align-items: center; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #b052c0; - color: #ffffff; - border-color: #b052c0; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #a241b2; - color: #ffffff; - border-color: #a241b2; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #1e1e1e; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #383838; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #BA68C8; - border-color: #BA68C8; - color: #ffffff; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #b052c0; - border-color: #b052c0; - color: #ffffff; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; - z-index: 1; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} -.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #383838; -} -.fc.fc-theme-standard .fc-view-harness th { - background: #1e1e1e; - border-color: #383838; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness td { - color: rgba(255, 255, 255, 0.87); - border-color: #383838; -} -.fc.fc-theme-standard .fc-view-harness .fc-view { - background: #1e1e1e; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #383838; - padding: 1rem; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1rem; - border: 1px solid #383838; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #ffffff; - background: #b052c0; - border-color: #b052c0; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #ffffff; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #b052c0; - border-color: #b052c0; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #1e1e1e; -} -.fc.fc-theme-standard .fc-toolbar .fc-button { - color: #ffffff; - background: #BA68C8; - border: 1px solid #BA68C8; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #b052c0; - color: #ffffff; - border-color: #b052c0; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #a241b2; - color: #ffffff; - border-color: #a241b2; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.4; - color: #ffffff; - background: #BA68C8; - border: 1px solid #BA68C8; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #1e1e1e; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #383838; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #BA68C8; - border-color: #BA68C8; - color: #ffffff; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #b052c0; - border-color: #b052c0; - color: #ffffff; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; - z-index: 1; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} -.fc.fc-theme-standard a { - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(186, 104, 200, 0.16); -} - -.p-orderlist .p-orderlist-controls { - padding: 1rem; -} -.p-orderlist .p-orderlist-controls .p-button { - margin-bottom: 0.5rem; -} -.p-orderlist .p-orderlist-header { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-orderlist .p-orderlist-header .p-orderlist-title { - font-weight: 600; -} -.p-orderlist .p-orderlist-filter-container { - padding: 1rem; - background: #1e1e1e; - border: 1px solid #383838; - border-bottom: 0 none; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { - padding-right: 1.5rem; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { - right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-orderlist .p-orderlist-list { - border: 1px solid #383838; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - padding: 0.5rem 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-orderlist .p-orderlist-list .p-orderlist-item { - padding: 0.5rem 1rem; - margin: 0; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; -} -.p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #cf95d9; -} -.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(186, 104, 200, 0.16); -} -.p-orderlist .p-orderlist-list .p-orderlist-empty-message { - padding: 0.5rem 1rem; - color: rgba(255, 255, 255, 0.87); -} -.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} - -.p-orderlist-item.cdk-drag-preview { - padding: 0.5rem 1rem; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - margin: 0; -} - -.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-organizationchart .p-organizationchart-node-content.p-highlight { - background: rgba(186, 104, 200, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: rgba(117, 47, 129, 0.16); -} -.p-organizationchart .p-organizationchart-line-down { - background: #383838; -} -.p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #383838; - border-color: #383838; -} -.p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #383838; - border-color: #383838; -} -.p-organizationchart .p-organizationchart-node-content { - border: 1px solid #383838; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - padding: 1rem; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler { - background: inherit; - color: inherit; - border-radius: 50%; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} - -.p-paginator { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.6); - border: solid #383838; - border-width: 1px; - padding: 0.5rem 1rem; - border-radius: 3px; -} -.p-paginator .p-paginator-first, -.p-paginator .p-paginator-prev, -.p-paginator .p-paginator-next, -.p-paginator .p-paginator-last { - background-color: transparent; - border: 0 none; - color: rgba(255, 255, 255, 0.6); - min-width: 2.286em; - height: 2.286em; - margin: 0.143rem; - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - border-color: transparent; - color: rgba(255, 255, 255, 0.87); -} -.p-paginator .p-paginator-first { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-paginator .p-paginator-last { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} -.p-paginator .p-dropdown { - margin-left: 0.5rem; - margin-right: 0.5rem; - height: 2.286em; -} -.p-paginator .p-dropdown .p-dropdown-label { - padding-right: 0; -} -.p-paginator .p-paginator-page-input { - margin-left: 0.5rem; - margin-right: 0.5rem; -} -.p-paginator .p-paginator-page-input .p-inputtext { - max-width: 2.286em; -} -.p-paginator .p-paginator-current { - background-color: transparent; - border: 0 none; - color: rgba(255, 255, 255, 0.6); - min-width: 2.286em; - height: 2.286em; - margin: 0.143rem; - padding: 0 0.5rem; -} -.p-paginator .p-paginator-pages .p-paginator-page { - background-color: transparent; - border: 0 none; - color: rgba(255, 255, 255, 0.6); - min-width: 2.286em; - height: 2.286em; - margin: 0.143rem; - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: rgba(186, 104, 200, 0.16); - border-color: rgba(186, 104, 200, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - border-color: transparent; - color: rgba(255, 255, 255, 0.87); -} - -.p-picklist .p-picklist-buttons { - padding: 1rem; -} -.p-picklist .p-picklist-buttons .p-button { - margin-bottom: 0.5rem; -} -.p-picklist .p-picklist-header { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-picklist .p-picklist-header .p-picklist-title { - font-weight: 600; -} -.p-picklist .p-picklist-filter-container { - padding: 1rem; - background: #1e1e1e; - border: 1px solid #383838; - border-bottom: 0 none; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-input { - padding-right: 1.5rem; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { - right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-picklist .p-picklist-list { - border: 1px solid #383838; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - padding: 0.5rem 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-picklist .p-picklist-list .p-picklist-item { - padding: 0.5rem 1rem; - margin: 0; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; -} -.p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #cf95d9; -} -.p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(186, 104, 200, 0.16); -} -.p-picklist .p-picklist-list .p-picklist-empty-message { - padding: 0.5rem 1rem; - color: rgba(255, 255, 255, 0.87); -} -.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} - -.p-picklist-item.cdk-drag-preview { - padding: 0.5rem 1rem; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - margin: 0; -} - -.p-timeline .p-timeline-event-marker { - border: 2px solid #BA68C8; - border-radius: 50%; - width: 1rem; - height: 1rem; - background-color: #1e1e1e; -} -.p-timeline .p-timeline-event-connector { - background-color: #383838; -} -.p-timeline.p-timeline-vertical .p-timeline-event-opposite, -.p-timeline.p-timeline-vertical .p-timeline-event-content { - padding: 0 1rem; -} -.p-timeline.p-timeline-vertical .p-timeline-event-connector { - width: 2px; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, -.p-timeline.p-timeline-horizontal .p-timeline-event-content { - padding: 1rem 0; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-connector { - height: 2px; -} - -.p-tree { - border: 1px solid #383838; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - padding: 1rem; - border-radius: 3px; -} -.p-tree .p-tree-container .p-treenode { - padding: 0.143rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content { - border-radius: 3px; - transition: box-shadow 0.2s; - padding: 0; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { - margin-right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: rgba(186, 104, 200, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-filter-container { - margin-bottom: 0.5rem; -} -.p-tree .p-tree-filter-container .p-tree-filter { - width: 100%; - padding-right: 1.5rem; -} -.p-tree .p-tree-filter-container .p-tree-filter-icon { - right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-tree .p-treenode-children { - padding: 0 0 0 1rem; -} -.p-tree .p-tree-loading-icon { - font-size: 2rem; -} -.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: rgba(162, 65, 178, 0.16); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { - border-radius: 3px; - border: 1px solid #383838; - background-color: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - padding: 0; - transition: box-shadow 0.2s; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { - background-color: rgba(186, 104, 200, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { - background-color: inherit; - color: inherit; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} - -.p-treetable .p-paginator-top { - border-width: 1px 0 1px 0; - border-radius: 0; -} -.p-treetable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-treetable .p-treetable-header { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #383838; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-treetable .p-treetable-footer { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-treetable .p-treetable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #383838; - border-width: 0 0 1px 0; - font-weight: 600; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - transition: box-shadow 0.2s; -} -.p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #383838; - border-width: 0 0 1px 0; - font-weight: 600; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; -} -.p-treetable .p-sortable-column { - outline-color: #cf95d9; -} -.p-treetable .p-sortable-column .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: rgba(255, 255, 255, 0.87); - background: rgba(186, 104, 200, 0.16); - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-sortable-column.p-highlight { - background: #1e1e1e; - color: #BA68C8; -} -.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #BA68C8; -} -.p-treetable .p-treetable-tbody > tr { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - outline-color: #cf95d9; -} -.p-treetable .p-treetable-tbody > tr > td { - text-align: left; - border: 1px solid #383838; - border-width: 0 0 1px 0; - padding: 1rem 1rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-treetable-tbody > tr.p-highlight { - background: rgba(186, 104, 200, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-column-resizer-helper { - background: #BA68C8; -} -.p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #1e1e1e; -} -.p-treetable .p-treetable-loading-icon { - font-size: 2rem; -} -.p-treetable.p-treetable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-footer { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-top { - border-width: 0 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-bottom { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-sm .p-treetable-header { - padding: 0.875rem 0.875rem; -} -.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-footer { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-lg .p-treetable-header { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-footer { - padding: 1.25rem 1.25rem; -} - -.p-virtualscroller .p-virtualscroller-header { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #383838; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-virtualscroller .p-virtualscroller-content { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; -} -.p-virtualscroller .p-virtualscroller-footer { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-accordion .p-accordion-header .p-accordion-header-link { - padding: 1rem; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - font-weight: 600; - border-radius: 3px; - transition: box-shadow 0.2s; -} -.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { - margin-right: 0.5rem; -} -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { - background: rgba(255, 255, 255, 0.03); - border-color: #383838; - color: rgba(255, 255, 255, 0.87); -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #1e1e1e; - border-color: #383838; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-color: #383838; - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-accordion .p-accordion-content { - padding: 1rem; - border: 1px solid #383838; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-accordion p-accordiontab .p-accordion-tab { - margin-bottom: 0; -} -.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { - border-radius: 0; -} -.p-accordion p-accordiontab .p-accordion-content { - border-radius: 0; -} -.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { - border-top: 0 none; -} -.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-top: 0 none; -} -.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-accordion p-accordiontab:last-child .p-accordion-content { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-card { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; -} -.p-card .p-card-body { - padding: 1rem; -} -.p-card .p-card-title { - font-size: 1.5rem; - font-weight: 700; - margin-bottom: 0.5rem; -} -.p-card .p-card-subtitle { - font-weight: 700; - margin-bottom: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-card .p-card-content { - padding: 1rem 0; -} -.p-card .p-card-footer { - padding: 1rem 0 0 0; -} - -.p-divider .p-divider-content { - background-color: #1e1e1e; -} -.p-divider.p-divider-horizontal { - margin: 1rem 0; - padding: 0 1rem; -} -.p-divider.p-divider-horizontal:before { - border-top: 1px #383838; -} -.p-divider.p-divider-horizontal .p-divider-content { - padding: 0 0.5rem; -} -.p-divider.p-divider-vertical { - margin: 0 1rem; - padding: 1rem 0; -} -.p-divider.p-divider-vertical:before { - border-left: 1px #383838; -} -.p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; -} - -.p-fieldset { - border: 1px solid #383838; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; -} -.p-fieldset .p-fieldset-legend { - padding: 1rem; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - font-weight: 600; - border-radius: 3px; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { - padding: 0; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { - padding: 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; - transition: box-shadow 0.2s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { - margin-right: 0.5rem; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #383838; - color: rgba(255, 255, 255, 0.87); -} -.p-fieldset .p-fieldset-content { - padding: 1rem; -} - -.p-panel .p-panel-header { - border: 1px solid #383838; - padding: 1rem; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-panel .p-panel-header .p-panel-title { - font-weight: 600; -} -.p-panel .p-panel-header .p-panel-header-icon { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-panel .p-panel-header .p-panel-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.p-panel.p-panel-toggleable .p-panel-header { - padding: 0.5rem 1rem; -} -.p-panel .p-panel-content { - padding: 1rem; - border: 1px solid #383838; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - border-top: 0 none; -} -.p-panel .p-panel-footer { - padding: 0.5rem 1rem; - border: 1px solid #383838; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; -} - -.p-scrollpanel .p-scrollpanel-bar { - background: #383838; - border: 0 none; -} - -.p-splitter { - border: 1px solid #383838; - background: #1e1e1e; - border-radius: 3px; - color: rgba(255, 255, 255, 0.87); -} -.p-splitter .p-splitter-gutter { - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - background: rgba(255, 255, 255, 0.03); -} -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: #383838; -} -.p-splitter .p-splitter-gutter-resizing { - background: #383838; -} - -.p-tabview .p-tabview-nav { - background: transparent; - border: 1px solid #383838; - border-width: 0 0 2px 0; -} -.p-tabview .p-tabview-nav li { - margin-right: 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #383838; - border-width: 0 0 2px 0; - border-color: transparent transparent #383838 transparent; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.6); - padding: 1rem; - font-weight: 600; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #cf95d9; -} -.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #1e1e1e; - border-color: #BA68C8; - color: rgba(255, 255, 255, 0.87); -} -.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #1e1e1e; - border-color: #BA68C8; - color: #BA68C8; -} -.p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; -} -.p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-close { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-nav-btn.p-link { - background: #1e1e1e; - color: #BA68C8; - width: 2.357rem; - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); - border-radius: 0; -} -.p-tabview .p-tabview-nav-btn.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #cf95d9; -} -.p-tabview .p-tabview-panels { - background: #1e1e1e; - padding: 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-toolbar { - background: #1e1e1e; - border: 1px solid #383838; - padding: 1rem; - border-radius: 3px; -} -.p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; -} - -.p-confirm-popup { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-confirm-popup .p-confirm-popup-content { - padding: 1rem; -} -.p-confirm-popup .p-confirm-popup-footer { - text-align: right; - padding: 0.5rem 1rem; -} -.p-confirm-popup .p-confirm-popup-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-confirm-popup .p-confirm-popup-footer button:last-child { - margin: 0; -} -.p-confirm-popup:after { - border: solid transparent; - border-color: rgba(30, 30, 30, 0); - border-bottom-color: #1e1e1e; -} -.p-confirm-popup:before { - border: solid transparent; - border-color: rgba(56, 56, 56, 0); - border-bottom-color: #383838; -} -.p-confirm-popup.p-confirm-popup-flipped:after { - border-top-color: #1e1e1e; -} -.p-confirm-popup.p-confirm-popup-flipped:before { - border-top-color: #383838; -} -.p-confirm-popup .p-confirm-popup-icon { - font-size: 1.5rem; -} -.p-confirm-popup .p-confirm-popup-message { - margin-left: 1rem; -} - -.p-dialog { - border-radius: 3px; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); - border: 1px solid #383838; -} -.p-dialog .p-dialog-header { - border-bottom: 0 none; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - padding: 1.5rem; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-dialog .p-dialog-header .p-dialog-title { - font-weight: 600; - font-size: 1.25rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { - margin-right: 0; -} -.p-dialog .p-dialog-content { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - padding: 0 1.5rem 2rem 1.5rem; -} -.p-dialog .p-dialog-footer { - border-top: 0 none; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - padding: 0 1.5rem 1.5rem 1.5rem; - text-align: right; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-dialog .p-dialog-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { - font-size: 2rem; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; -} - -.p-overlaypanel { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-overlaypanel .p-overlaypanel-content { - padding: 1rem; -} -.p-overlaypanel .p-overlaypanel-close { - background: #BA68C8; - color: #ffffff; - width: 2rem; - height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; - position: absolute; - top: -1rem; - right: -1rem; -} -.p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #b052c0; - color: #ffffff; -} -.p-overlaypanel:after { - border: solid transparent; - border-color: rgba(30, 30, 30, 0); - border-bottom-color: #1e1e1e; -} -.p-overlaypanel:before { - border: solid transparent; - border-color: rgba(56, 56, 56, 0); - border-bottom-color: #383838; -} -.p-overlaypanel.p-overlaypanel-flipped:after { - border-top-color: #1e1e1e; -} -.p-overlaypanel.p-overlaypanel-flipped:before { - border-top-color: #383838; -} - -.p-sidebar { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-sidebar .p-sidebar-header { - padding: 1rem; -} -.p-sidebar .p-sidebar-header .p-sidebar-close, -.p-sidebar .p-sidebar-header .p-sidebar-icon { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, -.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.p-sidebar .p-sidebar-header + .p-sidebar-content { - padding-top: 0; -} -.p-sidebar .p-sidebar-content { - padding: 1rem; -} - -.p-tooltip .p-tooltip-text { - background: #383838; - color: rgba(255, 255, 255, 0.87); - padding: 0.5rem 0.5rem; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; -} -.p-tooltip.p-tooltip-right .p-tooltip-arrow { - border-right-color: #383838; -} -.p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #383838; -} -.p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #383838; -} -.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #383838; -} - -.p-fileupload .p-fileupload-buttonbar { - background: #1e1e1e; - padding: 1rem; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; -} -.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.p-fileupload .p-fileupload-content { - background: #1e1e1e; - padding: 2rem 1rem; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-fileupload .p-progressbar { - height: 0.25rem; -} -.p-fileupload .p-fileupload-row > div { - padding: 1rem 1rem; -} -.p-fileupload.p-fileupload-advanced .p-message { - margin-top: 0; -} - -.p-fileupload-choose:not(.p-disabled):hover { - background: #b052c0; - color: #ffffff; - border-color: #b052c0; -} -.p-fileupload-choose:not(.p-disabled):active { - background: #a241b2; - color: #ffffff; - border-color: #a241b2; -} - -.p-breadcrumb { - background: #1e1e1e; - border: 1px solid #383838; - border-radius: 3px; - padding: 1rem; -} -.p-breadcrumb ul li .p-menuitem-link { - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-breadcrumb ul li .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-breadcrumb ul li.p-breadcrumb-chevron { - margin: 0 0.5rem 0 0.5rem; - color: rgba(255, 255, 255, 0.87); -} -.p-breadcrumb ul li:last-child .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-breadcrumb ul li:last-child .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} - -.p-contextmenu { - padding: 0.25rem 0; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; - width: 12.5rem; -} -.p-contextmenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-contextmenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-contextmenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #cf95d9; -} -.p-contextmenu .p-submenu-list { - padding: 0.25rem 0; - background: #1e1e1e; - border: 1px solid #383838; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; -} -.p-contextmenu .p-menuitem { - margin: 0; -} -.p-contextmenu .p-menuitem:last-child { - margin: 0; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(255, 255, 255, 0.03); -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menu-separator { - border-top: 1px solid #383838; - margin: 0.25rem 0; -} -.p-contextmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-dock .p-dock-list { - background: rgba(255, 255, 255, 0.1); - border: 1px solid rgba(255, 255, 255, 0.2); - padding: 0.5rem 0.5rem; - border-radius: 0.5rem; -} -.p-dock .p-dock-item { - padding: 0.5rem; -} -.p-dock .p-dock-action { - width: 4rem; - height: 4rem; -} -.p-dock.p-dock-top .p-dock-item-second-prev, -.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, -.p-dock.p-dock-bottom .p-dock-item-second-next { - margin: 0 0.9rem; -} -.p-dock.p-dock-top .p-dock-item-prev, -.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, -.p-dock.p-dock-bottom .p-dock-item-next { - margin: 0 1.3rem; -} -.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { - margin: 0 1.5rem; -} -.p-dock.p-dock-left .p-dock-item-second-prev, -.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, -.p-dock.p-dock-right .p-dock-item-second-next { - margin: 0.9rem 0; -} -.p-dock.p-dock-left .p-dock-item-prev, -.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, -.p-dock.p-dock-right .p-dock-item-next { - margin: 1.3rem 0; -} -.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { - margin: 1.5rem 0; -} - -@media screen and (max-width: 960px) { - .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { - margin: auto 0; - } - .p-dock .p-dock-list .p-dock-item { - transform: none; - margin: 0; - } -} -.p-megamenu { - padding: 0.5rem; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; - transition: box-shadow 0.2s; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #cf95d9; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-megamenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #cf95d9; -} -.p-megamenu .p-megamenu-panel { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-megamenu .p-megamenu-submenu-header { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - font-weight: 600; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-megamenu .p-megamenu-submenu { - padding: 0.25rem 0; - width: 12.5rem; -} -.p-megamenu .p-megamenu-submenu .p-menu-separator { - border-top: 1px solid #383838; - margin: 0.25rem 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem { - margin: 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { - margin: 0; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(255, 255, 255, 0.03); -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.25rem 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem { - margin: 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { - margin: 0; -} - -.p-menu { - padding: 0.25rem 0; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; - width: 12.5rem; -} -.p-menu .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-menu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #cf95d9; -} -.p-menu.p-menu-overlay { - background: #1e1e1e; - border: 1px solid #383838; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-menu .p-submenu-header { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - font-weight: 600; - border-top-right-radius: 0; - border-top-left-radius: 0; -} -.p-menu .p-menu-separator { - border-top: 1px solid #383838; - margin: 0.25rem 0; -} -.p-menu .p-menuitem { - margin: 0; -} -.p-menu .p-menuitem:last-child { - margin: 0; -} - -.p-menubar { - padding: 0.5rem; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; -} -.p-menubar .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menubar .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-menubar .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #cf95d9; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #cf95d9; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-submenu-list { - padding: 0.25rem 0; - background: #1e1e1e; - border: 1px solid #383838; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - width: 12.5rem; -} -.p-menubar .p-submenu-list .p-menu-separator { - border-top: 1px solid #383838; - margin: 0.25rem 0; -} -.p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; -} -.p-menubar .p-submenu-list .p-menuitem { - margin: 0; -} -.p-menubar .p-submenu-list .p-menuitem:last-child { - margin: 0; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(255, 255, 255, 0.03); -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} - -@media screen and (max-width: 960px) { - .p-menubar { - position: relative; - } - .p-menubar .p-menubar-button { - display: flex; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-menubar .p-menubar-button:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menubar .p-menubar-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; - } - .p-menubar .p-menubar-root-list { - position: absolute; - display: none; - padding: 0.25rem 0; - background: #1e1e1e; - border: 1px solid #383838; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - width: 100%; - } - .p-menubar .p-menubar-root-list .p-menu-separator { - border-top: 1px solid #383838; - margin: 0.25rem 0; - } - .p-menubar .p-menubar-root-list .p-submenu-icon { - font-size: 0.875rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #cf95d9; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - transition: transform 0.2s; - } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-180deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list { - width: 100%; - position: static; - box-shadow: none; - border: 0 none; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { - transition: transform 0.2s; - transform: rotate(90deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-90deg); - } - .p-menubar .p-menubar-root-list .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list ul li a { - padding-left: 2.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li a { - padding-left: 3.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li a { - padding-left: 5.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { - padding-left: 6.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { - padding-left: 8.25rem; - } - .p-menubar.p-menubar-mobile-active .p-menubar-root-list { - display: flex; - flex-direction: column; - top: 100%; - left: 0; - z-index: 1; - } -} -.p-panelmenu .p-panelmenu-header > a { - padding: 1rem; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - font-weight: 600; - border-radius: 3px; - transition: box-shadow 0.2s; -} -.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #383838; - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight > a { - background: #1e1e1e; - border-color: #383838; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { - border-color: #383838; - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content { - padding: 0.25rem 0; - border: 1px solid #383838; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - margin-bottom: 0; - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #cf95d9; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { - padding: 0 0 0 1rem; -} -.p-panelmenu .p-panelmenu-panel { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { - border-radius: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-content { - border-radius: 0; -} -.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { - border-top: 0 none; -} -.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { - border-top: 0 none; -} -.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-slidemenu { - padding: 0.25rem 0; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; - width: 12.5rem; -} -.p-slidemenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-slidemenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-slidemenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #cf95d9; -} -.p-slidemenu.p-slidemenu-overlay { - background: #1e1e1e; - border: 1px solid #383838; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-slidemenu .p-slidemenu-list { - padding: 0.25rem 0; - background: #1e1e1e; - border: 1px solid #383838; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { - background: rgba(255, 255, 255, 0.03); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-slidemenu-separator { - border-top: 1px solid #383838; - margin: 0.25rem 0; -} -.p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; -} -.p-slidemenu .p-slidemenu-backward { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); -} - -.p-steps .p-steps-item .p-menuitem-link { - background: transparent; - transition: box-shadow 0.2s; - border-radius: 3px; - background: transparent; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-number { - color: rgba(255, 255, 255, 0.87); - border: 0 none; - background: transparent; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - z-index: 1; - border-radius: 50%; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-title { - margin-top: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.p-steps .p-steps-item.p-highlight .p-steps-number { - background: rgba(186, 104, 200, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-steps .p-steps-item.p-highlight .p-steps-title { - font-weight: 600; - color: rgba(255, 255, 255, 0.87); -} -.p-steps .p-steps-item:before { - content: " "; - border-top: 1px solid #383838; - width: 100%; - top: 50%; - left: 0; - display: block; - position: absolute; - margin-top: -1rem; -} - -.p-tabmenu .p-tabmenu-nav { - background: transparent; - border: 1px solid #383838; - border-width: 0 0 2px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { - margin-right: 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { - border: solid #383838; - border-width: 0 0 2px 0; - border-color: transparent transparent #383838 transparent; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.6); - padding: 1rem; - font-weight: 600; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #cf95d9; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: #1e1e1e; - border-color: #BA68C8; - color: rgba(255, 255, 255, 0.87); -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #1e1e1e; - border-color: #BA68C8; - color: #BA68C8; -} - -.p-tieredmenu { - padding: 0.25rem 0; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - border-radius: 3px; - width: 12.5rem; -} -.p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-tieredmenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-tieredmenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #cf95d9; -} -.p-tieredmenu.p-tieredmenu-overlay { - background: #1e1e1e; - border: 1px solid #383838; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #1e1e1e; - border: 1px solid #383838; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-tieredmenu .p-menuitem { - margin: 0; -} -.p-tieredmenu .p-menuitem:last-child { - margin: 0; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(255, 255, 255, 0.03); -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menu-separator { - border-top: 1px solid #383838; - margin: 0.25rem 0; -} -.p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-inline-message { - padding: 0.5rem 0.5rem; - margin: 0; - border-radius: 3px; -} -.p-inline-message.p-inline-message-info { - background: #B3E5FC; - border: solid #0891cf; - border-width: 1px; - color: #044868; -} -.p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #044868; -} -.p-inline-message.p-inline-message-success { - background: #C8E6C9; - border: solid #439446; - border-width: 1px; - color: #224a23; -} -.p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #224a23; -} -.p-inline-message.p-inline-message-warn { - background: #FFECB3; - border: solid #d9a300; - border-width: 1px; - color: #6d5100; -} -.p-inline-message.p-inline-message-warn .p-inline-message-icon { - color: #6d5100; -} -.p-inline-message.p-inline-message-error { - background: #FFCDD2; - border: solid #e60017; - border-width: 1px; - color: #73000c; -} -.p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #73000c; -} -.p-inline-message .p-inline-message-icon { - font-size: 1rem; - margin-right: 0.5rem; -} -.p-inline-message .p-inline-message-text { - font-size: 1rem; -} -.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { - margin-right: 0; -} - -.p-message { - margin: 1rem 0; - border-radius: 3px; -} -.p-message .p-message-wrapper { - padding: 1rem 1.5rem; -} -.p-message .p-message-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-message .p-message-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.p-message.p-message-info { - background: #B3E5FC; - border: solid #0891cf; - border-width: 0 0 0 6px; - color: #044868; -} -.p-message.p-message-info .p-message-icon { - color: #044868; -} -.p-message.p-message-info .p-message-close { - color: #044868; -} -.p-message.p-message-success { - background: #C8E6C9; - border: solid #439446; - border-width: 0 0 0 6px; - color: #224a23; -} -.p-message.p-message-success .p-message-icon { - color: #224a23; -} -.p-message.p-message-success .p-message-close { - color: #224a23; -} -.p-message.p-message-warn { - background: #FFECB3; - border: solid #d9a300; - border-width: 0 0 0 6px; - color: #6d5100; -} -.p-message.p-message-warn .p-message-icon { - color: #6d5100; -} -.p-message.p-message-warn .p-message-close { - color: #6d5100; -} -.p-message.p-message-error { - background: #FFCDD2; - border: solid #e60017; - border-width: 0 0 0 6px; - color: #73000c; -} -.p-message.p-message-error .p-message-icon { - color: #73000c; -} -.p-message.p-message-error .p-message-close { - color: #73000c; -} -.p-message .p-message-text { - font-size: 1rem; - font-weight: 500; -} -.p-message .p-message-icon { - font-size: 1.5rem; - margin-right: 0.5rem; -} -.p-message .p-message-summary { - font-weight: 700; -} -.p-message .p-message-detail { - margin-left: 0.5rem; -} - -.p-toast { - opacity: 0.9; -} -.p-toast .p-toast-message { - margin: 0 0 1rem 0; - box-shadow: none; - border-radius: 3px; -} -.p-toast .p-toast-message .p-toast-message-content { - padding: 1rem; - border-width: 0 0 0 6px; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { - margin: 0 0 0 1rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { - font-size: 2rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { - font-weight: 700; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { - margin: 0.5rem 0 0 0; -} -.p-toast .p-toast-message .p-toast-icon-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-toast .p-toast-message .p-toast-icon-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; - border: solid #0891cf; - border-width: 0 0 0 6px; - color: #044868; -} -.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { - color: #044868; -} -.p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; - border: solid #439446; - border-width: 0 0 0 6px; - color: #224a23; -} -.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { - color: #224a23; -} -.p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; - border: solid #d9a300; - border-width: 0 0 0 6px; - color: #6d5100; -} -.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { - color: #6d5100; -} -.p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; - border: solid #e60017; - border-width: 0 0 0 6px; - color: #73000c; -} -.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { - color: #73000c; -} - -.p-galleria .p-galleria-close { - margin: 0.5rem; - background: transparent; - color: #f8f9fa; - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-close .p-galleria-close-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-close:hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-item-nav { - background: transparent; - color: #f8f9fa; - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 3px; - margin: 0 0.5rem; -} -.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, -.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-caption { - background: rgba(0, 0, 0, 0.5); - color: #f8f9fa; - padding: 1rem; -} -.p-galleria .p-galleria-indicators { - padding: 1rem; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #383838; - width: 1rem; - height: 1rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { - background: #4c4c4c; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(186, 104, 200, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { - margin-right: 0.5rem; -} -.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { - margin-bottom: 0.5rem; -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { - background: rgba(0, 0, 0, 0.5); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { - background: rgba(255, 255, 255, 0.4); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { - background: rgba(255, 255, 255, 0.6); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(186, 104, 200, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-galleria .p-galleria-thumbnail-container { - background: rgba(0, 0, 0, 0.9); - padding: 1rem 0.25rem; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { - margin: 0.5rem; - background-color: transparent; - color: #f8f9fa; - width: 2rem; - height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} - -.p-galleria-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-preview-indicator { - background-color: transparent; - color: #f8f9fa; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} - -.p-image-preview-container:hover > .p-image-preview-indicator { - background-color: rgba(0, 0, 0, 0.5); -} - -.p-image-toolbar { - padding: 1rem; -} - -.p-image-action.p-link { - color: #f8f9fa; - background-color: transparent; - width: 3rem; - height: 3rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-image-action.p-link:last-child { - margin-right: 0; -} -.p-image-action.p-link:hover { - color: #f8f9fa; - background-color: rgba(255, 255, 255, 0.1); -} -.p-image-action.p-link i { - font-size: 1.5rem; -} - -.p-avatar { - background-color: #383838; - border-radius: 3px; -} -.p-avatar.p-avatar-lg { - width: 3rem; - height: 3rem; - font-size: 1.5rem; -} -.p-avatar.p-avatar-lg .p-avatar-icon { - font-size: 1.5rem; -} -.p-avatar.p-avatar-xl { - width: 4rem; - height: 4rem; - font-size: 2rem; -} -.p-avatar.p-avatar-xl .p-avatar-icon { - font-size: 2rem; -} - -.p-avatar-group .p-avatar { - border: 2px solid #1e1e1e; -} - -.p-badge { - background: #BA68C8; - color: #ffffff; - font-size: 0.75rem; - font-weight: 700; - min-width: 1.5rem; - height: 1.5rem; - line-height: 1.5rem; -} -.p-badge.p-badge-secondary { - background-color: #78909C; - color: #ffffff; -} -.p-badge.p-badge-success { - background-color: #C5E1A5; - color: #121212; -} -.p-badge.p-badge-info { - background-color: #81D4FA; - color: #121212; -} -.p-badge.p-badge-warning { - background-color: #FFE082; - color: #121212; -} -.p-badge.p-badge-danger { - background-color: #F48FB1; - color: #121212; -} -.p-badge.p-badge-lg { - font-size: 1.125rem; - min-width: 2.25rem; - height: 2.25rem; - line-height: 2.25rem; -} -.p-badge.p-badge-xl { - font-size: 1.5rem; - min-width: 3rem; - height: 3rem; - line-height: 3rem; -} - -.p-chip { - background-color: #383838; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - padding: 0 0.5rem; -} -.p-chip .p-chip-text { - line-height: 1.5; - margin-top: 0.25rem; - margin-bottom: 0.25rem; -} -.p-chip .p-chip-icon { - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - margin-left: 0.5rem; -} -.p-chip img { - width: 2rem; - height: 2rem; - margin-left: -0.5rem; - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - border-radius: 3px; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} - -.p-inplace .p-inplace-display { - padding: 0.5rem 0.5rem; - border-radius: 3px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-inplace .p-inplace-display:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-inplace .p-inplace-display:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} - -.p-progressbar { - border: 0 none; - height: 1.5rem; - background: #383838; - border-radius: 3px; -} -.p-progressbar .p-progressbar-value { - border: 0 none; - margin: 0; - background: #BA68C8; -} -.p-progressbar .p-progressbar-label { - color: #ffffff; - line-height: 1.5rem; -} - -.p-scrolltop { - width: 3rem; - height: 3rem; - border-radius: 50%; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-scrolltop.p-link { - background: rgba(186, 104, 200, 0.16); -} -.p-scrolltop.p-link:hover { - background: rgba(186, 104, 200, 0.3616); -} -.p-scrolltop .p-scrolltop-icon { - font-size: 1.5rem; - color: rgba(255, 255, 255, 0.87); -} - -.p-skeleton { - background-color: rgba(255, 255, 255, 0.06); - border-radius: 3px; -} -.p-skeleton:after { - background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); -} - -.p-tag { - background: #BA68C8; - color: #ffffff; - font-size: 0.75rem; - font-weight: 700; - padding: 0.25rem 0.4rem; - border-radius: 3px; -} -.p-tag.p-tag-success { - background-color: #C5E1A5; - color: #121212; -} -.p-tag.p-tag-info { - background-color: #81D4FA; - color: #121212; -} -.p-tag.p-tag-warning { - background-color: #FFE082; - color: #121212; -} -.p-tag.p-tag-danger { - background-color: #F48FB1; - color: #121212; -} -.p-tag .p-tag-icon { - margin-right: 0.25rem; - font-size: 0.75rem; -} - -.p-terminal { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #383838; - padding: 1rem; -} -.p-terminal .p-terminal-input { - font-size: 1rem; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; -} - -/* Customizations to the designer theme should be defined here */ -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #BA68C8; -} - -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #BA68C8; -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #BA68C8; -} diff --git a/src/assets/theme/bootstrap4-dark-blue/theme.css b/src/assets/theme/bootstrap4-dark-blue/theme.css deleted file mode 100644 index f2d9bbc..0000000 --- a/src/assets/theme/bootstrap4-dark-blue/theme.css +++ /dev/null @@ -1,5693 +0,0 @@ -:root { - --surface-a:#2a323d; - --surface-b:#20262e; - --surface-c:rgba(255, 255, 255, 0.04); - --surface-d:#3f4b5b; - --surface-e:#2a323d; - --surface-f:#2a323d; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#8dd0ff; - --primary-color-text:#151515; - --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; - --surface-0: #20262e; - --surface-50: #363c43; - --surface-100: #4d5158; - --surface-200: #63676d; - --surface-300: #797d82; - --surface-400: #909397; - --surface-500: #a6a8ab; - --surface-600: #bcbec0; - --surface-700: #d2d4d5; - --surface-800: #e9e9ea; - --surface-900: #ffffff; - --gray-50:#e9e9ea; - --gray-100: #d2d4d5; - --gray-200: #bcbec0; - --gray-300: #a6a8ab; - --gray-400: #909397; - --gray-500: #797d82; - --gray-600: #63676d; - --gray-700: #4d5158; - --gray-800: #363c43; - --gray-900: #20262e; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:4px; - --surface-ground:#20262e; - --surface-section:#20262e; - --surface-card:#2a323d; - --surface-overlay:#2a323d; - --surface-border:#3f4b5b; - --surface-hover:rgba(255,255,255,.04); - --maskbg: rgba(0, 0, 0, 0.4); - --focus-ring: 0 0 0 1px #e3f3fe; -} - -* { - box-sizing: border-box; -} - -.p-component { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - font-weight: normal; -} - -.p-component-overlay { - background-color: rgba(0, 0, 0, 0.4); - transition-duration: 0.15s; -} - -.p-disabled, .p-component:disabled { - opacity: 0.65; -} - -.p-error { - color: #f19ea6; -} - -.p-text-secondary { - color: rgba(255, 255, 255, 0.6); -} - -.pi { - font-size: 1rem; -} - -.p-link { - font-size: 1rem; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - border-radius: 4px; -} -.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; -} - -.p-component-overlay-enter { - animation: p-component-overlay-enter-animation 150ms forwards; -} - -.p-component-overlay-leave { - animation: p-component-overlay-leave-animation 150ms forwards; -} - -@keyframes p-component-overlay-enter-animation { - from { - background-color: transparent; - } - to { - background-color: var(--maskbg); - } -} -@keyframes p-component-overlay-leave-animation { - from { - background-color: var(--maskbg); - } - to { - background-color: transparent; - } -} - -:root { - --blue-50:#f3f8ff; - --blue-100:#c5dcff; - --blue-200:#97c1fe; - --blue-300:#69a5fe; - --blue-400:#3b8afd; - --blue-500:#0d6efd; - --blue-600:#0b5ed7; - --blue-700:#094db1; - --blue-800:#073d8b; - --blue-900:#052c65; - --green-50:#f4f9f6; - --green-100:#c8e2d6; - --green-200:#9ccbb5; - --green-300:#70b595; - --green-400:#459e74; - --green-500:#198754; - --green-600:#157347; - --green-700:#125f3b; - --green-800:#0e4a2e; - --green-900:#0a3622; - --yellow-50:#fffcf3; - --yellow-100:#fff0c3; - --yellow-200:#ffe494; - --yellow-300:#ffd965; - --yellow-400:#ffcd36; - --yellow-500:#ffc107; - --yellow-600:#d9a406; - --yellow-700:#b38705; - --yellow-800:#8c6a04; - --yellow-900:#664d03; - --cyan-50:#f3fcfe; - --cyan-100:#c5f2fb; - --cyan-200:#97e8f9; - --cyan-300:#69def6; - --cyan-400:#3bd4f3; - --cyan-500:#0dcaf0; - --cyan-600:#0baccc; - --cyan-700:#098da8; - --cyan-800:#076f84; - --cyan-900:#055160; - --pink-50:#fdf5f9; - --pink-100:#f5cee1; - --pink-200:#eda7ca; - --pink-300:#e681b3; - --pink-400:#de5a9b; - --pink-500:#d63384; - --pink-600:#b62b70; - --pink-700:#96245c; - --pink-800:#761c49; - --pink-900:#561435; - --indigo-50:#f7f3fe; - --indigo-100:#dac6fc; - --indigo-200:#bd98f9; - --indigo-300:#a06bf7; - --indigo-400:#833df4; - --indigo-500:#6610f2; - --indigo-600:#570ece; - --indigo-700:#470ba9; - --indigo-800:#380985; - --indigo-900:#290661; - --teal-50:#f4fcfa; - --teal-100:#c9f2e6; - --teal-200:#9fe8d2; - --teal-300:#75debf; - --teal-400:#4ad3ab; - --teal-500:#20c997; - --teal-600:#1bab80; - --teal-700:#168d6a; - --teal-800:#126f53; - --teal-900:#0d503c; - --orange-50:#fff9f3; - --orange-100:#ffe0c7; - --orange-200:#fec89a; - --orange-300:#feaf6d; - --orange-400:#fd9741; - --orange-500:#fd7e14; - --orange-600:#d76b11; - --orange-700:#b1580e; - --orange-800:#8b450b; - --orange-900:#653208; - --bluegray-50:#f8f9fb; - --bluegray-100:#e0e4ea; - --bluegray-200:#c7ced9; - --bluegray-300:#aeb9c8; - --bluegray-400:#95a3b8; - --bluegray-500:#7c8ea7; - --bluegray-600:#69798e; - --bluegray-700:#576375; - --bluegray-800:#444e5c; - --bluegray-900:#323943; - --purple-50:#f8f6fc; - --purple-100:#dcd2f0; - --purple-200:#c1aee4; - --purple-300:#a68ad9; - --purple-400:#8a66cd; - --purple-500:#6f42c1; - --purple-600:#5e38a4; - --purple-700:#4e2e87; - --purple-800:#3d246a; - --purple-900:#2c1a4d; -} - -.p-autocomplete .p-autocomplete-loader { - right: 0.75rem; -} -.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 3.107rem; -} -.p-autocomplete .p-autocomplete-multiple-container { - padding: 0.25rem 0.75rem; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: #3f4b5b; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; - border-color: #8dd0ff; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { - padding: 0.25rem 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - padding: 0; - margin: 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { - padding: 0.25rem 0.75rem; - margin-right: 0.5rem; - background: #8dd0ff; - color: #151515; - border-radius: 4px; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; -} - -p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #f19ea6; -} - -.p-autocomplete-panel { - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #3f4b5b; - border-radius: 4px; - box-shadow: none; -} -.p-autocomplete-panel .p-autocomplete-items:not(.p-autocomplete-virtualscroll) { - padding: 0.5rem 0; -} -.p-autocomplete-panel .p-autocomplete-items.p-autocomplete-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.5rem 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { - margin: 0; - padding: 0.5rem 1.5rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.15s; - border-radius: 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: #151515; - background: #8dd0ff; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.5rem 1.5rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #2a323d; - font-weight: 600; -} - -p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { - border-color: #f19ea6; -} - -.p-datepicker { - padding: 0; - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #3f4b5b; - border-radius: 4px; -} -.p-datepicker:not(.p-datepicker-inline) { - background: #2a323d; - border: 1px solid #3f4b5b; - box-shadow: none; -} -.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { - background: #2a323d; -} -.p-datepicker .p-datepicker-header { - padding: 0.5rem; - color: rgba(255, 255, 255, 0.87); - background: #2a323d; - font-weight: 600; - margin: 0; - border-bottom: 1px solid #3f4b5b; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev, -.p-datepicker .p-datepicker-header .p-datepicker-next { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: color 0.15s, box-shadow 0.15s; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: transparent; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; -} -.p-datepicker .p-datepicker-header .p-datepicker-title { - line-height: 2rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - color: rgba(255, 255, 255, 0.87); - transition: color 0.15s, box-shadow 0.15s; - font-weight: 600; - padding: 0.5rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #8dd0ff; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - margin-right: 0.5rem; -} -.p-datepicker table { - font-size: 1rem; - margin: 0.5rem 0; -} -.p-datepicker table th { - padding: 0.5rem; -} -.p-datepicker table th > span { - width: 2.5rem; - height: 2.5rem; -} -.p-datepicker table td { - padding: 0.5rem; -} -.p-datepicker table td > span { - width: 2.5rem; - height: 2.5rem; - border-radius: 4px; - transition: box-shadow 0.15s; - border: 1px solid transparent; -} -.p-datepicker table td > span.p-highlight { - color: #151515; - background: #8dd0ff; -} -.p-datepicker table td > span:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; -} -.p-datepicker table td.p-datepicker-today > span { - background: transparent; - color: #8dd0ff; - border-color: transparent; -} -.p-datepicker table td.p-datepicker-today > span.p-highlight { - color: #151515; - background: #8dd0ff; -} -.p-datepicker .p-datepicker-buttonbar { - padding: 1rem 0; - border-top: 1px solid #3f4b5b; -} -.p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; -} -.p-datepicker .p-timepicker { - border-top: 1px solid #3f4b5b; - padding: 0.5rem; -} -.p-datepicker .p-timepicker button { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: color 0.15s, box-shadow 0.15s; -} -.p-datepicker .p-timepicker button:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: transparent; -} -.p-datepicker .p-timepicker button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; -} -.p-datepicker .p-timepicker button:last-child { - margin-top: 0.2em; -} -.p-datepicker .p-timepicker span { - font-size: 1.25rem; -} -.p-datepicker .p-timepicker > div { - padding: 0 0.5rem; -} -.p-datepicker.p-datepicker-timeonly .p-timepicker { - border-top: 0 none; -} -.p-datepicker .p-monthpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-monthpicker .p-monthpicker-month { - padding: 0.5rem; - transition: box-shadow 0.15s; - border-radius: 4px; -} -.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: #151515; - background: #8dd0ff; -} -.p-datepicker .p-yearpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-yearpicker .p-yearpicker-year { - padding: 0.5rem; - transition: box-shadow 0.15s; - border-radius: 4px; -} -.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { - color: #151515; - background: #8dd0ff; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #3f4b5b; - padding-right: 0; - padding-left: 0; - padding-top: 0; - padding-bottom: 0; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { - padding-left: 0; - border-left: 0 none; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { - padding-right: 0; -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; -} - -@media screen and (max-width: 769px) { - .p-datepicker table th, .p-datepicker table td { - padding: 0; - } -} -.p-cascadeselect { - background: #20262e; - border: 1px solid #3f4b5b; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; - border-radius: 4px; -} -.p-cascadeselect:not(.p-disabled):hover { - border-color: #3f4b5b; -} -.p-cascadeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; - border-color: #8dd0ff; -} -.p-cascadeselect .p-cascadeselect-label { - background: transparent; - border: 0 none; - padding: 0.5rem 0.75rem; -} -.p-cascadeselect .p-cascadeselect-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-cascadeselect .p-cascadeselect-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-cascadeselect .p-cascadeselect-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2.357rem; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-cascadeselect-panel { - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #3f4b5b; - border-radius: 4px; - box-shadow: none; -} -.p-cascadeselect-panel .p-cascadeselect-items { - padding: 0.5rem 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { - margin: 0; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.15s; - border-radius: 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.5rem 1.5rem; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e3f3fe; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { - color: #151515; - background: #8dd0ff; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { - font-size: 0.875rem; -} - -p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #f19ea6; -} - -.p-input-filled .p-cascadeselect { - background: #3f4b5b; -} -.p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #3f4b5b; -} -.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #3f4b5b; -} - -.p-checkbox { - width: 20px; - height: 20px; -} -.p-checkbox .p-checkbox-box { - border: 1px solid #3f4b5b; - background: #20262e; - width: 20px; - height: 20px; - color: rgba(255, 255, 255, 0.87); - border-radius: 4px; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; -} -.p-checkbox .p-checkbox-box .p-checkbox-icon { - transition-duration: 0.15s; - color: #151515; - font-size: 14px; -} -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #8dd0ff; - background: #8dd0ff; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #3f4b5b; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; - border-color: #8dd0ff; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #1dadff; - background: #1dadff; - color: #151515; -} - -p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #f19ea6; -} - -.p-input-filled .p-checkbox .p-checkbox-box { - background-color: #3f4b5b; -} -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #8dd0ff; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #3f4b5b; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #1dadff; -} - -.p-checkbox-label { - margin-left: 0.5rem; -} - -.p-highlight .p-checkbox .p-checkbox-box { - border-color: #151515; -} - -.p-chips .p-chips-multiple-container { - padding: 0.25rem 0.75rem; -} -.p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: #3f4b5b; -} -.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; - border-color: #8dd0ff; -} -.p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.25rem 0.75rem; - margin-right: 0.5rem; - background: #8dd0ff; - color: #151515; - border-radius: 4px; -} -.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { - margin-left: 0.5rem; -} -.p-chips .p-chips-multiple-container .p-chips-input-token { - padding: 0.25rem 0; -} -.p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - padding: 0; - margin: 0; -} - -p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { - border-color: #f19ea6; -} - -.p-colorpicker-preview, -.p-fluid .p-colorpicker-preview.p-inputtext { - width: 2rem; - height: 2rem; -} - -.p-colorpicker-panel { - background: #2a323d; - border: 1px solid #3f4b5b; -} -.p-colorpicker-panel .p-colorpicker-color-handle, -.p-colorpicker-panel .p-colorpicker-hue-handle { - border-color: rgba(255, 255, 255, 0.87); -} - -.p-colorpicker-overlay-panel { - box-shadow: none; -} - -.p-dropdown { - background: #20262e; - border: 1px solid #3f4b5b; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; - border-radius: 4px; -} -.p-dropdown:not(.p-disabled):hover { - border-color: #3f4b5b; -} -.p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; - border-color: #8dd0ff; -} -.p-dropdown.p-dropdown-clearable .p-dropdown-label { - padding-right: 1.75rem; -} -.p-dropdown .p-dropdown-label { - background: transparent; - border: 0 none; -} -.p-dropdown .p-dropdown-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-dropdown .p-dropdown-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-dropdown .p-dropdown-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2.357rem; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} -.p-dropdown .p-dropdown-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 2.357rem; -} - -.p-dropdown-panel { - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #3f4b5b; - border-radius: 4px; - box-shadow: none; -} -.p-dropdown-panel .p-dropdown-header { - padding: 0.75rem 1.5rem; - border-bottom: 1px solid #3f4b5b; - color: rgba(255, 255, 255, 0.87); - background: #2a323d; - margin: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { - padding-right: 1.75rem; - margin-right: -1.75rem; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} -.p-dropdown-panel .p-dropdown-items:not(.p-dropdown-virtualscroll) { - padding: 0.5rem 0; -} -.p-dropdown-panel .p-dropdown-items.p-dropdown-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.5rem 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item { - margin: 0; - padding: 0.5rem 1.5rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.15s; - border-radius: 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: #151515; - background: #8dd0ff; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.5rem 1.5rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #2a323d; - font-weight: 600; -} - -p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #f19ea6; -} - -.p-input-filled .p-dropdown { - background: #3f4b5b; -} -.p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #3f4b5b; -} -.p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: #3f4b5b; -} - -.p-editor-container .p-editor-toolbar { - background: #2a323d; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #3f4b5b; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #2a323d; - border: 1px solid #3f4b5b; - box-shadow: none; - border-radius: 4px; - padding: 0.5rem 0; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.5rem 1.5rem; -} -.p-editor-container .p-editor-content { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-editor-container .p-editor-content.ql-snow { - border: 1px solid #3f4b5b; -} -.p-editor-container .p-editor-content .ql-editor { - background: #20262e; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #8dd0ff; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #8dd0ff; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #8dd0ff; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #8dd0ff; -} - -.p-inputgroup-addon { - background: #2a323d; - color: rgba(255, 255, 255, 0.6); - border-top: 1px solid #3f4b5b; - border-left: 1px solid #3f4b5b; - border-bottom: 1px solid #3f4b5b; - padding: 0.5rem 0.75rem; - min-width: 2.357rem; -} -.p-inputgroup-addon:last-child { - border-right: 1px solid #3f4b5b; -} - -.p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, -.p-inputgroup > .p-float-label > .p-component { - border-radius: 0; - margin: 0; -} -.p-inputgroup > .p-component + .p-inputgroup-addon, -.p-inputgroup > .p-element + .p-inputgroup-addon, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, -.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { - border-left: 0 none; -} -.p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, -.p-inputgroup > .p-float-label > .p-component:focus { - z-index: 1; -} -.p-inputgroup > .p-component:focus ~ label, -.p-inputgroup > .p-element:focus ~ label, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, -.p-inputgroup > .p-float-label > .p-component:focus ~ label { - z-index: 1; -} - -.p-inputgroup-addon:first-child, -.p-inputgroup button:first-child, -.p-inputgroup input:first-child, -.p-inputgroup > .p-inputwrapper:first-child > .p-component, -.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-inputgroup .p-float-label:first-child input { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-inputgroup-addon:last-child, -.p-inputgroup button:last-child, -.p-inputgroup input:last-child, -.p-inputgroup > .p-inputwrapper:last-child > .p-component, -.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-inputgroup .p-float-label:last-child input { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-fluid .p-inputgroup .p-button { - width: auto; -} -.p-fluid .p-inputgroup .p-button.p-button-icon-only { - width: 2.357rem; -} - -p-inputmask.ng-dirty.ng-invalid > .p-inputtext { - border-color: #f19ea6; -} - -p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { - border-color: #f19ea6; -} - -.p-inputswitch { - width: 3rem; - height: 1.75rem; -} -.p-inputswitch .p-inputswitch-slider { - background: #3f4b5b; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; - border-radius: 4px; -} -.p-inputswitch .p-inputswitch-slider:before { - background: rgba(255, 255, 255, 0.6); - width: 1.25rem; - height: 1.25rem; - left: 0.25rem; - margin-top: -0.625rem; - border-radius: 4px; - transition-duration: 0.15s; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - transform: translateX(1.25rem); -} -.p-inputswitch.p-focus .p-inputswitch-slider { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; -} -.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #3f4b5b; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #8dd0ff; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: #151515; -} -.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #8dd0ff; -} - -p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { - border-color: #f19ea6; -} - -.p-inputtext { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - background: #20262e; - padding: 0.5rem 0.75rem; - border: 1px solid #3f4b5b; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; - appearance: none; - border-radius: 4px; -} -.p-inputtext:enabled:hover { - border-color: #3f4b5b; -} -.p-inputtext:enabled:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; - border-color: #8dd0ff; -} -.p-inputtext.ng-dirty.ng-invalid { - border-color: #f19ea6; -} -.p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.65625rem; -} -.p-inputtext.p-inputtext-lg { - font-size: 1.25rem; - padding: 0.625rem 0.9375rem; -} - -.p-float-label > label { - left: 0.75rem; - color: rgba(255, 255, 255, 0.6); - transition-duration: 0.15s; -} - -.p-float-label > .ng-invalid.ng-dirty + label { - color: #f19ea6; -} - -.p-input-icon-left > i:first-of-type { - left: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} - -.p-input-icon-left > .p-inputtext { - padding-left: 2.5rem; -} - -.p-input-icon-left.p-float-label > label { - left: 2.5rem; -} - -.p-input-icon-right > i:last-of-type { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} - -.p-input-icon-right > .p-inputtext { - padding-right: 2.5rem; -} - -::-webkit-input-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -:-moz-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -::-moz-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -:-ms-input-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -.p-input-filled .p-inputtext { - background-color: #3f4b5b; -} -.p-input-filled .p-inputtext:enabled:hover { - background-color: #3f4b5b; -} -.p-input-filled .p-inputtext:enabled:focus { - background-color: #3f4b5b; -} - -.p-inputtext-sm .p-inputtext { - font-size: 0.875rem; - padding: 0.4375rem 0.65625rem; -} - -.p-inputtext-lg .p-inputtext { - font-size: 1.25rem; - padding: 0.625rem 0.9375rem; -} - -.p-listbox { - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #3f4b5b; - border-radius: 4px; -} -.p-listbox .p-listbox-header { - padding: 0.75rem 1.5rem; - border-bottom: 1px solid #3f4b5b; - color: rgba(255, 255, 255, 0.87); - background: #2a323d; - margin: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-listbox .p-listbox-header .p-listbox-filter { - padding-right: 1.75rem; -} -.p-listbox .p-listbox-header .p-listbox-filter-icon { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} -.p-listbox .p-listbox-header .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list { - padding: 0.5rem 0; -} -.p-listbox .p-listbox-list .p-listbox-item { - margin: 0; - padding: 0.5rem 1.5rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.15s; - border-radius: 0; -} -.p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: #151515; - background: #8dd0ff; -} -.p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e3f3fe; -} -.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list .p-listbox-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #2a323d; - font-weight: 600; -} -.p-listbox .p-listbox-list .p-listbox-empty-message { - padding: 0.5rem 1.5rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); -} - -p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #f19ea6; -} - -.p-multiselect { - background: #20262e; - border: 1px solid #3f4b5b; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; - border-radius: 4px; -} -.p-multiselect:not(.p-disabled):hover { - border-color: #3f4b5b; -} -.p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; - border-color: #8dd0ff; -} -.p-multiselect .p-multiselect-label { - padding: 0.5rem 0.75rem; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; -} -.p-multiselect .p-multiselect-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-multiselect.p-multiselect-chip .p-multiselect-token { - padding: 0.25rem 0.75rem; - margin-right: 0.5rem; - background: #8dd0ff; - color: #151515; - border-radius: 4px; -} -.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { - margin-left: 0.5rem; -} -.p-multiselect .p-multiselect-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2.357rem; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { - padding: 0.25rem 0.75rem; -} - -.p-multiselect-panel { - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #3f4b5b; - border-radius: 4px; - box-shadow: none; -} -.p-multiselect-panel .p-multiselect-header { - padding: 0.75rem 1.5rem; - border-bottom: 1px solid #3f4b5b; - color: rgba(255, 255, 255, 0.87); - background: #2a323d; - margin: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { - padding-right: 1.75rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} -.p-multiselect-panel .p-multiselect-header .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close { - margin-left: 0.5rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: color 0.15s, box-shadow 0.15s; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: transparent; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; -} -.p-multiselect-panel .p-multiselect-items:not(.p-multiselect-virtualscroll) { - padding: 0.5rem 0; -} -.p-multiselect-panel .p-multiselect-items.p-multiselect-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.5rem 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item { - margin: 0; - padding: 0.5rem 1.5rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.15s; - border-radius: 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: #151515; - background: #8dd0ff; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e3f3fe; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #2a323d; - font-weight: 600; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { - padding: 0.5rem 1.5rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} - -p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #f19ea6; -} - -.p-input-filled .p-multiselect { - background: #3f4b5b; -} -.p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #3f4b5b; -} -.p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #3f4b5b; -} - -p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #f19ea6; -} - -.p-password-panel { - padding: 1.25rem; - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #3f4b5b; - box-shadow: none; - border-radius: 4px; -} -.p-password-panel .p-password-meter { - margin-bottom: 0.5rem; - background: #3f4b5b; -} -.p-password-panel .p-password-meter .p-password-strength.weak { - background: #f19ea6; -} -.p-password-panel .p-password-meter .p-password-strength.medium { - background: #ffe082; -} -.p-password-panel .p-password-meter .p-password-strength.strong { - background: #9fdaa8; -} - -.p-radiobutton { - width: 20px; - height: 20px; -} -.p-radiobutton .p-radiobutton-box { - border: 1px solid #3f4b5b; - background: #20262e; - width: 20px; - height: 20px; - color: rgba(255, 255, 255, 0.87); - border-radius: 50%; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #3f4b5b; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; - border-color: #8dd0ff; -} -.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - width: 12px; - height: 12px; - transition-duration: 0.15s; - background-color: #151515; -} -.p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #8dd0ff; - background: #8dd0ff; -} -.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #1dadff; - background: #1dadff; - color: #151515; -} - -p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #f19ea6; -} - -.p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #3f4b5b; -} -.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #3f4b5b; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #8dd0ff; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #1dadff; -} - -.p-radiobutton-label { - margin-left: 0.5rem; -} - -.p-highlight .p-radiobutton .p-radiobutton-box { - border-color: #151515; -} - -.p-rating .p-rating-icon { - color: rgba(255, 255, 255, 0.87); - margin-left: 0.5rem; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; - font-size: 1.143rem; -} -.p-rating .p-rating-icon.p-rating-cancel { - color: #f19ea6; -} -.p-rating .p-rating-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; -} -.p-rating .p-rating-icon:first-child { - margin-left: 0; -} -.p-rating .p-rating-icon.pi-star-fill { - color: #8dd0ff; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { - color: #8dd0ff; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - color: #f19ea6; -} - -.p-highlight .p-rating .p-rating-icon { - color: #151515; -} - -.p-selectbutton .p-button { - background: #6c757d; - border: 1px solid #6c757d; - color: #ffffff; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; -} -.p-selectbutton .p-button .p-button-icon-left, -.p-selectbutton .p-button .p-button-icon-right { - color: #ffffff; -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { - background: #5a6268; - border-color: #545b62; - color: #ffffff; -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: #ffffff; -} -.p-selectbutton .p-button.p-highlight { - background: #545b62; - border-color: #4e555b; - color: #ffffff; -} -.p-selectbutton .p-button.p-highlight .p-button-icon-left, -.p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: #ffffff; -} -.p-selectbutton .p-button.p-highlight:hover { - background: #545b62; - border-color: #4e555b; - color: #ffffff; -} -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: #ffffff; -} - -p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #f19ea6; -} - -.p-slider { - background: #3f4b5b; - border: 0 none; - border-radius: 4px; -} -.p-slider.p-slider-horizontal { - height: 0.286rem; -} -.p-slider.p-slider-horizontal .p-slider-handle { - margin-top: -0.5715rem; - margin-left: -0.5715rem; -} -.p-slider.p-slider-vertical { - width: 0.286rem; -} -.p-slider.p-slider-vertical .p-slider-handle { - margin-left: -0.5715rem; - margin-bottom: -0.5715rem; -} -.p-slider .p-slider-handle { - height: 1.143rem; - width: 1.143rem; - background: #8dd0ff; - border: 2px solid #8dd0ff; - border-radius: 4px; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; -} -.p-slider .p-slider-handle:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; -} -.p-slider .p-slider-range { - background: #8dd0ff; -} -.p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #56bdff; - border-color: #56bdff; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s, left 0.15s; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { - transition: width 0.15s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s, bottom 0.15s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { - transition: height 0.15s; -} - -.p-togglebutton.p-button { - background: #6c757d; - border: 1px solid #6c757d; - color: #ffffff; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; -} -.p-togglebutton.p-button .p-button-icon-left, -.p-togglebutton.p-button .p-button-icon-right { - color: #ffffff; -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { - background: #5a6268; - border-color: #545b62; - color: #ffffff; -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: #ffffff; -} -.p-togglebutton.p-button.p-highlight { - background: #545b62; - border-color: #4e555b; - color: #ffffff; -} -.p-togglebutton.p-button.p-highlight .p-button-icon-left, -.p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: #ffffff; -} -.p-togglebutton.p-button.p-highlight:hover { - background: #545b62; - border-color: #4e555b; - color: #ffffff; -} -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: #ffffff; -} - -p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #f19ea6; -} - -.p-treeselect { - background: #20262e; - border: 1px solid #3f4b5b; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; - border-radius: 4px; -} -.p-treeselect:not(.p-disabled):hover { - border-color: #3f4b5b; -} -.p-treeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; - border-color: #8dd0ff; -} -.p-treeselect .p-treeselect-label { - padding: 0.5rem 0.75rem; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; -} -.p-treeselect .p-treeselect-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-treeselect.p-treeselect-chip .p-treeselect-token { - padding: 0.25rem 0.75rem; - margin-right: 0.5rem; - background: #3f4b5b; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; -} -.p-treeselect .p-treeselect-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2.357rem; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -p-treeselect.ng-invalid.ng-dirty > .p-treeselect { - border-color: #f19ea6; -} - -.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { - padding: 0.25rem 0.75rem; -} - -.p-treeselect-panel { - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #3f4b5b; - border-radius: 4px; - box-shadow: none; -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { - border: 0 none; -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { - padding: 0.5rem 1.5rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} - -.p-input-filled .p-treeselect { - background: #3f4b5b; -} -.p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #3f4b5b; -} -.p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: #3f4b5b; -} - -.p-button { - color: #151515; - background: #8dd0ff; - border: 1px solid #8dd0ff; - padding: 0.5rem 0.75rem; - font-size: 1rem; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; - border-radius: 4px; -} -.p-button:enabled:hover { - background: #56bdff; - color: #151515; - border-color: #56bdff; -} -.p-button:enabled:active { - background: #1dadff; - color: #151515; - border-color: #1dadff; -} -.p-button.p-button-outlined { - background-color: transparent; - color: #8dd0ff; - border: 1px solid; -} -.p-button.p-button-outlined:enabled:hover { - background: rgba(141, 208, 255, 0.04); - color: #8dd0ff; - border: 1px solid; -} -.p-button.p-button-outlined:enabled:active { - background: rgba(141, 208, 255, 0.16); - color: #8dd0ff; - border: 1px solid; -} -.p-button.p-button-outlined.p-button-plain { - color: rgba(255, 255, 255, 0.6); - border-color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-outlined.p-button-plain:enabled:hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-outlined.p-button-plain:enabled:active { - background: rgba(255, 255, 255, 0.16); - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-text { - background-color: transparent; - color: #8dd0ff; - border-color: transparent; -} -.p-button.p-button-text:enabled:hover { - background: rgba(141, 208, 255, 0.04); - color: #8dd0ff; - border-color: transparent; -} -.p-button.p-button-text:enabled:active { - background: rgba(141, 208, 255, 0.16); - color: #8dd0ff; - border-color: transparent; -} -.p-button.p-button-text.p-button-plain { - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-text.p-button-plain:enabled:hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-text.p-button-plain:enabled:active { - background: rgba(255, 255, 255, 0.16); - color: rgba(255, 255, 255, 0.6); -} -.p-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; -} -.p-button .p-button-icon-left { - margin-right: 0.5rem; -} -.p-button .p-button-icon-right { - margin-left: 0.5rem; -} -.p-button .p-button-icon-bottom { - margin-top: 0.5rem; -} -.p-button .p-button-icon-top { - margin-bottom: 0.5rem; -} -.p-button .p-badge { - margin-left: 0.5rem; - min-width: 1rem; - height: 1rem; - line-height: 1rem; - color: #8dd0ff; - background-color: #151515; -} -.p-button.p-button-raised { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -} -.p-button.p-button-rounded { - border-radius: 2rem; -} -.p-button.p-button-icon-only { - width: 2.357rem; - padding: 0.5rem 0; -} -.p-button.p-button-icon-only .p-button-icon-left, -.p-button.p-button-icon-only .p-button-icon-right { - margin: 0; -} -.p-button.p-button-icon-only.p-button-rounded { - border-radius: 50%; - height: 2.357rem; -} -.p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.65625rem; -} -.p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; -} -.p-button.p-button-lg { - font-size: 1.25rem; - padding: 0.625rem 0.9375rem; -} -.p-button.p-button-lg .p-button-icon { - font-size: 1.25rem; -} -.p-button.p-button-loading-label-only .p-button-label { - margin-left: 0.5rem; -} -.p-button.p-button-loading-label-only .p-button-loading-icon { - margin-right: 0; -} - -.p-fluid .p-button { - width: 100%; -} -.p-fluid .p-button-icon-only { - width: 2.357rem; -} -.p-fluid .p-buttonset { - display: flex; -} -.p-fluid .p-buttonset .p-button { - flex: 1; -} - -.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { - color: #ffffff; - background: #6c757d; - border: 1px solid #6c757d; -} -.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { - background: #5a6268; - color: #ffffff; - border-color: #5a6268; -} -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - box-shadow: 0 0 0 1px rgba(130, 138, 145, 0.5); -} -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: #545b62; - color: #ffffff; - border-color: #4e555b; -} -.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { - background-color: transparent; - color: #6c757d; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { - background: rgba(108, 117, 125, 0.04); - color: #6c757d; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { - background: rgba(108, 117, 125, 0.16); - color: #6c757d; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { - background-color: transparent; - color: #6c757d; - border-color: transparent; -} -.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { - background: rgba(108, 117, 125, 0.04); - border-color: transparent; - color: #6c757d; -} -.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { - background: rgba(108, 117, 125, 0.16); - border-color: transparent; - color: #6c757d; -} - -.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { - color: #151515; - background: #7fd8e6; - border: 1px solid #4cc8db; -} -.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { - background: #4cc8db; - color: #151515; - border-color: #26bdd3; -} -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #b1e8f0; -} -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: #26bdd3; - color: #151515; - border-color: #00b2cc; -} -.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { - background-color: transparent; - color: #7fd8e6; - border: 1px solid; -} -.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { - background: rgba(127, 216, 230, 0.04); - color: #7fd8e6; - border: 1px solid; -} -.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { - background: rgba(127, 216, 230, 0.16); - color: #7fd8e6; - border: 1px solid; -} -.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { - background-color: transparent; - color: #7fd8e6; - border-color: transparent; -} -.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { - background: rgba(127, 216, 230, 0.04); - border-color: transparent; - color: #7fd8e6; -} -.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { - background: rgba(127, 216, 230, 0.16); - border-color: transparent; - color: #7fd8e6; -} - -.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { - color: #151515; - background: #9fdaa8; - border: 1px solid #78cc86; -} -.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { - background: #78cc86; - color: #151515; - border-color: #5ac06c; -} -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #c5e8ca; -} -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: #5ac06c; - color: #151515; - border-color: #3cb553; -} -.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { - background-color: transparent; - color: #9fdaa8; - border: 1px solid; -} -.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { - background: rgba(159, 218, 168, 0.04); - color: #9fdaa8; - border: 1px solid; -} -.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { - background: rgba(159, 218, 168, 0.16); - color: #9fdaa8; - border: 1px solid; -} -.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { - background-color: transparent; - color: #9fdaa8; - border-color: transparent; -} -.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { - background: rgba(159, 218, 168, 0.04); - border-color: transparent; - color: #9fdaa8; -} -.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { - background: rgba(159, 218, 168, 0.16); - border-color: transparent; - color: #9fdaa8; -} - -.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { - color: #151515; - background: #ffe082; - border: 1px solid #ffd54f; -} -.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { - background: #ffd54f; - color: #151515; - border-color: #ffca28; -} -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #ffecb3; -} -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: #ffca28; - color: #151515; - border-color: #ffc107; -} -.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { - background-color: transparent; - color: #ffe082; - border: 1px solid; -} -.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { - background: rgba(255, 224, 130, 0.04); - color: #ffe082; - border: 1px solid; -} -.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { - background: rgba(255, 224, 130, 0.16); - color: #ffe082; - border: 1px solid; -} -.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { - background-color: transparent; - color: #ffe082; - border-color: transparent; -} -.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { - background: rgba(255, 224, 130, 0.04); - border-color: transparent; - color: #ffe082; -} -.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { - background: rgba(255, 224, 130, 0.16); - border-color: transparent; - color: #ffe082; -} - -.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { - color: #151515; - background: #b7a2e0; - border: 1px solid #9a7cd4; -} -.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { - background: #9a7cd4; - color: #151515; - border-color: #845fca; -} -.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #d3c7ec; -} -.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: #845fca; - color: #151515; - border-color: #6d43c0; -} -.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { - background-color: transparent; - color: #b7a2e0; - border: 1px solid; -} -.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { - background: rgba(183, 162, 224, 0.04); - color: #b7a2e0; - border: 1px solid; -} -.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { - background: rgba(183, 162, 224, 0.16); - color: #b7a2e0; - border: 1px solid; -} -.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { - background-color: transparent; - color: #b7a2e0; - border-color: transparent; -} -.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { - background: rgba(183, 162, 224, 0.04); - border-color: transparent; - color: #b7a2e0; -} -.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { - background: rgba(183, 162, 224, 0.16); - border-color: transparent; - color: #b7a2e0; -} - -.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { - color: #151515; - background: #f19ea6; - border: 1px solid #e97984; -} -.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { - background: #e97984; - color: #151515; - border-color: #f75965; -} -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #ffd0d9; -} -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: #f75965; - color: #151515; - border-color: #fd464e; -} -.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { - background-color: transparent; - color: #f19ea6; - border: 1px solid; -} -.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { - background: rgba(241, 158, 166, 0.04); - color: #f19ea6; - border: 1px solid; -} -.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { - background: rgba(241, 158, 166, 0.16); - color: #f19ea6; - border: 1px solid; -} -.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { - background-color: transparent; - color: #f19ea6; - border-color: transparent; -} -.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { - background: rgba(241, 158, 166, 0.04); - border-color: transparent; - color: #f19ea6; -} -.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { - background: rgba(241, 158, 166, 0.16); - border-color: transparent; - color: #f19ea6; -} - -.p-button.p-button-link { - color: #8dd0ff; - background: transparent; - border: transparent; -} -.p-button.p-button-link:enabled:hover { - background: transparent; - color: #56bdff; - border-color: transparent; -} -.p-button.p-button-link:enabled:hover .p-button-label { - text-decoration: underline; -} -.p-button.p-button-link:enabled:focus { - background: transparent; - box-shadow: 0 0 0 1px #e3f3fe; - border-color: transparent; -} -.p-button.p-button-link:enabled:active { - background: transparent; - color: #8dd0ff; - border-color: transparent; -} - -.p-speeddial-button.p-button.p-button-icon-only { - width: 4rem; - height: 4rem; -} -.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { - font-size: 1.3rem; -} - -.p-speeddial-action { - width: 3rem; - height: 3rem; - background: #343e4d; - color: #fff; -} -.p-speeddial-action:hover { - background: #3f4b5b; - color: #fff; -} - -.p-speeddial-direction-up .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-up .p-speeddial-item:first-child { - margin-bottom: 0.5rem; -} - -.p-speeddial-direction-down .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-down .p-speeddial-item:first-child { - margin-top: 0.5rem; -} - -.p-speeddial-direction-left .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-left .p-speeddial-item:first-child { - margin-right: 0.5rem; -} - -.p-speeddial-direction-right .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-right .p-speeddial-item:first-child { - margin-left: 0.5rem; -} - -.p-speeddial-circle .p-speeddial-item, -.p-speeddial-semi-circle .p-speeddial-item, -.p-speeddial-quarter-circle .p-speeddial-item { - margin: 0; -} -.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, -.p-speeddial-semi-circle .p-speeddial-item:first-child, -.p-speeddial-semi-circle .p-speeddial-item:last-child, -.p-speeddial-quarter-circle .p-speeddial-item:first-child, -.p-speeddial-quarter-circle .p-speeddial-item:last-child { - margin: 0; -} - -.p-speeddial-mask { - background-color: rgba(0, 0, 0, 0.4); -} - -.p-carousel .p-carousel-content .p-carousel-prev, -.p-carousel .p-carousel-content .p-carousel-next { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: color 0.15s, box-shadow 0.15s; - margin: 0.5rem; -} -.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, -.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: transparent; -} -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; -} -.p-carousel .p-carousel-indicators { - padding: 1rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator { - margin-right: 0.5rem; - margin-bottom: 0.5rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: #3f4b5b; - width: 2rem; - height: 0.5rem; - transition: color 0.15s, box-shadow 0.15s; - border-radius: 0; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { - background: rgba(255, 255, 255, 0.04); -} -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #8dd0ff; - color: #151515; -} - -.p-datatable .p-paginator-top { - border-width: 0; - border-radius: 0; -} -.p-datatable .p-paginator-bottom { - border-width: 1px 0 0 0; - border-radius: 0; -} -.p-datatable .p-datatable-header { - background: #2a323d; - color: rgba(255, 255, 255, 0.6); - border: solid #3f4b5b; - border-width: 1px 0 0 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-datatable .p-datatable-footer { - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #3f4b5b; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-datatable .p-datatable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #3f4b5b; - border-width: 1px 0 2px 0; - font-weight: 600; - color: rgba(255, 255, 255, 0.87); - background: #2a323d; - transition: box-shadow 0.15s; -} -.p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #3f4b5b; - border-width: 1px 0 1px 0; - font-weight: 600; - color: rgba(255, 255, 255, 0.87); - background: #2a323d; -} -.p-datatable .p-sortable-column .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: #151515; - background: #8dd0ff; - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column.p-highlight { - background: #2a323d; - color: #8dd0ff; -} -.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #8dd0ff; -} -.p-datatable .p-sortable-column.p-highlight:hover { - background: rgba(255, 255, 255, 0.04); - color: #8dd0ff; -} -.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { - color: #8dd0ff; -} -.p-datatable .p-sortable-column:focus { - box-shadow: inset 0 0 0 0.15rem #e3f3fe; - outline: 0 none; -} -.p-datatable .p-datatable-tbody > tr { - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.15s; - outline-color: #e3f3fe; -} -.p-datatable .p-datatable-tbody > tr > td { - text-align: left; - border: 1px solid #3f4b5b; - border-width: 1px 0 0 0; - padding: 1rem 1rem; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: color 0.15s, box-shadow 0.15s; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: transparent; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { - margin-right: 0.5rem; -} -.p-datatable .p-datatable-tbody > tr.p-highlight { - background: #8dd0ff; - color: #151515; -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #8dd0ff; -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #8dd0ff; -} -.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-column-resizer-helper { - background: #8dd0ff; -} -.p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #2a323d; -} -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot { - background-color: #2a323d; -} -.p-datatable .p-datatable-loading-icon { - font-size: 2rem; -} -.p-datatable.p-datatable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-footer { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-top { - border-width: 0 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-bottom { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px 1px 2px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { - background: rgba(255, 255, 255, 0.02); -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: #8dd0ff; - color: #151515; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: #151515; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: #151515; -} -.p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-lg .p-datatable-header { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-footer { - padding: 1.25rem 1.25rem; -} - -.p-dataview .p-paginator-top { - border-width: 0; - border-radius: 0; -} -.p-dataview .p-paginator-bottom { - border-width: 1px 0 0 0; - border-radius: 0; -} -.p-dataview .p-dataview-header { - background: #2a323d; - color: rgba(255, 255, 255, 0.6); - border: solid #3f4b5b; - border-width: 1px 0 0 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-dataview .p-dataview-content { - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; -} -.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: 1px solid #3f4b5b; - border-width: 1px 0 0 0; -} -.p-dataview .p-dataview-footer { - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #3f4b5b; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; -} -.p-dataview .p-dataview-loading-icon { - font-size: 2rem; -} -.p-dataview .p-dataview-emptymessage { - padding: 1.25rem; -} - -.p-column-filter-row .p-column-filter-menu-button, -.p-column-filter-row .p-column-filter-clear-button { - margin-left: 0.5rem; -} - -.p-column-filter-menu-button { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: color 0.15s, box-shadow 0.15s; -} -.p-column-filter-menu-button:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: transparent; -} -.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: transparent; - color: rgba(255, 255, 255, 0.87); -} -.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: #8dd0ff; - color: #151515; -} -.p-column-filter-menu-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; -} - -.p-column-filter-clear-button { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: color 0.15s, box-shadow 0.15s; -} -.p-column-filter-clear-button:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: transparent; -} -.p-column-filter-clear-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; -} - -.p-column-filter-overlay { - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #3f4b5b; - border-radius: 4px; - box-shadow: none; - min-width: 12.5rem; -} -.p-column-filter-overlay .p-column-filter-row-items { - padding: 0.5rem 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { - margin: 0; - padding: 0.5rem 1.5rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.15s; - border-radius: 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: #151515; - background: #8dd0ff; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e3f3fe; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #3f4b5b; - margin: 0.5rem 0; -} - -.p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.75rem 1.5rem; - border-bottom: 1px solid #3f4b5b; - color: rgba(255, 255, 255, 0.87); - background: #2a323d; - margin: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-column-filter-overlay-menu .p-column-filter-constraint { - padding: 1.25rem; - border-bottom: 1px solid #3f4b5b; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { - margin-bottom: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { - margin-top: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { - border-bottom: 0 none; -} -.p-column-filter-overlay-menu .p-column-filter-add-rule { - padding: 0.5rem 1.25rem; -} -.p-column-filter-overlay-menu .p-column-filter-buttonbar { - padding: 1.25rem; -} - -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #2a323d; - border: 1px solid #3f4b5b; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #2a323d; - border: 1px solid #3f4b5b; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #3f4b5b; -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #3f4b5b; -} -.fc.fc-unthemed .fc-view-container .fc-event { - background: #56bdff; - border: 1px solid #56bdff; - color: #151515; -} -.fc.fc-unthemed .fc-view-container .fc-divider { - background: #2a323d; - border: 1px solid #3f4b5b; -} -.fc.fc-unthemed .fc-toolbar .fc-button { - color: #151515; - background: #8dd0ff; - border: 1px solid #8dd0ff; - font-size: 1rem; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; - border-radius: 4px; - display: flex; - align-items: center; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #56bdff; - color: #151515; - border-color: #56bdff; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #1dadff; - color: #151515; - border-color: #1dadff; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #6c757d; - border: 1px solid #6c757d; - color: #ffffff; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #5a6268; - border-color: #545b62; - color: #ffffff; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #545b62; - border-color: #4e555b; - color: #ffffff; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #545b62; - border-color: #4e555b; - color: #ffffff; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; - z-index: 1; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} -.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #3f4b5b; -} -.fc.fc-theme-standard .fc-view-harness th { - background: #2a323d; - border-color: #3f4b5b; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness td { - color: rgba(255, 255, 255, 0.87); - border-color: #3f4b5b; -} -.fc.fc-theme-standard .fc-view-harness .fc-view { - background: #2a323d; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #3f4b5b; - padding: 1rem 1.25rem; - background: #2a323d; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: color 0.15s, box-shadow 0.15s; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: transparent; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1.25rem; - border: 1px solid #3f4b5b; - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #151515; - background: #56bdff; - border-color: #56bdff; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #151515; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #56bdff; - border-color: #56bdff; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #2a323d; -} -.fc.fc-theme-standard .fc-toolbar .fc-button { - color: #151515; - background: #8dd0ff; - border: 1px solid #8dd0ff; - font-size: 1rem; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; - border-radius: 4px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #56bdff; - color: #151515; - border-color: #56bdff; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #1dadff; - color: #151515; - border-color: #1dadff; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.65; - color: #151515; - background: #8dd0ff; - border: 1px solid #8dd0ff; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #6c757d; - border: 1px solid #6c757d; - color: #ffffff; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #5a6268; - border-color: #545b62; - color: #ffffff; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #545b62; - border-color: #4e555b; - color: #ffffff; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #545b62; - border-color: #4e555b; - color: #ffffff; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; - z-index: 1; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} -.fc.fc-theme-standard a { - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-highlight { - color: #151515; - background: #8dd0ff; -} - -.p-orderlist .p-orderlist-controls { - padding: 1.25rem; -} -.p-orderlist .p-orderlist-controls .p-button { - margin-bottom: 0.5rem; -} -.p-orderlist .p-orderlist-header { - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #3f4b5b; - padding: 1rem 1.25rem; - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-orderlist .p-orderlist-header .p-orderlist-title { - font-weight: 600; -} -.p-orderlist .p-orderlist-filter-container { - padding: 1rem 1.25rem; - background: #2a323d; - border: 1px solid #3f4b5b; - border-bottom: 0 none; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { - padding-right: 1.75rem; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} -.p-orderlist .p-orderlist-list { - border: 1px solid #3f4b5b; - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - padding: 0.5rem 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-orderlist .p-orderlist-list .p-orderlist-item { - padding: 0.5rem 1.5rem; - margin: 0; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.15s; -} -.p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e3f3fe; -} -.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #151515; - background: #8dd0ff; -} -.p-orderlist .p-orderlist-list .p-orderlist-empty-message { - padding: 0.5rem 1.5rem; - color: rgba(255, 255, 255, 0.87); -} -.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} - -.p-orderlist-item.cdk-drag-preview { - padding: 0.5rem 1.5rem; - box-shadow: none; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #2a323d; - margin: 0; -} - -.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-organizationchart .p-organizationchart-node-content.p-highlight { - background: #8dd0ff; - color: #151515; -} -.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: #0e9bff; -} -.p-organizationchart .p-organizationchart-line-down { - background: #3f4b5b; -} -.p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #3f4b5b; - border-color: #3f4b5b; -} -.p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #3f4b5b; - border-color: #3f4b5b; -} -.p-organizationchart .p-organizationchart-node-content { - border: 1px solid #3f4b5b; - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - padding: 1.25rem; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler { - background: inherit; - color: inherit; - border-radius: 50%; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; -} - -.p-paginator { - background: #2a323d; - color: #8dd0ff; - border: solid #3f4b5b; - border-width: 0; - padding: 0.75rem; - border-radius: 4px; -} -.p-paginator .p-paginator-first, -.p-paginator .p-paginator-prev, -.p-paginator .p-paginator-next, -.p-paginator .p-paginator-last { - background-color: transparent; - border: 1px solid #3f4b5b; - color: #8dd0ff; - min-width: 2.357rem; - height: 2.357rem; - margin: 0 0 0 -1px; - transition: box-shadow 0.15s; - border-radius: 0; -} -.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - border-color: #3f4b5b; - color: #8dd0ff; -} -.p-paginator .p-paginator-first { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.p-paginator .p-paginator-last { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.p-paginator .p-dropdown { - margin-left: 0.5rem; - margin-right: 0.5rem; - height: 2.357rem; -} -.p-paginator .p-dropdown .p-dropdown-label { - padding-right: 0; -} -.p-paginator .p-paginator-page-input { - margin-left: 0.5rem; - margin-right: 0.5rem; -} -.p-paginator .p-paginator-page-input .p-inputtext { - max-width: 2.357rem; -} -.p-paginator .p-paginator-current { - background-color: transparent; - border: 1px solid #3f4b5b; - color: #8dd0ff; - min-width: 2.357rem; - height: 2.357rem; - margin: 0 0 0 -1px; - padding: 0 0.5rem; -} -.p-paginator .p-paginator-pages .p-paginator-page { - background-color: transparent; - border: 1px solid #3f4b5b; - color: #8dd0ff; - min-width: 2.357rem; - height: 2.357rem; - margin: 0 0 0 -1px; - transition: box-shadow 0.15s; - border-radius: 0; -} -.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: #8dd0ff; - border-color: #8dd0ff; - color: #151515; -} -.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - border-color: #3f4b5b; - color: #8dd0ff; -} - -.p-picklist .p-picklist-buttons { - padding: 1.25rem; -} -.p-picklist .p-picklist-buttons .p-button { - margin-bottom: 0.5rem; -} -.p-picklist .p-picklist-header { - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #3f4b5b; - padding: 1rem 1.25rem; - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-picklist .p-picklist-header .p-picklist-title { - font-weight: 600; -} -.p-picklist .p-picklist-filter-container { - padding: 1rem 1.25rem; - background: #2a323d; - border: 1px solid #3f4b5b; - border-bottom: 0 none; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-input { - padding-right: 1.75rem; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} -.p-picklist .p-picklist-list { - border: 1px solid #3f4b5b; - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - padding: 0.5rem 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-picklist .p-picklist-list .p-picklist-item { - padding: 0.5rem 1.5rem; - margin: 0; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.15s; -} -.p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e3f3fe; -} -.p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: #151515; - background: #8dd0ff; -} -.p-picklist .p-picklist-list .p-picklist-empty-message { - padding: 0.5rem 1.5rem; - color: rgba(255, 255, 255, 0.87); -} -.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} - -.p-picklist-item.cdk-drag-preview { - padding: 0.5rem 1.5rem; - box-shadow: none; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #2a323d; - margin: 0; -} - -.p-timeline .p-timeline-event-marker { - border: 0 none; - border-radius: 50%; - width: 1rem; - height: 1rem; - background-color: #8dd0ff; -} -.p-timeline .p-timeline-event-connector { - background-color: #3f4b5b; -} -.p-timeline.p-timeline-vertical .p-timeline-event-opposite, -.p-timeline.p-timeline-vertical .p-timeline-event-content { - padding: 0 1rem; -} -.p-timeline.p-timeline-vertical .p-timeline-event-connector { - width: 2px; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, -.p-timeline.p-timeline-horizontal .p-timeline-event-content { - padding: 1rem 0; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-connector { - height: 2px; -} - -.p-tree { - border: 1px solid #3f4b5b; - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - padding: 1.25rem; - border-radius: 4px; -} -.p-tree .p-tree-container .p-treenode { - padding: 0.143rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content { - border-radius: 4px; - transition: box-shadow 0.15s; - padding: 0.286rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: color 0.15s, box-shadow 0.15s; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: transparent; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { - margin-right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: #8dd0ff; - color: #151515; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #151515; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { - color: #151515; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-filter-container { - margin-bottom: 0.5rem; -} -.p-tree .p-tree-filter-container .p-tree-filter { - width: 100%; - padding-right: 1.75rem; -} -.p-tree .p-tree-filter-container .p-tree-filter-icon { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} -.p-tree .p-treenode-children { - padding: 0 0 0 1rem; -} -.p-tree .p-tree-loading-icon { - font-size: 2rem; -} -.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: #3eafff; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { - border-radius: 4px; - border: 1px solid #3f4b5b; - background-color: #2a323d; - color: rgba(255, 255, 255, 0.87); - padding: 0.286rem; - transition: box-shadow 0.15s; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { - background-color: #8dd0ff; - color: #151515; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #151515; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { - background-color: inherit; - color: inherit; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; -} - -.p-treetable .p-paginator-top { - border-width: 0; - border-radius: 0; -} -.p-treetable .p-paginator-bottom { - border-width: 1px 0 0 0; - border-radius: 0; -} -.p-treetable .p-treetable-header { - background: #2a323d; - color: rgba(255, 255, 255, 0.6); - border: solid #3f4b5b; - border-width: 1px 0 0 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-treetable .p-treetable-footer { - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #3f4b5b; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-treetable .p-treetable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #3f4b5b; - border-width: 1px 0 2px 0; - font-weight: 600; - color: rgba(255, 255, 255, 0.87); - background: #2a323d; - transition: box-shadow 0.15s; -} -.p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #3f4b5b; - border-width: 1px 0 1px 0; - font-weight: 600; - color: rgba(255, 255, 255, 0.87); - background: #2a323d; -} -.p-treetable .p-sortable-column { - outline-color: #e3f3fe; -} -.p-treetable .p-sortable-column .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: #151515; - background: #8dd0ff; - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-sortable-column.p-highlight { - background: #2a323d; - color: #8dd0ff; -} -.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #8dd0ff; -} -.p-treetable .p-treetable-tbody > tr { - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.15s; - outline-color: #e3f3fe; -} -.p-treetable .p-treetable-tbody > tr > td { - text-align: left; - border: 1px solid #3f4b5b; - border-width: 1px 0 0 0; - padding: 1rem 1rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: color 0.15s, box-shadow 0.15s; - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: transparent; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-treetable-tbody > tr.p-highlight { - background: #8dd0ff; - color: #151515; -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: #151515; -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: #151515; -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-column-resizer-helper { - background: #8dd0ff; -} -.p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #2a323d; -} -.p-treetable .p-treetable-loading-icon { - font-size: 2rem; -} -.p-treetable.p-treetable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-footer { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-top { - border-width: 0 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-bottom { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-sm .p-treetable-header { - padding: 0.875rem 0.875rem; -} -.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-footer { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-lg .p-treetable-header { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-footer { - padding: 1.25rem 1.25rem; -} - -.p-virtualscroller .p-virtualscroller-header { - background: #2a323d; - color: rgba(255, 255, 255, 0.6); - border: solid #3f4b5b; - border-width: 1px 0 0 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-virtualscroller .p-virtualscroller-content { - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; -} -.p-virtualscroller .p-virtualscroller-footer { - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #3f4b5b; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-accordion .p-accordion-header .p-accordion-header-link { - padding: 1rem 1.25rem; - border: 1px solid #3f4b5b; - color: rgba(255, 255, 255, 0.87); - background: #2a323d; - font-weight: 600; - border-radius: 4px; - transition: box-shadow 0.15s; -} -.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { - margin-right: 0.5rem; -} -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; -} -.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { - background: rgba(255, 255, 255, 0.04); - border-color: #3f4b5b; - color: rgba(255, 255, 255, 0.87); -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #2a323d; - border-color: #3f4b5b; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-color: #3f4b5b; - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-accordion .p-accordion-content { - padding: 1.25rem; - border: 1px solid #3f4b5b; - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-accordion p-accordiontab .p-accordion-tab { - margin-bottom: 0; -} -.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { - border-radius: 0; -} -.p-accordion p-accordiontab .p-accordion-content { - border-radius: 0; -} -.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { - border-top: 0 none; -} -.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-top: 0 none; -} -.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-accordion p-accordiontab:last-child .p-accordion-content { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-card { - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); - border-radius: 4px; -} -.p-card .p-card-body { - padding: 1.5rem; -} -.p-card .p-card-title { - font-size: 1.5rem; - font-weight: 700; - margin-bottom: 0.5rem; -} -.p-card .p-card-subtitle { - font-weight: 400; - margin-bottom: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-card .p-card-content { - padding: 1rem 0; -} -.p-card .p-card-footer { - padding: 1rem 0 0 0; -} - -.p-divider .p-divider-content { - background-color: #2a323d; -} -.p-divider.p-divider-horizontal { - margin: 1rem 0; - padding: 0 1rem; -} -.p-divider.p-divider-horizontal:before { - border-top: 1px #3f4b5b; -} -.p-divider.p-divider-horizontal .p-divider-content { - padding: 0 0.5rem; -} -.p-divider.p-divider-vertical { - margin: 0 1rem; - padding: 1rem 0; -} -.p-divider.p-divider-vertical:before { - border-left: 1px #3f4b5b; -} -.p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; -} - -.p-fieldset { - border: 1px solid #3f4b5b; - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border-radius: 4px; -} -.p-fieldset .p-fieldset-legend { - padding: 1rem 1.25rem; - border: 1px solid #3f4b5b; - color: rgba(255, 255, 255, 0.87); - background: #2a323d; - font-weight: 600; - border-radius: 4px; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { - padding: 0; - transition: color 0.15s, box-shadow 0.15s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { - padding: 1rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 4px; - transition: box-shadow 0.15s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { - margin-right: 0.5rem; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: rgba(255, 255, 255, 0.04); - border-color: #3f4b5b; - color: rgba(255, 255, 255, 0.87); -} -.p-fieldset .p-fieldset-content { - padding: 1.25rem; -} - -.p-panel .p-panel-header { - border: 1px solid #3f4b5b; - padding: 1rem 1.25rem; - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-panel .p-panel-header .p-panel-title { - font-weight: 600; -} -.p-panel .p-panel-header .p-panel-header-icon { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: color 0.15s, box-shadow 0.15s; -} -.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: transparent; -} -.p-panel .p-panel-header .p-panel-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; -} -.p-panel.p-panel-toggleable .p-panel-header { - padding: 0.5rem 1.25rem; -} -.p-panel .p-panel-content { - padding: 1.25rem; - border: 1px solid #3f4b5b; - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - border-top: 0 none; -} -.p-panel .p-panel-footer { - padding: 0.5rem 1.25rem; - border: 1px solid #3f4b5b; - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; -} - -.p-scrollpanel .p-scrollpanel-bar { - background: #3f4b5b; - border: 0 none; -} - -.p-splitter { - border: 1px solid #3f4b5b; - background: #2a323d; - border-radius: 4px; - color: rgba(255, 255, 255, 0.87); -} -.p-splitter .p-splitter-gutter { - transition: color 0.15s, box-shadow 0.15s; - background: rgba(255, 255, 255, 0.04); -} -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: #3f4b5b; -} -.p-splitter .p-splitter-gutter-resizing { - background: #3f4b5b; -} - -.p-tabview .p-tabview-nav { - background: transparent; - border: 1px solid #3f4b5b; - border-width: 0 0 1px 0; -} -.p-tabview .p-tabview-nav li { - margin-right: 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid; - border-width: 1px; - border-color: #2a323d #2a323d #3f4b5b #2a323d; - background: #2a323d; - color: rgba(255, 255, 255, 0.6); - padding: 0.75rem 1rem; - font-weight: 600; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - transition: box-shadow 0.15s; - margin: 0 0 -1px 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #e3f3fe; -} -.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #2a323d; - border-color: #3f4b5b; - color: rgba(255, 255, 255, 0.87); -} -.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #2a323d; - border-color: #3f4b5b #3f4b5b #2a323d #3f4b5b; - color: rgba(255, 255, 255, 0.6); -} -.p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; -} -.p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-close { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-nav-btn.p-link { - background: #2a323d; - color: rgba(255, 255, 255, 0.6); - width: 2.357rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; -} -.p-tabview .p-tabview-nav-btn.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #e3f3fe; -} -.p-tabview .p-tabview-panels { - background: #2a323d; - padding: 1.25rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-toolbar { - background: #2a323d; - border: 1px solid #3f4b5b; - padding: 1rem 1.25rem; - border-radius: 4px; -} -.p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; -} - -.p-confirm-popup { - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #3f4b5b; - border-radius: 4px; - box-shadow: none; -} -.p-confirm-popup .p-confirm-popup-content { - padding: 1.25rem; -} -.p-confirm-popup .p-confirm-popup-footer { - text-align: right; - padding: 0.5rem 1.25rem; -} -.p-confirm-popup .p-confirm-popup-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-confirm-popup .p-confirm-popup-footer button:last-child { - margin: 0; -} -.p-confirm-popup:after { - border: solid transparent; - border-color: rgba(42, 50, 61, 0); - border-bottom-color: #2a323d; -} -.p-confirm-popup:before { - border: solid transparent; - border-color: rgba(63, 75, 91, 0); - border-bottom-color: #3f4b5b; -} -.p-confirm-popup.p-confirm-popup-flipped:after { - border-top-color: #2a323d; -} -.p-confirm-popup.p-confirm-popup-flipped:before { - border-top-color: #3f4b5b; -} -.p-confirm-popup .p-confirm-popup-icon { - font-size: 1.5rem; -} -.p-confirm-popup .p-confirm-popup-message { - margin-left: 1rem; -} - -.p-dialog { - border-radius: 4px; - box-shadow: none; - border: 1px solid #3f4b5b; -} -.p-dialog .p-dialog-header { - border-bottom: 1px solid #3f4b5b; - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - padding: 1rem; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-dialog .p-dialog-header .p-dialog-title { - font-weight: 600; - font-size: 1.25rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: color 0.15s, box-shadow 0.15s; - margin-right: 0.5rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: transparent; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { - margin-right: 0; -} -.p-dialog .p-dialog-content { - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - padding: 1rem; -} -.p-dialog .p-dialog-footer { - border-top: 1px solid #3f4b5b; - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - padding: 1rem; - text-align: right; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-dialog .p-dialog-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { - font-size: 2rem; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; -} - -.p-overlaypanel { - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #3f4b5b; - border-radius: 4px; - box-shadow: none; -} -.p-overlaypanel .p-overlaypanel-content { - padding: 1.25rem; -} -.p-overlaypanel .p-overlaypanel-close { - background: #8dd0ff; - color: #151515; - width: 2rem; - height: 2rem; - transition: color 0.15s, box-shadow 0.15s; - border-radius: 50%; - position: absolute; - top: -1rem; - right: -1rem; -} -.p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #56bdff; - color: #151515; -} -.p-overlaypanel:after { - border: solid transparent; - border-color: rgba(42, 50, 61, 0); - border-bottom-color: #2a323d; -} -.p-overlaypanel:before { - border: solid transparent; - border-color: rgba(63, 75, 91, 0); - border-bottom-color: #3f4b5b; -} -.p-overlaypanel.p-overlaypanel-flipped:after { - border-top-color: #2a323d; -} -.p-overlaypanel.p-overlaypanel-flipped:before { - border-top-color: #3f4b5b; -} - -.p-sidebar { - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #3f4b5b; - box-shadow: none; -} -.p-sidebar .p-sidebar-header { - padding: 1rem 1.25rem; -} -.p-sidebar .p-sidebar-header .p-sidebar-close, -.p-sidebar .p-sidebar-header .p-sidebar-icon { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: color 0.15s, box-shadow 0.15s; -} -.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, -.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: transparent; -} -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; -} -.p-sidebar .p-sidebar-header + .p-sidebar-content { - padding-top: 0; -} -.p-sidebar .p-sidebar-content { - padding: 1.25rem; -} - -.p-tooltip .p-tooltip-text { - background: #3f4b5b; - color: rgba(255, 255, 255, 0.87); - padding: 0.5rem 0.75rem; - box-shadow: none; - border-radius: 4px; -} -.p-tooltip.p-tooltip-right .p-tooltip-arrow { - border-right-color: #3f4b5b; -} -.p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #3f4b5b; -} -.p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #3f4b5b; -} -.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #3f4b5b; -} - -.p-fileupload .p-fileupload-buttonbar { - background: #2a323d; - padding: 1rem 1.25rem; - border: 1px solid #3f4b5b; - color: rgba(255, 255, 255, 0.87); - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; -} -.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; -} -.p-fileupload .p-fileupload-content { - background: #2a323d; - padding: 2rem 1rem; - border: 1px solid #3f4b5b; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-fileupload .p-progressbar { - height: 0.25rem; -} -.p-fileupload .p-fileupload-row > div { - padding: 1rem 1rem; -} -.p-fileupload.p-fileupload-advanced .p-message { - margin-top: 0; -} - -.p-fileupload-choose:not(.p-disabled):hover { - background: #56bdff; - color: #151515; - border-color: #56bdff; -} -.p-fileupload-choose:not(.p-disabled):active { - background: #1dadff; - color: #151515; - border-color: #1dadff; -} - -.p-breadcrumb { - background: #343e4d; - border: 0 none; - border-radius: 4px; - padding: 1rem; -} -.p-breadcrumb ul li .p-menuitem-link { - transition: box-shadow 0.15s; - border-radius: 4px; -} -.p-breadcrumb ul li .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { - color: #8dd0ff; -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { - color: #8dd0ff; -} -.p-breadcrumb ul li.p-breadcrumb-chevron { - margin: 0 0.5rem 0 0.5rem; - color: rgba(255, 255, 255, 0.87); -} -.p-breadcrumb ul li:last-child .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-breadcrumb ul li:last-child .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} - -.p-contextmenu { - padding: 0.5rem 0; - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #3f4b5b; - box-shadow: none; - border-radius: 4px; - width: 12.5rem; -} -.p-contextmenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.15s; - user-select: none; -} -.p-contextmenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-contextmenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e3f3fe; -} -.p-contextmenu .p-submenu-list { - padding: 0.5rem 0; - background: #2a323d; - border: 1px solid #3f4b5b; - box-shadow: none; - border-radius: 4px; -} -.p-contextmenu .p-menuitem { - margin: 0; -} -.p-contextmenu .p-menuitem:last-child { - margin: 0; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #20262e; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menu-separator { - border-top: 1px solid #3f4b5b; - margin: 0.5rem 0; -} -.p-contextmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-dock .p-dock-list { - background: rgba(255, 255, 255, 0.1); - border: 1px solid rgba(255, 255, 255, 0.2); - padding: 0.5rem 0.5rem; - border-radius: 0.5rem; -} -.p-dock .p-dock-item { - padding: 0.5rem; -} -.p-dock .p-dock-action { - width: 4rem; - height: 4rem; -} -.p-dock.p-dock-top .p-dock-item-second-prev, -.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, -.p-dock.p-dock-bottom .p-dock-item-second-next { - margin: 0 0.9rem; -} -.p-dock.p-dock-top .p-dock-item-prev, -.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, -.p-dock.p-dock-bottom .p-dock-item-next { - margin: 0 1.3rem; -} -.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { - margin: 0 1.5rem; -} -.p-dock.p-dock-left .p-dock-item-second-prev, -.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, -.p-dock.p-dock-right .p-dock-item-second-next { - margin: 0.9rem 0; -} -.p-dock.p-dock-left .p-dock-item-prev, -.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, -.p-dock.p-dock-right .p-dock-item-next { - margin: 1.3rem 0; -} -.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { - margin: 1.5rem 0; -} - -@media screen and (max-width: 960px) { - .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { - margin: auto 0; - } - .p-dock .p-dock-list .p-dock-item { - transform: none; - margin: 0; - } -} -.p-megamenu { - padding: 0.5rem 1rem; - background: #343e4d; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - border-radius: 4px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 1rem; - color: rgba(255, 255, 255, 0.6); - border-radius: 4px; - transition: box-shadow 0.15s; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.6); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: transparent; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e3f3fe; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: transparent; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.15s; - user-select: none; -} -.p-megamenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e3f3fe; -} -.p-megamenu .p-megamenu-panel { - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #3f4b5b; - box-shadow: none; -} -.p-megamenu .p-megamenu-submenu-header { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #2a323d; - font-weight: 600; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-megamenu .p-megamenu-submenu { - padding: 0.5rem 0; - width: 12.5rem; -} -.p-megamenu .p-megamenu-submenu .p-menu-separator { - border-top: 1px solid #3f4b5b; - margin: 0.5rem 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem { - margin: 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { - margin: 0; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #20262e; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.5rem 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem { - margin: 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { - margin: 0; -} - -.p-menu { - padding: 0.5rem 0; - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #3f4b5b; - border-radius: 4px; - width: 12.5rem; -} -.p-menu .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.15s; - user-select: none; -} -.p-menu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-menu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e3f3fe; -} -.p-menu.p-menu-overlay { - background: #2a323d; - border: 1px solid #3f4b5b; - box-shadow: none; -} -.p-menu .p-submenu-header { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #2a323d; - font-weight: 600; - border-top-right-radius: 0; - border-top-left-radius: 0; -} -.p-menu .p-menu-separator { - border-top: 1px solid #3f4b5b; - margin: 0.5rem 0; -} -.p-menu .p-menuitem { - margin: 0; -} -.p-menu .p-menuitem:last-child { - margin: 0; -} - -.p-menubar { - padding: 0.5rem 1rem; - background: #343e4d; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - border-radius: 4px; -} -.p-menubar .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.15s; - user-select: none; -} -.p-menubar .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-menubar .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e3f3fe; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 1rem; - color: rgba(255, 255, 255, 0.6); - border-radius: 4px; - transition: box-shadow 0.15s; - user-select: none; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.6); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: transparent; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e3f3fe; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: transparent; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-submenu-list { - padding: 0.5rem 0; - background: #2a323d; - border: 1px solid #3f4b5b; - box-shadow: none; - width: 12.5rem; -} -.p-menubar .p-submenu-list .p-menu-separator { - border-top: 1px solid #3f4b5b; - margin: 0.5rem 0; -} -.p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; -} -.p-menubar .p-submenu-list .p-menuitem { - margin: 0; -} -.p-menubar .p-submenu-list .p-menuitem:last-child { - margin: 0; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #20262e; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} - -@media screen and (max-width: 960px) { - .p-menubar { - position: relative; - } - .p-menubar .p-menubar-button { - display: flex; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border-radius: 50%; - transition: color 0.15s, box-shadow 0.15s; - } - .p-menubar .p-menubar-button:hover { - color: rgba(255, 255, 255, 0.87); - background: transparent; - } - .p-menubar .p-menubar-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; - } - .p-menubar .p-menubar-root-list { - position: absolute; - display: none; - padding: 0.5rem 0; - background: #2a323d; - border: 1px solid #3f4b5b; - box-shadow: none; - width: 100%; - } - .p-menubar .p-menubar-root-list .p-menu-separator { - border-top: 1px solid #3f4b5b; - margin: 0.5rem 0; - } - .p-menubar .p-menubar-root-list .p-submenu-icon { - font-size: 0.875rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.15s; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e3f3fe; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - transition: transform 0.15s; - } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-180deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list { - width: 100%; - position: static; - box-shadow: none; - border: 0 none; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { - transition: transform 0.15s; - transform: rotate(90deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-90deg); - } - .p-menubar .p-menubar-root-list .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list ul li a { - padding-left: 2.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li a { - padding-left: 3.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li a { - padding-left: 5.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { - padding-left: 6.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { - padding-left: 8.25rem; - } - .p-menubar.p-menubar-mobile-active .p-menubar-root-list { - display: flex; - flex-direction: column; - top: 100%; - left: 0; - z-index: 1; - } -} -.p-panelmenu .p-panelmenu-header > a { - padding: 1rem 1.25rem; - border: 1px solid #3f4b5b; - color: rgba(255, 255, 255, 0.87); - background: #2a323d; - font-weight: 600; - border-radius: 4px; - transition: box-shadow 0.15s; -} -.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; -} -.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { - background: rgba(255, 255, 255, 0.04); - border-color: #3f4b5b; - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight > a { - background: #2a323d; - border-color: #3f4b5b; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { - border-color: #3f4b5b; - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content { - padding: 0.5rem 0; - border: 1px solid #3f4b5b; - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - margin-bottom: 0; - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.15s; - user-select: none; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e3f3fe; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { - padding: 0 0 0 1rem; -} -.p-panelmenu .p-panelmenu-panel { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { - border-radius: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-content { - border-radius: 0; -} -.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { - border-top: 0 none; -} -.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { - border-top: 0 none; -} -.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-slidemenu { - padding: 0.5rem 0; - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #3f4b5b; - border-radius: 4px; - width: 12.5rem; -} -.p-slidemenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.15s; - user-select: none; -} -.p-slidemenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-slidemenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e3f3fe; -} -.p-slidemenu.p-slidemenu-overlay { - background: #2a323d; - border: 1px solid #3f4b5b; - box-shadow: none; -} -.p-slidemenu .p-slidemenu-list { - padding: 0.5rem 0; - background: #2a323d; - border: 1px solid #3f4b5b; - box-shadow: none; -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { - background: #20262e; -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-slidemenu-separator { - border-top: 1px solid #3f4b5b; - margin: 0.5rem 0; -} -.p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; -} -.p-slidemenu .p-slidemenu-backward { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); -} - -.p-steps .p-steps-item .p-menuitem-link { - background: transparent; - transition: box-shadow 0.15s; - border-radius: 4px; - background: transparent; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-number { - color: rgba(255, 255, 255, 0.87); - border: 1px solid #3f4b5b; - background: transparent; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - z-index: 1; - border-radius: 4px; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-title { - margin-top: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; -} -.p-steps .p-steps-item.p-highlight .p-steps-number { - background: #8dd0ff; - color: #151515; -} -.p-steps .p-steps-item.p-highlight .p-steps-title { - font-weight: 600; - color: rgba(255, 255, 255, 0.87); -} -.p-steps .p-steps-item:before { - content: " "; - border-top: 1px solid #3f4b5b; - width: 100%; - top: 50%; - left: 0; - display: block; - position: absolute; - margin-top: -1rem; -} - -.p-tabmenu .p-tabmenu-nav { - background: transparent; - border: 1px solid #3f4b5b; - border-width: 0 0 1px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { - margin-right: 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { - border: solid; - border-width: 1px; - border-color: #2a323d #2a323d #3f4b5b #2a323d; - background: #2a323d; - color: rgba(255, 255, 255, 0.6); - padding: 0.75rem 1rem; - font-weight: 600; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - transition: box-shadow 0.15s; - margin: 0 0 -1px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #e3f3fe; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: #2a323d; - border-color: #3f4b5b; - color: rgba(255, 255, 255, 0.87); -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #2a323d; - border-color: #3f4b5b #3f4b5b #2a323d #3f4b5b; - color: rgba(255, 255, 255, 0.6); -} - -.p-tieredmenu { - padding: 0.5rem 0; - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #3f4b5b; - border-radius: 4px; - width: 12.5rem; -} -.p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.15s; - user-select: none; -} -.p-tieredmenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-tieredmenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e3f3fe; -} -.p-tieredmenu.p-tieredmenu-overlay { - background: #2a323d; - border: 1px solid #3f4b5b; - box-shadow: none; -} -.p-tieredmenu .p-submenu-list { - padding: 0.5rem 0; - background: #2a323d; - border: 1px solid #3f4b5b; - box-shadow: none; -} -.p-tieredmenu .p-menuitem { - margin: 0; -} -.p-tieredmenu .p-menuitem:last-child { - margin: 0; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #20262e; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menu-separator { - border-top: 1px solid #3f4b5b; - margin: 0.5rem 0; -} -.p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-inline-message { - padding: 0.5rem 0.75rem; - margin: 0; - border-radius: 4px; -} -.p-inline-message.p-inline-message-info { - background: #cce5ff; - border: solid #b8daff; - border-width: 0px; - color: #004085; -} -.p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #004085; -} -.p-inline-message.p-inline-message-success { - background: #d4edda; - border: solid #c3e6cb; - border-width: 0px; - color: #155724; -} -.p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #155724; -} -.p-inline-message.p-inline-message-warn { - background: #fff3cd; - border: solid #ffeeba; - border-width: 0px; - color: #856404; -} -.p-inline-message.p-inline-message-warn .p-inline-message-icon { - color: #856404; -} -.p-inline-message.p-inline-message-error { - background: #f8d7da; - border: solid #f5c6cb; - border-width: 0px; - color: #721c24; -} -.p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #721c24; -} -.p-inline-message .p-inline-message-icon { - font-size: 1rem; - margin-right: 0.5rem; -} -.p-inline-message .p-inline-message-text { - font-size: 1rem; -} -.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { - margin-right: 0; -} - -.p-message { - margin: 1rem 0; - border-radius: 4px; -} -.p-message .p-message-wrapper { - padding: 1rem 1.25rem; -} -.p-message .p-message-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: color 0.15s, box-shadow 0.15s; -} -.p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-message .p-message-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; -} -.p-message.p-message-info { - background: #cce5ff; - border: solid #b8daff; - border-width: 1px; - color: #004085; -} -.p-message.p-message-info .p-message-icon { - color: #004085; -} -.p-message.p-message-info .p-message-close { - color: #004085; -} -.p-message.p-message-success { - background: #d4edda; - border: solid #c3e6cb; - border-width: 1px; - color: #155724; -} -.p-message.p-message-success .p-message-icon { - color: #155724; -} -.p-message.p-message-success .p-message-close { - color: #155724; -} -.p-message.p-message-warn { - background: #fff3cd; - border: solid #ffeeba; - border-width: 1px; - color: #856404; -} -.p-message.p-message-warn .p-message-icon { - color: #856404; -} -.p-message.p-message-warn .p-message-close { - color: #856404; -} -.p-message.p-message-error { - background: #f8d7da; - border: solid #f5c6cb; - border-width: 1px; - color: #721c24; -} -.p-message.p-message-error .p-message-icon { - color: #721c24; -} -.p-message.p-message-error .p-message-close { - color: #721c24; -} -.p-message .p-message-text { - font-size: 1rem; - font-weight: 500; -} -.p-message .p-message-icon { - font-size: 1.5rem; - margin-right: 0.5rem; -} -.p-message .p-message-summary { - font-weight: 700; -} -.p-message .p-message-detail { - margin-left: 0.5rem; -} - -.p-toast { - opacity: 1; -} -.p-toast .p-toast-message { - margin: 0 0 1rem 0; - box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); - border-radius: 4px; -} -.p-toast .p-toast-message .p-toast-message-content { - padding: 1rem; - border-width: 0; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { - margin: 0 0 0 1rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { - font-size: 2rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { - font-weight: 700; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { - margin: 0.5rem 0 0 0; -} -.p-toast .p-toast-message .p-toast-icon-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: color 0.15s, box-shadow 0.15s; -} -.p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-toast .p-toast-message .p-toast-icon-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; -} -.p-toast .p-toast-message.p-toast-message-info { - background: #cce5ff; - border: solid #b8daff; - border-width: 1px; - color: #004085; -} -.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { - color: #004085; -} -.p-toast .p-toast-message.p-toast-message-success { - background: #d4edda; - border: solid #c3e6cb; - border-width: 1px; - color: #155724; -} -.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { - color: #155724; -} -.p-toast .p-toast-message.p-toast-message-warn { - background: #fff3cd; - border: solid #ffeeba; - border-width: 1px; - color: #856404; -} -.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { - color: #856404; -} -.p-toast .p-toast-message.p-toast-message-error { - background: #f8d7da; - border: solid #f5c6cb; - border-width: 1px; - color: #721c24; -} -.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { - color: #721c24; -} - -.p-galleria .p-galleria-close { - margin: 0.5rem; - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 4rem; - height: 4rem; - transition: color 0.15s, box-shadow 0.15s; - border-radius: 4px; -} -.p-galleria .p-galleria-close .p-galleria-close-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-close:hover { - background: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.87); -} -.p-galleria .p-galleria-item-nav { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 4rem; - height: 4rem; - transition: color 0.15s, box-shadow 0.15s; - border-radius: 4px; - margin: 0 0.5rem; -} -.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, -.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.6); -} -.p-galleria .p-galleria-caption { - background: rgba(0, 0, 0, 0.5); - color: rgba(255, 255, 255, 0.6); - padding: 1rem; -} -.p-galleria .p-galleria-indicators { - padding: 1rem; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #7789a1; - width: 1rem; - height: 1rem; - transition: color 0.15s, box-shadow 0.15s; - border-radius: 4px; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { - background: #687c97; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #8dd0ff; - color: #151515; -} -.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { - margin-right: 0.5rem; -} -.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { - margin-bottom: 0.5rem; -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { - background: rgba(0, 0, 0, 0.5); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { - background: rgba(255, 255, 255, 0.4); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { - background: rgba(255, 255, 255, 0.6); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #8dd0ff; - color: #151515; -} -.p-galleria .p-galleria-thumbnail-container { - background: rgba(0, 0, 0, 0.9); - padding: 1rem 0.25rem; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { - margin: 0.5rem; - background-color: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2rem; - height: 2rem; - transition: color 0.15s, box-shadow 0.15s; - border-radius: 4px; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { - background: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.6); -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; -} - -.p-galleria-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-preview-indicator { - background-color: transparent; - color: #f8f9fa; - transition: color 0.15s, box-shadow 0.15s; -} - -.p-image-preview-container:hover > .p-image-preview-indicator { - background-color: rgba(0, 0, 0, 0.5); -} - -.p-image-toolbar { - padding: 1rem; -} - -.p-image-action.p-link { - color: #f8f9fa; - background-color: transparent; - width: 3rem; - height: 3rem; - border-radius: 50%; - transition: color 0.15s, box-shadow 0.15s; - margin-right: 0.5rem; -} -.p-image-action.p-link:last-child { - margin-right: 0; -} -.p-image-action.p-link:hover { - color: #f8f9fa; - background-color: rgba(255, 255, 255, 0.1); -} -.p-image-action.p-link i { - font-size: 1.5rem; -} - -.p-avatar { - background-color: #3f4b5b; - border-radius: 4px; -} -.p-avatar.p-avatar-lg { - width: 3rem; - height: 3rem; - font-size: 1.5rem; -} -.p-avatar.p-avatar-lg .p-avatar-icon { - font-size: 1.5rem; -} -.p-avatar.p-avatar-xl { - width: 4rem; - height: 4rem; - font-size: 2rem; -} -.p-avatar.p-avatar-xl .p-avatar-icon { - font-size: 2rem; -} - -.p-avatar-group .p-avatar { - border: 2px solid #2a323d; -} - -.p-badge { - background: #8dd0ff; - color: #151515; - font-size: 0.75rem; - font-weight: 700; - min-width: 1.5rem; - height: 1.5rem; - line-height: 1.5rem; -} -.p-badge.p-badge-secondary { - background-color: #6c757d; - color: #ffffff; -} -.p-badge.p-badge-success { - background-color: #9fdaa8; - color: #151515; -} -.p-badge.p-badge-info { - background-color: #7fd8e6; - color: #151515; -} -.p-badge.p-badge-warning { - background-color: #ffe082; - color: #151515; -} -.p-badge.p-badge-danger { - background-color: #f19ea6; - color: #151515; -} -.p-badge.p-badge-lg { - font-size: 1.125rem; - min-width: 2.25rem; - height: 2.25rem; - line-height: 2.25rem; -} -.p-badge.p-badge-xl { - font-size: 1.5rem; - min-width: 3rem; - height: 3rem; - line-height: 3rem; -} - -.p-chip { - background-color: #3f4b5b; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - padding: 0 0.75rem; -} -.p-chip .p-chip-text { - line-height: 1.5; - margin-top: 0.25rem; - margin-bottom: 0.25rem; -} -.p-chip .p-chip-icon { - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - margin-left: 0.5rem; -} -.p-chip img { - width: 2rem; - height: 2rem; - margin-left: -0.75rem; - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - border-radius: 4px; - transition: color 0.15s, box-shadow 0.15s; -} -.p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; -} - -.p-inplace .p-inplace-display { - padding: 0.5rem 0.75rem; - border-radius: 4px; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; -} -.p-inplace .p-inplace-display:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-inplace .p-inplace-display:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; -} - -.p-progressbar { - border: 0 none; - height: 1.5rem; - background: #3f4b5b; - border-radius: 4px; -} -.p-progressbar .p-progressbar-value { - border: 0 none; - margin: 0; - background: #8dd0ff; -} -.p-progressbar .p-progressbar-label { - color: #151515; - line-height: 1.5rem; -} - -.p-scrolltop { - width: 3rem; - height: 3rem; - border-radius: 4px; - box-shadow: none; - transition: color 0.15s, box-shadow 0.15s; -} -.p-scrolltop.p-link { - background: #8dd0ff; -} -.p-scrolltop.p-link:hover { - background: #56bdff; -} -.p-scrolltop .p-scrolltop-icon { - font-size: 1.5rem; - color: #151515; -} - -.p-skeleton { - background-color: rgba(255, 255, 255, 0.06); - border-radius: 4px; -} -.p-skeleton:after { - background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); -} - -.p-tag { - background: #8dd0ff; - color: #151515; - font-size: 0.75rem; - font-weight: 700; - padding: 0.25rem 0.4rem; - border-radius: 4px; -} -.p-tag.p-tag-success { - background-color: #9fdaa8; - color: #151515; -} -.p-tag.p-tag-info { - background-color: #7fd8e6; - color: #151515; -} -.p-tag.p-tag-warning { - background-color: #ffe082; - color: #151515; -} -.p-tag.p-tag-danger { - background-color: #f19ea6; - color: #151515; -} -.p-tag .p-tag-icon { - margin-right: 0.25rem; - font-size: 0.75rem; -} - -.p-terminal { - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #3f4b5b; - padding: 1.25rem; -} -.p-terminal .p-terminal-input { - font-size: 1rem; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; -} - -/* Vendor extensions to the designer enhanced bootstrap compatibility */ -.p-breadcrumb .p-breadcrumb-chevron { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; -} -.p-breadcrumb .p-breadcrumb-chevron:before { - content: "/"; -} - -/* Customizations to the designer theme should be defined here */ diff --git a/src/assets/theme/bootstrap4-dark-purple/theme.css b/src/assets/theme/bootstrap4-dark-purple/theme.css deleted file mode 100644 index eb44120..0000000 --- a/src/assets/theme/bootstrap4-dark-purple/theme.css +++ /dev/null @@ -1,5693 +0,0 @@ -:root { - --surface-a:#2a323d; - --surface-b:#20262e; - --surface-c:rgba(255, 255, 255, 0.04); - --surface-d:#3f4b5b; - --surface-e:#2a323d; - --surface-f:#2a323d; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#c298d8; - --primary-color-text:#151515; - --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; - --surface-0: #20262e; - --surface-50: #363c43; - --surface-100: #4d5158; - --surface-200: #63676d; - --surface-300: #797d82; - --surface-400: #909397; - --surface-500: #a6a8ab; - --surface-600: #bcbec0; - --surface-700: #d2d4d5; - --surface-800: #e9e9ea; - --surface-900: #ffffff; - --gray-50:#e9e9ea; - --gray-100: #d2d4d5; - --gray-200: #bcbec0; - --gray-300: #a6a8ab; - --gray-400: #909397; - --gray-500: #797d82; - --gray-600: #63676d; - --gray-700: #4d5158; - --gray-800: #363c43; - --gray-900: #20262e; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:4px; - --surface-ground:#20262e; - --surface-section:#20262e; - --surface-card:#2a323d; - --surface-overlay:#2a323d; - --surface-border:#3f4b5b; - --surface-hover:rgba(255,255,255,.04); - --maskbg: rgba(0, 0, 0, 0.4); - --focus-ring: 0 0 0 1px #f0e6f5; -} - -* { - box-sizing: border-box; -} - -.p-component { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - font-weight: normal; -} - -.p-component-overlay { - background-color: rgba(0, 0, 0, 0.4); - transition-duration: 0.15s; -} - -.p-disabled, .p-component:disabled { - opacity: 0.65; -} - -.p-error { - color: #f19ea6; -} - -.p-text-secondary { - color: rgba(255, 255, 255, 0.6); -} - -.pi { - font-size: 1rem; -} - -.p-link { - font-size: 1rem; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - border-radius: 4px; -} -.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; -} - -.p-component-overlay-enter { - animation: p-component-overlay-enter-animation 150ms forwards; -} - -.p-component-overlay-leave { - animation: p-component-overlay-leave-animation 150ms forwards; -} - -@keyframes p-component-overlay-enter-animation { - from { - background-color: transparent; - } - to { - background-color: var(--maskbg); - } -} -@keyframes p-component-overlay-leave-animation { - from { - background-color: var(--maskbg); - } - to { - background-color: transparent; - } -} - -:root { - --blue-50:#f3f8ff; - --blue-100:#c5dcff; - --blue-200:#97c1fe; - --blue-300:#69a5fe; - --blue-400:#3b8afd; - --blue-500:#0d6efd; - --blue-600:#0b5ed7; - --blue-700:#094db1; - --blue-800:#073d8b; - --blue-900:#052c65; - --green-50:#f4f9f6; - --green-100:#c8e2d6; - --green-200:#9ccbb5; - --green-300:#70b595; - --green-400:#459e74; - --green-500:#198754; - --green-600:#157347; - --green-700:#125f3b; - --green-800:#0e4a2e; - --green-900:#0a3622; - --yellow-50:#fffcf3; - --yellow-100:#fff0c3; - --yellow-200:#ffe494; - --yellow-300:#ffd965; - --yellow-400:#ffcd36; - --yellow-500:#ffc107; - --yellow-600:#d9a406; - --yellow-700:#b38705; - --yellow-800:#8c6a04; - --yellow-900:#664d03; - --cyan-50:#f3fcfe; - --cyan-100:#c5f2fb; - --cyan-200:#97e8f9; - --cyan-300:#69def6; - --cyan-400:#3bd4f3; - --cyan-500:#0dcaf0; - --cyan-600:#0baccc; - --cyan-700:#098da8; - --cyan-800:#076f84; - --cyan-900:#055160; - --pink-50:#fdf5f9; - --pink-100:#f5cee1; - --pink-200:#eda7ca; - --pink-300:#e681b3; - --pink-400:#de5a9b; - --pink-500:#d63384; - --pink-600:#b62b70; - --pink-700:#96245c; - --pink-800:#761c49; - --pink-900:#561435; - --indigo-50:#f7f3fe; - --indigo-100:#dac6fc; - --indigo-200:#bd98f9; - --indigo-300:#a06bf7; - --indigo-400:#833df4; - --indigo-500:#6610f2; - --indigo-600:#570ece; - --indigo-700:#470ba9; - --indigo-800:#380985; - --indigo-900:#290661; - --teal-50:#f4fcfa; - --teal-100:#c9f2e6; - --teal-200:#9fe8d2; - --teal-300:#75debf; - --teal-400:#4ad3ab; - --teal-500:#20c997; - --teal-600:#1bab80; - --teal-700:#168d6a; - --teal-800:#126f53; - --teal-900:#0d503c; - --orange-50:#fff9f3; - --orange-100:#ffe0c7; - --orange-200:#fec89a; - --orange-300:#feaf6d; - --orange-400:#fd9741; - --orange-500:#fd7e14; - --orange-600:#d76b11; - --orange-700:#b1580e; - --orange-800:#8b450b; - --orange-900:#653208; - --bluegray-50:#f8f9fb; - --bluegray-100:#e0e4ea; - --bluegray-200:#c7ced9; - --bluegray-300:#aeb9c8; - --bluegray-400:#95a3b8; - --bluegray-500:#7c8ea7; - --bluegray-600:#69798e; - --bluegray-700:#576375; - --bluegray-800:#444e5c; - --bluegray-900:#323943; - --purple-50:#f8f6fc; - --purple-100:#dcd2f0; - --purple-200:#c1aee4; - --purple-300:#a68ad9; - --purple-400:#8a66cd; - --purple-500:#6f42c1; - --purple-600:#5e38a4; - --purple-700:#4e2e87; - --purple-800:#3d246a; - --purple-900:#2c1a4d; -} - -.p-autocomplete .p-autocomplete-loader { - right: 0.75rem; -} -.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 3.107rem; -} -.p-autocomplete .p-autocomplete-multiple-container { - padding: 0.25rem 0.75rem; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: #3f4b5b; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; - border-color: #c298d8; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { - padding: 0.25rem 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - padding: 0; - margin: 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { - padding: 0.25rem 0.75rem; - margin-right: 0.5rem; - background: #c298d8; - color: #151515; - border-radius: 4px; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; -} - -p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #f19ea6; -} - -.p-autocomplete-panel { - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #3f4b5b; - border-radius: 4px; - box-shadow: none; -} -.p-autocomplete-panel .p-autocomplete-items:not(.p-autocomplete-virtualscroll) { - padding: 0.5rem 0; -} -.p-autocomplete-panel .p-autocomplete-items.p-autocomplete-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.5rem 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { - margin: 0; - padding: 0.5rem 1.5rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.15s; - border-radius: 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: #151515; - background: #c298d8; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.5rem 1.5rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #2a323d; - font-weight: 600; -} - -p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { - border-color: #f19ea6; -} - -.p-datepicker { - padding: 0; - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #3f4b5b; - border-radius: 4px; -} -.p-datepicker:not(.p-datepicker-inline) { - background: #2a323d; - border: 1px solid #3f4b5b; - box-shadow: none; -} -.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { - background: #2a323d; -} -.p-datepicker .p-datepicker-header { - padding: 0.5rem; - color: rgba(255, 255, 255, 0.87); - background: #2a323d; - font-weight: 600; - margin: 0; - border-bottom: 1px solid #3f4b5b; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev, -.p-datepicker .p-datepicker-header .p-datepicker-next { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: color 0.15s, box-shadow 0.15s; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: transparent; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; -} -.p-datepicker .p-datepicker-header .p-datepicker-title { - line-height: 2rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - color: rgba(255, 255, 255, 0.87); - transition: color 0.15s, box-shadow 0.15s; - font-weight: 600; - padding: 0.5rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #c298d8; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - margin-right: 0.5rem; -} -.p-datepicker table { - font-size: 1rem; - margin: 0.5rem 0; -} -.p-datepicker table th { - padding: 0.5rem; -} -.p-datepicker table th > span { - width: 2.5rem; - height: 2.5rem; -} -.p-datepicker table td { - padding: 0.5rem; -} -.p-datepicker table td > span { - width: 2.5rem; - height: 2.5rem; - border-radius: 4px; - transition: box-shadow 0.15s; - border: 1px solid transparent; -} -.p-datepicker table td > span.p-highlight { - color: #151515; - background: #c298d8; -} -.p-datepicker table td > span:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; -} -.p-datepicker table td.p-datepicker-today > span { - background: transparent; - color: #c298d8; - border-color: transparent; -} -.p-datepicker table td.p-datepicker-today > span.p-highlight { - color: #151515; - background: #c298d8; -} -.p-datepicker .p-datepicker-buttonbar { - padding: 1rem 0; - border-top: 1px solid #3f4b5b; -} -.p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; -} -.p-datepicker .p-timepicker { - border-top: 1px solid #3f4b5b; - padding: 0.5rem; -} -.p-datepicker .p-timepicker button { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: color 0.15s, box-shadow 0.15s; -} -.p-datepicker .p-timepicker button:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: transparent; -} -.p-datepicker .p-timepicker button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; -} -.p-datepicker .p-timepicker button:last-child { - margin-top: 0.2em; -} -.p-datepicker .p-timepicker span { - font-size: 1.25rem; -} -.p-datepicker .p-timepicker > div { - padding: 0 0.5rem; -} -.p-datepicker.p-datepicker-timeonly .p-timepicker { - border-top: 0 none; -} -.p-datepicker .p-monthpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-monthpicker .p-monthpicker-month { - padding: 0.5rem; - transition: box-shadow 0.15s; - border-radius: 4px; -} -.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: #151515; - background: #c298d8; -} -.p-datepicker .p-yearpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-yearpicker .p-yearpicker-year { - padding: 0.5rem; - transition: box-shadow 0.15s; - border-radius: 4px; -} -.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { - color: #151515; - background: #c298d8; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #3f4b5b; - padding-right: 0; - padding-left: 0; - padding-top: 0; - padding-bottom: 0; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { - padding-left: 0; - border-left: 0 none; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { - padding-right: 0; -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; -} - -@media screen and (max-width: 769px) { - .p-datepicker table th, .p-datepicker table td { - padding: 0; - } -} -.p-cascadeselect { - background: #20262e; - border: 1px solid #3f4b5b; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; - border-radius: 4px; -} -.p-cascadeselect:not(.p-disabled):hover { - border-color: #3f4b5b; -} -.p-cascadeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; - border-color: #c298d8; -} -.p-cascadeselect .p-cascadeselect-label { - background: transparent; - border: 0 none; - padding: 0.5rem 0.75rem; -} -.p-cascadeselect .p-cascadeselect-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-cascadeselect .p-cascadeselect-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-cascadeselect .p-cascadeselect-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2.357rem; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-cascadeselect-panel { - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #3f4b5b; - border-radius: 4px; - box-shadow: none; -} -.p-cascadeselect-panel .p-cascadeselect-items { - padding: 0.5rem 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { - margin: 0; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.15s; - border-radius: 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.5rem 1.5rem; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #f0e6f5; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { - color: #151515; - background: #c298d8; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { - font-size: 0.875rem; -} - -p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #f19ea6; -} - -.p-input-filled .p-cascadeselect { - background: #3f4b5b; -} -.p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #3f4b5b; -} -.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #3f4b5b; -} - -.p-checkbox { - width: 20px; - height: 20px; -} -.p-checkbox .p-checkbox-box { - border: 1px solid #3f4b5b; - background: #20262e; - width: 20px; - height: 20px; - color: rgba(255, 255, 255, 0.87); - border-radius: 4px; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; -} -.p-checkbox .p-checkbox-box .p-checkbox-icon { - transition-duration: 0.15s; - color: #151515; - font-size: 14px; -} -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #c298d8; - background: #c298d8; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #3f4b5b; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; - border-color: #c298d8; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #9954bb; - background: #9954bb; - color: #151515; -} - -p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #f19ea6; -} - -.p-input-filled .p-checkbox .p-checkbox-box { - background-color: #3f4b5b; -} -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #c298d8; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #3f4b5b; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #9954bb; -} - -.p-checkbox-label { - margin-left: 0.5rem; -} - -.p-highlight .p-checkbox .p-checkbox-box { - border-color: #151515; -} - -.p-chips .p-chips-multiple-container { - padding: 0.25rem 0.75rem; -} -.p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: #3f4b5b; -} -.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; - border-color: #c298d8; -} -.p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.25rem 0.75rem; - margin-right: 0.5rem; - background: #c298d8; - color: #151515; - border-radius: 4px; -} -.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { - margin-left: 0.5rem; -} -.p-chips .p-chips-multiple-container .p-chips-input-token { - padding: 0.25rem 0; -} -.p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - padding: 0; - margin: 0; -} - -p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { - border-color: #f19ea6; -} - -.p-colorpicker-preview, -.p-fluid .p-colorpicker-preview.p-inputtext { - width: 2rem; - height: 2rem; -} - -.p-colorpicker-panel { - background: #2a323d; - border: 1px solid #3f4b5b; -} -.p-colorpicker-panel .p-colorpicker-color-handle, -.p-colorpicker-panel .p-colorpicker-hue-handle { - border-color: rgba(255, 255, 255, 0.87); -} - -.p-colorpicker-overlay-panel { - box-shadow: none; -} - -.p-dropdown { - background: #20262e; - border: 1px solid #3f4b5b; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; - border-radius: 4px; -} -.p-dropdown:not(.p-disabled):hover { - border-color: #3f4b5b; -} -.p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; - border-color: #c298d8; -} -.p-dropdown.p-dropdown-clearable .p-dropdown-label { - padding-right: 1.75rem; -} -.p-dropdown .p-dropdown-label { - background: transparent; - border: 0 none; -} -.p-dropdown .p-dropdown-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-dropdown .p-dropdown-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-dropdown .p-dropdown-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2.357rem; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} -.p-dropdown .p-dropdown-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 2.357rem; -} - -.p-dropdown-panel { - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #3f4b5b; - border-radius: 4px; - box-shadow: none; -} -.p-dropdown-panel .p-dropdown-header { - padding: 0.75rem 1.5rem; - border-bottom: 1px solid #3f4b5b; - color: rgba(255, 255, 255, 0.87); - background: #2a323d; - margin: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { - padding-right: 1.75rem; - margin-right: -1.75rem; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} -.p-dropdown-panel .p-dropdown-items:not(.p-dropdown-virtualscroll) { - padding: 0.5rem 0; -} -.p-dropdown-panel .p-dropdown-items.p-dropdown-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.5rem 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item { - margin: 0; - padding: 0.5rem 1.5rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.15s; - border-radius: 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: #151515; - background: #c298d8; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.5rem 1.5rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #2a323d; - font-weight: 600; -} - -p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #f19ea6; -} - -.p-input-filled .p-dropdown { - background: #3f4b5b; -} -.p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #3f4b5b; -} -.p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: #3f4b5b; -} - -.p-editor-container .p-editor-toolbar { - background: #2a323d; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #3f4b5b; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #2a323d; - border: 1px solid #3f4b5b; - box-shadow: none; - border-radius: 4px; - padding: 0.5rem 0; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.5rem 1.5rem; -} -.p-editor-container .p-editor-content { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-editor-container .p-editor-content.ql-snow { - border: 1px solid #3f4b5b; -} -.p-editor-container .p-editor-content .ql-editor { - background: #20262e; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #c298d8; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #c298d8; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #c298d8; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #c298d8; -} - -.p-inputgroup-addon { - background: #2a323d; - color: rgba(255, 255, 255, 0.6); - border-top: 1px solid #3f4b5b; - border-left: 1px solid #3f4b5b; - border-bottom: 1px solid #3f4b5b; - padding: 0.5rem 0.75rem; - min-width: 2.357rem; -} -.p-inputgroup-addon:last-child { - border-right: 1px solid #3f4b5b; -} - -.p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, -.p-inputgroup > .p-float-label > .p-component { - border-radius: 0; - margin: 0; -} -.p-inputgroup > .p-component + .p-inputgroup-addon, -.p-inputgroup > .p-element + .p-inputgroup-addon, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, -.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { - border-left: 0 none; -} -.p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, -.p-inputgroup > .p-float-label > .p-component:focus { - z-index: 1; -} -.p-inputgroup > .p-component:focus ~ label, -.p-inputgroup > .p-element:focus ~ label, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, -.p-inputgroup > .p-float-label > .p-component:focus ~ label { - z-index: 1; -} - -.p-inputgroup-addon:first-child, -.p-inputgroup button:first-child, -.p-inputgroup input:first-child, -.p-inputgroup > .p-inputwrapper:first-child > .p-component, -.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-inputgroup .p-float-label:first-child input { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-inputgroup-addon:last-child, -.p-inputgroup button:last-child, -.p-inputgroup input:last-child, -.p-inputgroup > .p-inputwrapper:last-child > .p-component, -.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-inputgroup .p-float-label:last-child input { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-fluid .p-inputgroup .p-button { - width: auto; -} -.p-fluid .p-inputgroup .p-button.p-button-icon-only { - width: 2.357rem; -} - -p-inputmask.ng-dirty.ng-invalid > .p-inputtext { - border-color: #f19ea6; -} - -p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { - border-color: #f19ea6; -} - -.p-inputswitch { - width: 3rem; - height: 1.75rem; -} -.p-inputswitch .p-inputswitch-slider { - background: #3f4b5b; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; - border-radius: 4px; -} -.p-inputswitch .p-inputswitch-slider:before { - background: rgba(255, 255, 255, 0.6); - width: 1.25rem; - height: 1.25rem; - left: 0.25rem; - margin-top: -0.625rem; - border-radius: 4px; - transition-duration: 0.15s; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - transform: translateX(1.25rem); -} -.p-inputswitch.p-focus .p-inputswitch-slider { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; -} -.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #3f4b5b; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #c298d8; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: #151515; -} -.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #c298d8; -} - -p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { - border-color: #f19ea6; -} - -.p-inputtext { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - background: #20262e; - padding: 0.5rem 0.75rem; - border: 1px solid #3f4b5b; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; - appearance: none; - border-radius: 4px; -} -.p-inputtext:enabled:hover { - border-color: #3f4b5b; -} -.p-inputtext:enabled:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; - border-color: #c298d8; -} -.p-inputtext.ng-dirty.ng-invalid { - border-color: #f19ea6; -} -.p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.65625rem; -} -.p-inputtext.p-inputtext-lg { - font-size: 1.25rem; - padding: 0.625rem 0.9375rem; -} - -.p-float-label > label { - left: 0.75rem; - color: rgba(255, 255, 255, 0.6); - transition-duration: 0.15s; -} - -.p-float-label > .ng-invalid.ng-dirty + label { - color: #f19ea6; -} - -.p-input-icon-left > i:first-of-type { - left: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} - -.p-input-icon-left > .p-inputtext { - padding-left: 2.5rem; -} - -.p-input-icon-left.p-float-label > label { - left: 2.5rem; -} - -.p-input-icon-right > i:last-of-type { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} - -.p-input-icon-right > .p-inputtext { - padding-right: 2.5rem; -} - -::-webkit-input-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -:-moz-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -::-moz-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -:-ms-input-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -.p-input-filled .p-inputtext { - background-color: #3f4b5b; -} -.p-input-filled .p-inputtext:enabled:hover { - background-color: #3f4b5b; -} -.p-input-filled .p-inputtext:enabled:focus { - background-color: #3f4b5b; -} - -.p-inputtext-sm .p-inputtext { - font-size: 0.875rem; - padding: 0.4375rem 0.65625rem; -} - -.p-inputtext-lg .p-inputtext { - font-size: 1.25rem; - padding: 0.625rem 0.9375rem; -} - -.p-listbox { - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #3f4b5b; - border-radius: 4px; -} -.p-listbox .p-listbox-header { - padding: 0.75rem 1.5rem; - border-bottom: 1px solid #3f4b5b; - color: rgba(255, 255, 255, 0.87); - background: #2a323d; - margin: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-listbox .p-listbox-header .p-listbox-filter { - padding-right: 1.75rem; -} -.p-listbox .p-listbox-header .p-listbox-filter-icon { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} -.p-listbox .p-listbox-header .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list { - padding: 0.5rem 0; -} -.p-listbox .p-listbox-list .p-listbox-item { - margin: 0; - padding: 0.5rem 1.5rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.15s; - border-radius: 0; -} -.p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: #151515; - background: #c298d8; -} -.p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #f0e6f5; -} -.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list .p-listbox-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #2a323d; - font-weight: 600; -} -.p-listbox .p-listbox-list .p-listbox-empty-message { - padding: 0.5rem 1.5rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); -} - -p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #f19ea6; -} - -.p-multiselect { - background: #20262e; - border: 1px solid #3f4b5b; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; - border-radius: 4px; -} -.p-multiselect:not(.p-disabled):hover { - border-color: #3f4b5b; -} -.p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; - border-color: #c298d8; -} -.p-multiselect .p-multiselect-label { - padding: 0.5rem 0.75rem; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; -} -.p-multiselect .p-multiselect-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-multiselect.p-multiselect-chip .p-multiselect-token { - padding: 0.25rem 0.75rem; - margin-right: 0.5rem; - background: #c298d8; - color: #151515; - border-radius: 4px; -} -.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { - margin-left: 0.5rem; -} -.p-multiselect .p-multiselect-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2.357rem; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { - padding: 0.25rem 0.75rem; -} - -.p-multiselect-panel { - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #3f4b5b; - border-radius: 4px; - box-shadow: none; -} -.p-multiselect-panel .p-multiselect-header { - padding: 0.75rem 1.5rem; - border-bottom: 1px solid #3f4b5b; - color: rgba(255, 255, 255, 0.87); - background: #2a323d; - margin: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { - padding-right: 1.75rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} -.p-multiselect-panel .p-multiselect-header .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close { - margin-left: 0.5rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: color 0.15s, box-shadow 0.15s; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: transparent; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; -} -.p-multiselect-panel .p-multiselect-items:not(.p-multiselect-virtualscroll) { - padding: 0.5rem 0; -} -.p-multiselect-panel .p-multiselect-items.p-multiselect-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.5rem 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item { - margin: 0; - padding: 0.5rem 1.5rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.15s; - border-radius: 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: #151515; - background: #c298d8; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #f0e6f5; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #2a323d; - font-weight: 600; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { - padding: 0.5rem 1.5rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} - -p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #f19ea6; -} - -.p-input-filled .p-multiselect { - background: #3f4b5b; -} -.p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #3f4b5b; -} -.p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #3f4b5b; -} - -p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #f19ea6; -} - -.p-password-panel { - padding: 1.25rem; - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #3f4b5b; - box-shadow: none; - border-radius: 4px; -} -.p-password-panel .p-password-meter { - margin-bottom: 0.5rem; - background: #3f4b5b; -} -.p-password-panel .p-password-meter .p-password-strength.weak { - background: #f19ea6; -} -.p-password-panel .p-password-meter .p-password-strength.medium { - background: #ffe082; -} -.p-password-panel .p-password-meter .p-password-strength.strong { - background: #9fdaa8; -} - -.p-radiobutton { - width: 20px; - height: 20px; -} -.p-radiobutton .p-radiobutton-box { - border: 1px solid #3f4b5b; - background: #20262e; - width: 20px; - height: 20px; - color: rgba(255, 255, 255, 0.87); - border-radius: 50%; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #3f4b5b; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; - border-color: #c298d8; -} -.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - width: 12px; - height: 12px; - transition-duration: 0.15s; - background-color: #151515; -} -.p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #c298d8; - background: #c298d8; -} -.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #9954bb; - background: #9954bb; - color: #151515; -} - -p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #f19ea6; -} - -.p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #3f4b5b; -} -.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #3f4b5b; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #c298d8; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #9954bb; -} - -.p-radiobutton-label { - margin-left: 0.5rem; -} - -.p-highlight .p-radiobutton .p-radiobutton-box { - border-color: #151515; -} - -.p-rating .p-rating-icon { - color: rgba(255, 255, 255, 0.87); - margin-left: 0.5rem; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; - font-size: 1.143rem; -} -.p-rating .p-rating-icon.p-rating-cancel { - color: #f19ea6; -} -.p-rating .p-rating-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; -} -.p-rating .p-rating-icon:first-child { - margin-left: 0; -} -.p-rating .p-rating-icon.pi-star-fill { - color: #c298d8; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { - color: #c298d8; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - color: #f19ea6; -} - -.p-highlight .p-rating .p-rating-icon { - color: #151515; -} - -.p-selectbutton .p-button { - background: #6c757d; - border: 1px solid #6c757d; - color: #ffffff; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; -} -.p-selectbutton .p-button .p-button-icon-left, -.p-selectbutton .p-button .p-button-icon-right { - color: #ffffff; -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { - background: #5a6268; - border-color: #545b62; - color: #ffffff; -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: #ffffff; -} -.p-selectbutton .p-button.p-highlight { - background: #545b62; - border-color: #4e555b; - color: #ffffff; -} -.p-selectbutton .p-button.p-highlight .p-button-icon-left, -.p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: #ffffff; -} -.p-selectbutton .p-button.p-highlight:hover { - background: #545b62; - border-color: #4e555b; - color: #ffffff; -} -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: #ffffff; -} - -p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #f19ea6; -} - -.p-slider { - background: #3f4b5b; - border: 0 none; - border-radius: 4px; -} -.p-slider.p-slider-horizontal { - height: 0.286rem; -} -.p-slider.p-slider-horizontal .p-slider-handle { - margin-top: -0.5715rem; - margin-left: -0.5715rem; -} -.p-slider.p-slider-vertical { - width: 0.286rem; -} -.p-slider.p-slider-vertical .p-slider-handle { - margin-left: -0.5715rem; - margin-bottom: -0.5715rem; -} -.p-slider .p-slider-handle { - height: 1.143rem; - width: 1.143rem; - background: #c298d8; - border: 2px solid #c298d8; - border-radius: 4px; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; -} -.p-slider .p-slider-handle:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; -} -.p-slider .p-slider-range { - background: #c298d8; -} -.p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #aa70c7; - border-color: #aa70c7; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s, left 0.15s; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { - transition: width 0.15s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s, bottom 0.15s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { - transition: height 0.15s; -} - -.p-togglebutton.p-button { - background: #6c757d; - border: 1px solid #6c757d; - color: #ffffff; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; -} -.p-togglebutton.p-button .p-button-icon-left, -.p-togglebutton.p-button .p-button-icon-right { - color: #ffffff; -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { - background: #5a6268; - border-color: #545b62; - color: #ffffff; -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: #ffffff; -} -.p-togglebutton.p-button.p-highlight { - background: #545b62; - border-color: #4e555b; - color: #ffffff; -} -.p-togglebutton.p-button.p-highlight .p-button-icon-left, -.p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: #ffffff; -} -.p-togglebutton.p-button.p-highlight:hover { - background: #545b62; - border-color: #4e555b; - color: #ffffff; -} -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: #ffffff; -} - -p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #f19ea6; -} - -.p-treeselect { - background: #20262e; - border: 1px solid #3f4b5b; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; - border-radius: 4px; -} -.p-treeselect:not(.p-disabled):hover { - border-color: #3f4b5b; -} -.p-treeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; - border-color: #c298d8; -} -.p-treeselect .p-treeselect-label { - padding: 0.5rem 0.75rem; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; -} -.p-treeselect .p-treeselect-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-treeselect.p-treeselect-chip .p-treeselect-token { - padding: 0.25rem 0.75rem; - margin-right: 0.5rem; - background: #3f4b5b; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; -} -.p-treeselect .p-treeselect-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2.357rem; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -p-treeselect.ng-invalid.ng-dirty > .p-treeselect { - border-color: #f19ea6; -} - -.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { - padding: 0.25rem 0.75rem; -} - -.p-treeselect-panel { - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #3f4b5b; - border-radius: 4px; - box-shadow: none; -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { - border: 0 none; -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { - padding: 0.5rem 1.5rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} - -.p-input-filled .p-treeselect { - background: #3f4b5b; -} -.p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #3f4b5b; -} -.p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: #3f4b5b; -} - -.p-button { - color: #151515; - background: #c298d8; - border: 1px solid #c298d8; - padding: 0.5rem 0.75rem; - font-size: 1rem; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; - border-radius: 4px; -} -.p-button:enabled:hover { - background: #aa70c7; - color: #151515; - border-color: #aa70c7; -} -.p-button:enabled:active { - background: #9954bb; - color: #151515; - border-color: #9954bb; -} -.p-button.p-button-outlined { - background-color: transparent; - color: #c298d8; - border: 1px solid; -} -.p-button.p-button-outlined:enabled:hover { - background: rgba(194, 152, 216, 0.04); - color: #c298d8; - border: 1px solid; -} -.p-button.p-button-outlined:enabled:active { - background: rgba(194, 152, 216, 0.16); - color: #c298d8; - border: 1px solid; -} -.p-button.p-button-outlined.p-button-plain { - color: rgba(255, 255, 255, 0.6); - border-color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-outlined.p-button-plain:enabled:hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-outlined.p-button-plain:enabled:active { - background: rgba(255, 255, 255, 0.16); - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-text { - background-color: transparent; - color: #c298d8; - border-color: transparent; -} -.p-button.p-button-text:enabled:hover { - background: rgba(194, 152, 216, 0.04); - color: #c298d8; - border-color: transparent; -} -.p-button.p-button-text:enabled:active { - background: rgba(194, 152, 216, 0.16); - color: #c298d8; - border-color: transparent; -} -.p-button.p-button-text.p-button-plain { - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-text.p-button-plain:enabled:hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-text.p-button-plain:enabled:active { - background: rgba(255, 255, 255, 0.16); - color: rgba(255, 255, 255, 0.6); -} -.p-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; -} -.p-button .p-button-icon-left { - margin-right: 0.5rem; -} -.p-button .p-button-icon-right { - margin-left: 0.5rem; -} -.p-button .p-button-icon-bottom { - margin-top: 0.5rem; -} -.p-button .p-button-icon-top { - margin-bottom: 0.5rem; -} -.p-button .p-badge { - margin-left: 0.5rem; - min-width: 1rem; - height: 1rem; - line-height: 1rem; - color: #c298d8; - background-color: #151515; -} -.p-button.p-button-raised { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -} -.p-button.p-button-rounded { - border-radius: 2rem; -} -.p-button.p-button-icon-only { - width: 2.357rem; - padding: 0.5rem 0; -} -.p-button.p-button-icon-only .p-button-icon-left, -.p-button.p-button-icon-only .p-button-icon-right { - margin: 0; -} -.p-button.p-button-icon-only.p-button-rounded { - border-radius: 50%; - height: 2.357rem; -} -.p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.65625rem; -} -.p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; -} -.p-button.p-button-lg { - font-size: 1.25rem; - padding: 0.625rem 0.9375rem; -} -.p-button.p-button-lg .p-button-icon { - font-size: 1.25rem; -} -.p-button.p-button-loading-label-only .p-button-label { - margin-left: 0.5rem; -} -.p-button.p-button-loading-label-only .p-button-loading-icon { - margin-right: 0; -} - -.p-fluid .p-button { - width: 100%; -} -.p-fluid .p-button-icon-only { - width: 2.357rem; -} -.p-fluid .p-buttonset { - display: flex; -} -.p-fluid .p-buttonset .p-button { - flex: 1; -} - -.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { - color: #ffffff; - background: #6c757d; - border: 1px solid #6c757d; -} -.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { - background: #5a6268; - color: #ffffff; - border-color: #5a6268; -} -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - box-shadow: 0 0 0 1px rgba(130, 138, 145, 0.5); -} -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: #545b62; - color: #ffffff; - border-color: #4e555b; -} -.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { - background-color: transparent; - color: #6c757d; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { - background: rgba(108, 117, 125, 0.04); - color: #6c757d; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { - background: rgba(108, 117, 125, 0.16); - color: #6c757d; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { - background-color: transparent; - color: #6c757d; - border-color: transparent; -} -.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { - background: rgba(108, 117, 125, 0.04); - border-color: transparent; - color: #6c757d; -} -.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { - background: rgba(108, 117, 125, 0.16); - border-color: transparent; - color: #6c757d; -} - -.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { - color: #151515; - background: #7fd8e6; - border: 1px solid #4cc8db; -} -.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { - background: #4cc8db; - color: #151515; - border-color: #26bdd3; -} -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #b1e8f0; -} -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: #26bdd3; - color: #151515; - border-color: #00b2cc; -} -.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { - background-color: transparent; - color: #7fd8e6; - border: 1px solid; -} -.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { - background: rgba(127, 216, 230, 0.04); - color: #7fd8e6; - border: 1px solid; -} -.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { - background: rgba(127, 216, 230, 0.16); - color: #7fd8e6; - border: 1px solid; -} -.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { - background-color: transparent; - color: #7fd8e6; - border-color: transparent; -} -.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { - background: rgba(127, 216, 230, 0.04); - border-color: transparent; - color: #7fd8e6; -} -.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { - background: rgba(127, 216, 230, 0.16); - border-color: transparent; - color: #7fd8e6; -} - -.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { - color: #151515; - background: #9fdaa8; - border: 1px solid #78cc86; -} -.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { - background: #78cc86; - color: #151515; - border-color: #5ac06c; -} -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #c5e8ca; -} -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: #5ac06c; - color: #151515; - border-color: #3cb553; -} -.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { - background-color: transparent; - color: #9fdaa8; - border: 1px solid; -} -.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { - background: rgba(159, 218, 168, 0.04); - color: #9fdaa8; - border: 1px solid; -} -.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { - background: rgba(159, 218, 168, 0.16); - color: #9fdaa8; - border: 1px solid; -} -.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { - background-color: transparent; - color: #9fdaa8; - border-color: transparent; -} -.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { - background: rgba(159, 218, 168, 0.04); - border-color: transparent; - color: #9fdaa8; -} -.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { - background: rgba(159, 218, 168, 0.16); - border-color: transparent; - color: #9fdaa8; -} - -.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { - color: #151515; - background: #ffe082; - border: 1px solid #ffd54f; -} -.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { - background: #ffd54f; - color: #151515; - border-color: #ffca28; -} -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #ffecb3; -} -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: #ffca28; - color: #151515; - border-color: #ffc107; -} -.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { - background-color: transparent; - color: #ffe082; - border: 1px solid; -} -.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { - background: rgba(255, 224, 130, 0.04); - color: #ffe082; - border: 1px solid; -} -.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { - background: rgba(255, 224, 130, 0.16); - color: #ffe082; - border: 1px solid; -} -.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { - background-color: transparent; - color: #ffe082; - border-color: transparent; -} -.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { - background: rgba(255, 224, 130, 0.04); - border-color: transparent; - color: #ffe082; -} -.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { - background: rgba(255, 224, 130, 0.16); - border-color: transparent; - color: #ffe082; -} - -.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { - color: #151515; - background: #b7a2e0; - border: 1px solid #9a7cd4; -} -.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { - background: #9a7cd4; - color: #151515; - border-color: #845fca; -} -.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #d3c7ec; -} -.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: #845fca; - color: #151515; - border-color: #6d43c0; -} -.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { - background-color: transparent; - color: #b7a2e0; - border: 1px solid; -} -.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { - background: rgba(183, 162, 224, 0.04); - color: #b7a2e0; - border: 1px solid; -} -.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { - background: rgba(183, 162, 224, 0.16); - color: #b7a2e0; - border: 1px solid; -} -.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { - background-color: transparent; - color: #b7a2e0; - border-color: transparent; -} -.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { - background: rgba(183, 162, 224, 0.04); - border-color: transparent; - color: #b7a2e0; -} -.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { - background: rgba(183, 162, 224, 0.16); - border-color: transparent; - color: #b7a2e0; -} - -.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { - color: #151515; - background: #f19ea6; - border: 1px solid #e97984; -} -.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { - background: #e97984; - color: #151515; - border-color: #f75965; -} -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #ffd0d9; -} -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: #f75965; - color: #151515; - border-color: #fd464e; -} -.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { - background-color: transparent; - color: #f19ea6; - border: 1px solid; -} -.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { - background: rgba(241, 158, 166, 0.04); - color: #f19ea6; - border: 1px solid; -} -.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { - background: rgba(241, 158, 166, 0.16); - color: #f19ea6; - border: 1px solid; -} -.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { - background-color: transparent; - color: #f19ea6; - border-color: transparent; -} -.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { - background: rgba(241, 158, 166, 0.04); - border-color: transparent; - color: #f19ea6; -} -.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { - background: rgba(241, 158, 166, 0.16); - border-color: transparent; - color: #f19ea6; -} - -.p-button.p-button-link { - color: #c298d8; - background: transparent; - border: transparent; -} -.p-button.p-button-link:enabled:hover { - background: transparent; - color: #aa70c7; - border-color: transparent; -} -.p-button.p-button-link:enabled:hover .p-button-label { - text-decoration: underline; -} -.p-button.p-button-link:enabled:focus { - background: transparent; - box-shadow: 0 0 0 1px #f0e6f5; - border-color: transparent; -} -.p-button.p-button-link:enabled:active { - background: transparent; - color: #c298d8; - border-color: transparent; -} - -.p-speeddial-button.p-button.p-button-icon-only { - width: 4rem; - height: 4rem; -} -.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { - font-size: 1.3rem; -} - -.p-speeddial-action { - width: 3rem; - height: 3rem; - background: #343e4d; - color: #fff; -} -.p-speeddial-action:hover { - background: #3f4b5b; - color: #fff; -} - -.p-speeddial-direction-up .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-up .p-speeddial-item:first-child { - margin-bottom: 0.5rem; -} - -.p-speeddial-direction-down .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-down .p-speeddial-item:first-child { - margin-top: 0.5rem; -} - -.p-speeddial-direction-left .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-left .p-speeddial-item:first-child { - margin-right: 0.5rem; -} - -.p-speeddial-direction-right .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-right .p-speeddial-item:first-child { - margin-left: 0.5rem; -} - -.p-speeddial-circle .p-speeddial-item, -.p-speeddial-semi-circle .p-speeddial-item, -.p-speeddial-quarter-circle .p-speeddial-item { - margin: 0; -} -.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, -.p-speeddial-semi-circle .p-speeddial-item:first-child, -.p-speeddial-semi-circle .p-speeddial-item:last-child, -.p-speeddial-quarter-circle .p-speeddial-item:first-child, -.p-speeddial-quarter-circle .p-speeddial-item:last-child { - margin: 0; -} - -.p-speeddial-mask { - background-color: rgba(0, 0, 0, 0.4); -} - -.p-carousel .p-carousel-content .p-carousel-prev, -.p-carousel .p-carousel-content .p-carousel-next { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: color 0.15s, box-shadow 0.15s; - margin: 0.5rem; -} -.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, -.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: transparent; -} -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; -} -.p-carousel .p-carousel-indicators { - padding: 1rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator { - margin-right: 0.5rem; - margin-bottom: 0.5rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: #3f4b5b; - width: 2rem; - height: 0.5rem; - transition: color 0.15s, box-shadow 0.15s; - border-radius: 0; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { - background: rgba(255, 255, 255, 0.04); -} -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #c298d8; - color: #151515; -} - -.p-datatable .p-paginator-top { - border-width: 0; - border-radius: 0; -} -.p-datatable .p-paginator-bottom { - border-width: 1px 0 0 0; - border-radius: 0; -} -.p-datatable .p-datatable-header { - background: #2a323d; - color: rgba(255, 255, 255, 0.6); - border: solid #3f4b5b; - border-width: 1px 0 0 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-datatable .p-datatable-footer { - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #3f4b5b; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-datatable .p-datatable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #3f4b5b; - border-width: 1px 0 2px 0; - font-weight: 600; - color: rgba(255, 255, 255, 0.87); - background: #2a323d; - transition: box-shadow 0.15s; -} -.p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #3f4b5b; - border-width: 1px 0 1px 0; - font-weight: 600; - color: rgba(255, 255, 255, 0.87); - background: #2a323d; -} -.p-datatable .p-sortable-column .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: #151515; - background: #c298d8; - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column.p-highlight { - background: #2a323d; - color: #c298d8; -} -.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #c298d8; -} -.p-datatable .p-sortable-column.p-highlight:hover { - background: rgba(255, 255, 255, 0.04); - color: #c298d8; -} -.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { - color: #c298d8; -} -.p-datatable .p-sortable-column:focus { - box-shadow: inset 0 0 0 0.15rem #f0e6f5; - outline: 0 none; -} -.p-datatable .p-datatable-tbody > tr { - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.15s; - outline-color: #f0e6f5; -} -.p-datatable .p-datatable-tbody > tr > td { - text-align: left; - border: 1px solid #3f4b5b; - border-width: 1px 0 0 0; - padding: 1rem 1rem; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: color 0.15s, box-shadow 0.15s; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: transparent; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { - margin-right: 0.5rem; -} -.p-datatable .p-datatable-tbody > tr.p-highlight { - background: #c298d8; - color: #151515; -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #c298d8; -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #c298d8; -} -.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-column-resizer-helper { - background: #c298d8; -} -.p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #2a323d; -} -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot { - background-color: #2a323d; -} -.p-datatable .p-datatable-loading-icon { - font-size: 2rem; -} -.p-datatable.p-datatable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-footer { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-top { - border-width: 0 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-bottom { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px 1px 2px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { - background: rgba(255, 255, 255, 0.02); -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: #c298d8; - color: #151515; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: #151515; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: #151515; -} -.p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-lg .p-datatable-header { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-footer { - padding: 1.25rem 1.25rem; -} - -.p-dataview .p-paginator-top { - border-width: 0; - border-radius: 0; -} -.p-dataview .p-paginator-bottom { - border-width: 1px 0 0 0; - border-radius: 0; -} -.p-dataview .p-dataview-header { - background: #2a323d; - color: rgba(255, 255, 255, 0.6); - border: solid #3f4b5b; - border-width: 1px 0 0 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-dataview .p-dataview-content { - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; -} -.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: 1px solid #3f4b5b; - border-width: 1px 0 0 0; -} -.p-dataview .p-dataview-footer { - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #3f4b5b; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; -} -.p-dataview .p-dataview-loading-icon { - font-size: 2rem; -} -.p-dataview .p-dataview-emptymessage { - padding: 1.25rem; -} - -.p-column-filter-row .p-column-filter-menu-button, -.p-column-filter-row .p-column-filter-clear-button { - margin-left: 0.5rem; -} - -.p-column-filter-menu-button { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: color 0.15s, box-shadow 0.15s; -} -.p-column-filter-menu-button:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: transparent; -} -.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: transparent; - color: rgba(255, 255, 255, 0.87); -} -.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: #c298d8; - color: #151515; -} -.p-column-filter-menu-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; -} - -.p-column-filter-clear-button { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: color 0.15s, box-shadow 0.15s; -} -.p-column-filter-clear-button:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: transparent; -} -.p-column-filter-clear-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; -} - -.p-column-filter-overlay { - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #3f4b5b; - border-radius: 4px; - box-shadow: none; - min-width: 12.5rem; -} -.p-column-filter-overlay .p-column-filter-row-items { - padding: 0.5rem 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { - margin: 0; - padding: 0.5rem 1.5rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.15s; - border-radius: 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: #151515; - background: #c298d8; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #f0e6f5; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #3f4b5b; - margin: 0.5rem 0; -} - -.p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.75rem 1.5rem; - border-bottom: 1px solid #3f4b5b; - color: rgba(255, 255, 255, 0.87); - background: #2a323d; - margin: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-column-filter-overlay-menu .p-column-filter-constraint { - padding: 1.25rem; - border-bottom: 1px solid #3f4b5b; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { - margin-bottom: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { - margin-top: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { - border-bottom: 0 none; -} -.p-column-filter-overlay-menu .p-column-filter-add-rule { - padding: 0.5rem 1.25rem; -} -.p-column-filter-overlay-menu .p-column-filter-buttonbar { - padding: 1.25rem; -} - -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #2a323d; - border: 1px solid #3f4b5b; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #2a323d; - border: 1px solid #3f4b5b; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #3f4b5b; -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #3f4b5b; -} -.fc.fc-unthemed .fc-view-container .fc-event { - background: #aa70c7; - border: 1px solid #aa70c7; - color: #151515; -} -.fc.fc-unthemed .fc-view-container .fc-divider { - background: #2a323d; - border: 1px solid #3f4b5b; -} -.fc.fc-unthemed .fc-toolbar .fc-button { - color: #151515; - background: #c298d8; - border: 1px solid #c298d8; - font-size: 1rem; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; - border-radius: 4px; - display: flex; - align-items: center; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #aa70c7; - color: #151515; - border-color: #aa70c7; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #9954bb; - color: #151515; - border-color: #9954bb; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #6c757d; - border: 1px solid #6c757d; - color: #ffffff; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #5a6268; - border-color: #545b62; - color: #ffffff; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #545b62; - border-color: #4e555b; - color: #ffffff; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #545b62; - border-color: #4e555b; - color: #ffffff; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; - z-index: 1; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} -.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #3f4b5b; -} -.fc.fc-theme-standard .fc-view-harness th { - background: #2a323d; - border-color: #3f4b5b; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness td { - color: rgba(255, 255, 255, 0.87); - border-color: #3f4b5b; -} -.fc.fc-theme-standard .fc-view-harness .fc-view { - background: #2a323d; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #3f4b5b; - padding: 1rem 1.25rem; - background: #2a323d; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: color 0.15s, box-shadow 0.15s; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: transparent; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1.25rem; - border: 1px solid #3f4b5b; - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #151515; - background: #aa70c7; - border-color: #aa70c7; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #151515; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #aa70c7; - border-color: #aa70c7; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #2a323d; -} -.fc.fc-theme-standard .fc-toolbar .fc-button { - color: #151515; - background: #c298d8; - border: 1px solid #c298d8; - font-size: 1rem; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; - border-radius: 4px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #aa70c7; - color: #151515; - border-color: #aa70c7; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #9954bb; - color: #151515; - border-color: #9954bb; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.65; - color: #151515; - background: #c298d8; - border: 1px solid #c298d8; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #6c757d; - border: 1px solid #6c757d; - color: #ffffff; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #5a6268; - border-color: #545b62; - color: #ffffff; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #545b62; - border-color: #4e555b; - color: #ffffff; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #545b62; - border-color: #4e555b; - color: #ffffff; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; - z-index: 1; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} -.fc.fc-theme-standard a { - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-highlight { - color: #151515; - background: #c298d8; -} - -.p-orderlist .p-orderlist-controls { - padding: 1.25rem; -} -.p-orderlist .p-orderlist-controls .p-button { - margin-bottom: 0.5rem; -} -.p-orderlist .p-orderlist-header { - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #3f4b5b; - padding: 1rem 1.25rem; - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-orderlist .p-orderlist-header .p-orderlist-title { - font-weight: 600; -} -.p-orderlist .p-orderlist-filter-container { - padding: 1rem 1.25rem; - background: #2a323d; - border: 1px solid #3f4b5b; - border-bottom: 0 none; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { - padding-right: 1.75rem; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} -.p-orderlist .p-orderlist-list { - border: 1px solid #3f4b5b; - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - padding: 0.5rem 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-orderlist .p-orderlist-list .p-orderlist-item { - padding: 0.5rem 1.5rem; - margin: 0; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.15s; -} -.p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #f0e6f5; -} -.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #151515; - background: #c298d8; -} -.p-orderlist .p-orderlist-list .p-orderlist-empty-message { - padding: 0.5rem 1.5rem; - color: rgba(255, 255, 255, 0.87); -} -.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} - -.p-orderlist-item.cdk-drag-preview { - padding: 0.5rem 1.5rem; - box-shadow: none; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #2a323d; - margin: 0; -} - -.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-organizationchart .p-organizationchart-node-content.p-highlight { - background: #c298d8; - color: #151515; -} -.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: #8942ae; -} -.p-organizationchart .p-organizationchart-line-down { - background: #3f4b5b; -} -.p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #3f4b5b; - border-color: #3f4b5b; -} -.p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #3f4b5b; - border-color: #3f4b5b; -} -.p-organizationchart .p-organizationchart-node-content { - border: 1px solid #3f4b5b; - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - padding: 1.25rem; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler { - background: inherit; - color: inherit; - border-radius: 50%; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; -} - -.p-paginator { - background: #2a323d; - color: #c298d8; - border: solid #3f4b5b; - border-width: 0; - padding: 0.75rem; - border-radius: 4px; -} -.p-paginator .p-paginator-first, -.p-paginator .p-paginator-prev, -.p-paginator .p-paginator-next, -.p-paginator .p-paginator-last { - background-color: transparent; - border: 1px solid #3f4b5b; - color: #c298d8; - min-width: 2.357rem; - height: 2.357rem; - margin: 0 0 0 -1px; - transition: box-shadow 0.15s; - border-radius: 0; -} -.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - border-color: #3f4b5b; - color: #c298d8; -} -.p-paginator .p-paginator-first { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.p-paginator .p-paginator-last { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.p-paginator .p-dropdown { - margin-left: 0.5rem; - margin-right: 0.5rem; - height: 2.357rem; -} -.p-paginator .p-dropdown .p-dropdown-label { - padding-right: 0; -} -.p-paginator .p-paginator-page-input { - margin-left: 0.5rem; - margin-right: 0.5rem; -} -.p-paginator .p-paginator-page-input .p-inputtext { - max-width: 2.357rem; -} -.p-paginator .p-paginator-current { - background-color: transparent; - border: 1px solid #3f4b5b; - color: #c298d8; - min-width: 2.357rem; - height: 2.357rem; - margin: 0 0 0 -1px; - padding: 0 0.5rem; -} -.p-paginator .p-paginator-pages .p-paginator-page { - background-color: transparent; - border: 1px solid #3f4b5b; - color: #c298d8; - min-width: 2.357rem; - height: 2.357rem; - margin: 0 0 0 -1px; - transition: box-shadow 0.15s; - border-radius: 0; -} -.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: #c298d8; - border-color: #c298d8; - color: #151515; -} -.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - border-color: #3f4b5b; - color: #c298d8; -} - -.p-picklist .p-picklist-buttons { - padding: 1.25rem; -} -.p-picklist .p-picklist-buttons .p-button { - margin-bottom: 0.5rem; -} -.p-picklist .p-picklist-header { - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #3f4b5b; - padding: 1rem 1.25rem; - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-picklist .p-picklist-header .p-picklist-title { - font-weight: 600; -} -.p-picklist .p-picklist-filter-container { - padding: 1rem 1.25rem; - background: #2a323d; - border: 1px solid #3f4b5b; - border-bottom: 0 none; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-input { - padding-right: 1.75rem; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} -.p-picklist .p-picklist-list { - border: 1px solid #3f4b5b; - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - padding: 0.5rem 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-picklist .p-picklist-list .p-picklist-item { - padding: 0.5rem 1.5rem; - margin: 0; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.15s; -} -.p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #f0e6f5; -} -.p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: #151515; - background: #c298d8; -} -.p-picklist .p-picklist-list .p-picklist-empty-message { - padding: 0.5rem 1.5rem; - color: rgba(255, 255, 255, 0.87); -} -.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} - -.p-picklist-item.cdk-drag-preview { - padding: 0.5rem 1.5rem; - box-shadow: none; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #2a323d; - margin: 0; -} - -.p-timeline .p-timeline-event-marker { - border: 0 none; - border-radius: 50%; - width: 1rem; - height: 1rem; - background-color: #c298d8; -} -.p-timeline .p-timeline-event-connector { - background-color: #3f4b5b; -} -.p-timeline.p-timeline-vertical .p-timeline-event-opposite, -.p-timeline.p-timeline-vertical .p-timeline-event-content { - padding: 0 1rem; -} -.p-timeline.p-timeline-vertical .p-timeline-event-connector { - width: 2px; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, -.p-timeline.p-timeline-horizontal .p-timeline-event-content { - padding: 1rem 0; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-connector { - height: 2px; -} - -.p-tree { - border: 1px solid #3f4b5b; - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - padding: 1.25rem; - border-radius: 4px; -} -.p-tree .p-tree-container .p-treenode { - padding: 0.143rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content { - border-radius: 4px; - transition: box-shadow 0.15s; - padding: 0.286rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: color 0.15s, box-shadow 0.15s; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: transparent; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { - margin-right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: #c298d8; - color: #151515; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #151515; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { - color: #151515; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-filter-container { - margin-bottom: 0.5rem; -} -.p-tree .p-tree-filter-container .p-tree-filter { - width: 100%; - padding-right: 1.75rem; -} -.p-tree .p-tree-filter-container .p-tree-filter-icon { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} -.p-tree .p-treenode-children { - padding: 0 0 0 1rem; -} -.p-tree .p-tree-loading-icon { - font-size: 2rem; -} -.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: #a263c4; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { - border-radius: 4px; - border: 1px solid #3f4b5b; - background-color: #2a323d; - color: rgba(255, 255, 255, 0.87); - padding: 0.286rem; - transition: box-shadow 0.15s; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { - background-color: #c298d8; - color: #151515; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #151515; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { - background-color: inherit; - color: inherit; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; -} - -.p-treetable .p-paginator-top { - border-width: 0; - border-radius: 0; -} -.p-treetable .p-paginator-bottom { - border-width: 1px 0 0 0; - border-radius: 0; -} -.p-treetable .p-treetable-header { - background: #2a323d; - color: rgba(255, 255, 255, 0.6); - border: solid #3f4b5b; - border-width: 1px 0 0 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-treetable .p-treetable-footer { - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #3f4b5b; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-treetable .p-treetable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #3f4b5b; - border-width: 1px 0 2px 0; - font-weight: 600; - color: rgba(255, 255, 255, 0.87); - background: #2a323d; - transition: box-shadow 0.15s; -} -.p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #3f4b5b; - border-width: 1px 0 1px 0; - font-weight: 600; - color: rgba(255, 255, 255, 0.87); - background: #2a323d; -} -.p-treetable .p-sortable-column { - outline-color: #f0e6f5; -} -.p-treetable .p-sortable-column .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: #151515; - background: #c298d8; - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-sortable-column.p-highlight { - background: #2a323d; - color: #c298d8; -} -.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #c298d8; -} -.p-treetable .p-treetable-tbody > tr { - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.15s; - outline-color: #f0e6f5; -} -.p-treetable .p-treetable-tbody > tr > td { - text-align: left; - border: 1px solid #3f4b5b; - border-width: 1px 0 0 0; - padding: 1rem 1rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: color 0.15s, box-shadow 0.15s; - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: transparent; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-treetable-tbody > tr.p-highlight { - background: #c298d8; - color: #151515; -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: #151515; -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: #151515; -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-column-resizer-helper { - background: #c298d8; -} -.p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #2a323d; -} -.p-treetable .p-treetable-loading-icon { - font-size: 2rem; -} -.p-treetable.p-treetable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-footer { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-top { - border-width: 0 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-bottom { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-sm .p-treetable-header { - padding: 0.875rem 0.875rem; -} -.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-footer { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-lg .p-treetable-header { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-footer { - padding: 1.25rem 1.25rem; -} - -.p-virtualscroller .p-virtualscroller-header { - background: #2a323d; - color: rgba(255, 255, 255, 0.6); - border: solid #3f4b5b; - border-width: 1px 0 0 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-virtualscroller .p-virtualscroller-content { - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; -} -.p-virtualscroller .p-virtualscroller-footer { - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #3f4b5b; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-accordion .p-accordion-header .p-accordion-header-link { - padding: 1rem 1.25rem; - border: 1px solid #3f4b5b; - color: rgba(255, 255, 255, 0.87); - background: #2a323d; - font-weight: 600; - border-radius: 4px; - transition: box-shadow 0.15s; -} -.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { - margin-right: 0.5rem; -} -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; -} -.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { - background: rgba(255, 255, 255, 0.04); - border-color: #3f4b5b; - color: rgba(255, 255, 255, 0.87); -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #2a323d; - border-color: #3f4b5b; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-color: #3f4b5b; - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-accordion .p-accordion-content { - padding: 1.25rem; - border: 1px solid #3f4b5b; - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-accordion p-accordiontab .p-accordion-tab { - margin-bottom: 0; -} -.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { - border-radius: 0; -} -.p-accordion p-accordiontab .p-accordion-content { - border-radius: 0; -} -.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { - border-top: 0 none; -} -.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-top: 0 none; -} -.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-accordion p-accordiontab:last-child .p-accordion-content { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-card { - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); - border-radius: 4px; -} -.p-card .p-card-body { - padding: 1.5rem; -} -.p-card .p-card-title { - font-size: 1.5rem; - font-weight: 700; - margin-bottom: 0.5rem; -} -.p-card .p-card-subtitle { - font-weight: 400; - margin-bottom: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-card .p-card-content { - padding: 1rem 0; -} -.p-card .p-card-footer { - padding: 1rem 0 0 0; -} - -.p-divider .p-divider-content { - background-color: #2a323d; -} -.p-divider.p-divider-horizontal { - margin: 1rem 0; - padding: 0 1rem; -} -.p-divider.p-divider-horizontal:before { - border-top: 1px #3f4b5b; -} -.p-divider.p-divider-horizontal .p-divider-content { - padding: 0 0.5rem; -} -.p-divider.p-divider-vertical { - margin: 0 1rem; - padding: 1rem 0; -} -.p-divider.p-divider-vertical:before { - border-left: 1px #3f4b5b; -} -.p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; -} - -.p-fieldset { - border: 1px solid #3f4b5b; - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border-radius: 4px; -} -.p-fieldset .p-fieldset-legend { - padding: 1rem 1.25rem; - border: 1px solid #3f4b5b; - color: rgba(255, 255, 255, 0.87); - background: #2a323d; - font-weight: 600; - border-radius: 4px; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { - padding: 0; - transition: color 0.15s, box-shadow 0.15s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { - padding: 1rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 4px; - transition: box-shadow 0.15s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { - margin-right: 0.5rem; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: rgba(255, 255, 255, 0.04); - border-color: #3f4b5b; - color: rgba(255, 255, 255, 0.87); -} -.p-fieldset .p-fieldset-content { - padding: 1.25rem; -} - -.p-panel .p-panel-header { - border: 1px solid #3f4b5b; - padding: 1rem 1.25rem; - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-panel .p-panel-header .p-panel-title { - font-weight: 600; -} -.p-panel .p-panel-header .p-panel-header-icon { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: color 0.15s, box-shadow 0.15s; -} -.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: transparent; -} -.p-panel .p-panel-header .p-panel-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; -} -.p-panel.p-panel-toggleable .p-panel-header { - padding: 0.5rem 1.25rem; -} -.p-panel .p-panel-content { - padding: 1.25rem; - border: 1px solid #3f4b5b; - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - border-top: 0 none; -} -.p-panel .p-panel-footer { - padding: 0.5rem 1.25rem; - border: 1px solid #3f4b5b; - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; -} - -.p-scrollpanel .p-scrollpanel-bar { - background: #3f4b5b; - border: 0 none; -} - -.p-splitter { - border: 1px solid #3f4b5b; - background: #2a323d; - border-radius: 4px; - color: rgba(255, 255, 255, 0.87); -} -.p-splitter .p-splitter-gutter { - transition: color 0.15s, box-shadow 0.15s; - background: rgba(255, 255, 255, 0.04); -} -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: #3f4b5b; -} -.p-splitter .p-splitter-gutter-resizing { - background: #3f4b5b; -} - -.p-tabview .p-tabview-nav { - background: transparent; - border: 1px solid #3f4b5b; - border-width: 0 0 1px 0; -} -.p-tabview .p-tabview-nav li { - margin-right: 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid; - border-width: 1px; - border-color: #2a323d #2a323d #3f4b5b #2a323d; - background: #2a323d; - color: rgba(255, 255, 255, 0.6); - padding: 0.75rem 1rem; - font-weight: 600; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - transition: box-shadow 0.15s; - margin: 0 0 -1px 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #f0e6f5; -} -.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #2a323d; - border-color: #3f4b5b; - color: rgba(255, 255, 255, 0.87); -} -.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #2a323d; - border-color: #3f4b5b #3f4b5b #2a323d #3f4b5b; - color: rgba(255, 255, 255, 0.6); -} -.p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; -} -.p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-close { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-nav-btn.p-link { - background: #2a323d; - color: rgba(255, 255, 255, 0.6); - width: 2.357rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; -} -.p-tabview .p-tabview-nav-btn.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #f0e6f5; -} -.p-tabview .p-tabview-panels { - background: #2a323d; - padding: 1.25rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-toolbar { - background: #2a323d; - border: 1px solid #3f4b5b; - padding: 1rem 1.25rem; - border-radius: 4px; -} -.p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; -} - -.p-confirm-popup { - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #3f4b5b; - border-radius: 4px; - box-shadow: none; -} -.p-confirm-popup .p-confirm-popup-content { - padding: 1.25rem; -} -.p-confirm-popup .p-confirm-popup-footer { - text-align: right; - padding: 0.5rem 1.25rem; -} -.p-confirm-popup .p-confirm-popup-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-confirm-popup .p-confirm-popup-footer button:last-child { - margin: 0; -} -.p-confirm-popup:after { - border: solid transparent; - border-color: rgba(42, 50, 61, 0); - border-bottom-color: #2a323d; -} -.p-confirm-popup:before { - border: solid transparent; - border-color: rgba(63, 75, 91, 0); - border-bottom-color: #3f4b5b; -} -.p-confirm-popup.p-confirm-popup-flipped:after { - border-top-color: #2a323d; -} -.p-confirm-popup.p-confirm-popup-flipped:before { - border-top-color: #3f4b5b; -} -.p-confirm-popup .p-confirm-popup-icon { - font-size: 1.5rem; -} -.p-confirm-popup .p-confirm-popup-message { - margin-left: 1rem; -} - -.p-dialog { - border-radius: 4px; - box-shadow: none; - border: 1px solid #3f4b5b; -} -.p-dialog .p-dialog-header { - border-bottom: 1px solid #3f4b5b; - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - padding: 1rem; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-dialog .p-dialog-header .p-dialog-title { - font-weight: 600; - font-size: 1.25rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: color 0.15s, box-shadow 0.15s; - margin-right: 0.5rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: transparent; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { - margin-right: 0; -} -.p-dialog .p-dialog-content { - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - padding: 1rem; -} -.p-dialog .p-dialog-footer { - border-top: 1px solid #3f4b5b; - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - padding: 1rem; - text-align: right; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-dialog .p-dialog-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { - font-size: 2rem; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; -} - -.p-overlaypanel { - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #3f4b5b; - border-radius: 4px; - box-shadow: none; -} -.p-overlaypanel .p-overlaypanel-content { - padding: 1.25rem; -} -.p-overlaypanel .p-overlaypanel-close { - background: #c298d8; - color: #151515; - width: 2rem; - height: 2rem; - transition: color 0.15s, box-shadow 0.15s; - border-radius: 50%; - position: absolute; - top: -1rem; - right: -1rem; -} -.p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #aa70c7; - color: #151515; -} -.p-overlaypanel:after { - border: solid transparent; - border-color: rgba(42, 50, 61, 0); - border-bottom-color: #2a323d; -} -.p-overlaypanel:before { - border: solid transparent; - border-color: rgba(63, 75, 91, 0); - border-bottom-color: #3f4b5b; -} -.p-overlaypanel.p-overlaypanel-flipped:after { - border-top-color: #2a323d; -} -.p-overlaypanel.p-overlaypanel-flipped:before { - border-top-color: #3f4b5b; -} - -.p-sidebar { - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #3f4b5b; - box-shadow: none; -} -.p-sidebar .p-sidebar-header { - padding: 1rem 1.25rem; -} -.p-sidebar .p-sidebar-header .p-sidebar-close, -.p-sidebar .p-sidebar-header .p-sidebar-icon { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: color 0.15s, box-shadow 0.15s; -} -.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, -.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: transparent; -} -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; -} -.p-sidebar .p-sidebar-header + .p-sidebar-content { - padding-top: 0; -} -.p-sidebar .p-sidebar-content { - padding: 1.25rem; -} - -.p-tooltip .p-tooltip-text { - background: #3f4b5b; - color: rgba(255, 255, 255, 0.87); - padding: 0.5rem 0.75rem; - box-shadow: none; - border-radius: 4px; -} -.p-tooltip.p-tooltip-right .p-tooltip-arrow { - border-right-color: #3f4b5b; -} -.p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #3f4b5b; -} -.p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #3f4b5b; -} -.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #3f4b5b; -} - -.p-fileupload .p-fileupload-buttonbar { - background: #2a323d; - padding: 1rem 1.25rem; - border: 1px solid #3f4b5b; - color: rgba(255, 255, 255, 0.87); - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; -} -.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; -} -.p-fileupload .p-fileupload-content { - background: #2a323d; - padding: 2rem 1rem; - border: 1px solid #3f4b5b; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-fileupload .p-progressbar { - height: 0.25rem; -} -.p-fileupload .p-fileupload-row > div { - padding: 1rem 1rem; -} -.p-fileupload.p-fileupload-advanced .p-message { - margin-top: 0; -} - -.p-fileupload-choose:not(.p-disabled):hover { - background: #aa70c7; - color: #151515; - border-color: #aa70c7; -} -.p-fileupload-choose:not(.p-disabled):active { - background: #9954bb; - color: #151515; - border-color: #9954bb; -} - -.p-breadcrumb { - background: #343e4d; - border: 0 none; - border-radius: 4px; - padding: 1rem; -} -.p-breadcrumb ul li .p-menuitem-link { - transition: box-shadow 0.15s; - border-radius: 4px; -} -.p-breadcrumb ul li .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { - color: #c298d8; -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { - color: #c298d8; -} -.p-breadcrumb ul li.p-breadcrumb-chevron { - margin: 0 0.5rem 0 0.5rem; - color: rgba(255, 255, 255, 0.87); -} -.p-breadcrumb ul li:last-child .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-breadcrumb ul li:last-child .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} - -.p-contextmenu { - padding: 0.5rem 0; - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #3f4b5b; - box-shadow: none; - border-radius: 4px; - width: 12.5rem; -} -.p-contextmenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.15s; - user-select: none; -} -.p-contextmenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-contextmenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #f0e6f5; -} -.p-contextmenu .p-submenu-list { - padding: 0.5rem 0; - background: #2a323d; - border: 1px solid #3f4b5b; - box-shadow: none; - border-radius: 4px; -} -.p-contextmenu .p-menuitem { - margin: 0; -} -.p-contextmenu .p-menuitem:last-child { - margin: 0; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #20262e; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menu-separator { - border-top: 1px solid #3f4b5b; - margin: 0.5rem 0; -} -.p-contextmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-dock .p-dock-list { - background: rgba(255, 255, 255, 0.1); - border: 1px solid rgba(255, 255, 255, 0.2); - padding: 0.5rem 0.5rem; - border-radius: 0.5rem; -} -.p-dock .p-dock-item { - padding: 0.5rem; -} -.p-dock .p-dock-action { - width: 4rem; - height: 4rem; -} -.p-dock.p-dock-top .p-dock-item-second-prev, -.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, -.p-dock.p-dock-bottom .p-dock-item-second-next { - margin: 0 0.9rem; -} -.p-dock.p-dock-top .p-dock-item-prev, -.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, -.p-dock.p-dock-bottom .p-dock-item-next { - margin: 0 1.3rem; -} -.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { - margin: 0 1.5rem; -} -.p-dock.p-dock-left .p-dock-item-second-prev, -.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, -.p-dock.p-dock-right .p-dock-item-second-next { - margin: 0.9rem 0; -} -.p-dock.p-dock-left .p-dock-item-prev, -.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, -.p-dock.p-dock-right .p-dock-item-next { - margin: 1.3rem 0; -} -.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { - margin: 1.5rem 0; -} - -@media screen and (max-width: 960px) { - .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { - margin: auto 0; - } - .p-dock .p-dock-list .p-dock-item { - transform: none; - margin: 0; - } -} -.p-megamenu { - padding: 0.5rem 1rem; - background: #343e4d; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - border-radius: 4px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 1rem; - color: rgba(255, 255, 255, 0.6); - border-radius: 4px; - transition: box-shadow 0.15s; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.6); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: transparent; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #f0e6f5; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: transparent; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.15s; - user-select: none; -} -.p-megamenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #f0e6f5; -} -.p-megamenu .p-megamenu-panel { - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #3f4b5b; - box-shadow: none; -} -.p-megamenu .p-megamenu-submenu-header { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #2a323d; - font-weight: 600; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-megamenu .p-megamenu-submenu { - padding: 0.5rem 0; - width: 12.5rem; -} -.p-megamenu .p-megamenu-submenu .p-menu-separator { - border-top: 1px solid #3f4b5b; - margin: 0.5rem 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem { - margin: 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { - margin: 0; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #20262e; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.5rem 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem { - margin: 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { - margin: 0; -} - -.p-menu { - padding: 0.5rem 0; - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #3f4b5b; - border-radius: 4px; - width: 12.5rem; -} -.p-menu .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.15s; - user-select: none; -} -.p-menu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-menu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #f0e6f5; -} -.p-menu.p-menu-overlay { - background: #2a323d; - border: 1px solid #3f4b5b; - box-shadow: none; -} -.p-menu .p-submenu-header { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #2a323d; - font-weight: 600; - border-top-right-radius: 0; - border-top-left-radius: 0; -} -.p-menu .p-menu-separator { - border-top: 1px solid #3f4b5b; - margin: 0.5rem 0; -} -.p-menu .p-menuitem { - margin: 0; -} -.p-menu .p-menuitem:last-child { - margin: 0; -} - -.p-menubar { - padding: 0.5rem 1rem; - background: #343e4d; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - border-radius: 4px; -} -.p-menubar .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.15s; - user-select: none; -} -.p-menubar .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-menubar .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #f0e6f5; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 1rem; - color: rgba(255, 255, 255, 0.6); - border-radius: 4px; - transition: box-shadow 0.15s; - user-select: none; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.6); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: transparent; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #f0e6f5; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: transparent; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-submenu-list { - padding: 0.5rem 0; - background: #2a323d; - border: 1px solid #3f4b5b; - box-shadow: none; - width: 12.5rem; -} -.p-menubar .p-submenu-list .p-menu-separator { - border-top: 1px solid #3f4b5b; - margin: 0.5rem 0; -} -.p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; -} -.p-menubar .p-submenu-list .p-menuitem { - margin: 0; -} -.p-menubar .p-submenu-list .p-menuitem:last-child { - margin: 0; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #20262e; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} - -@media screen and (max-width: 960px) { - .p-menubar { - position: relative; - } - .p-menubar .p-menubar-button { - display: flex; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border-radius: 50%; - transition: color 0.15s, box-shadow 0.15s; - } - .p-menubar .p-menubar-button:hover { - color: rgba(255, 255, 255, 0.87); - background: transparent; - } - .p-menubar .p-menubar-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; - } - .p-menubar .p-menubar-root-list { - position: absolute; - display: none; - padding: 0.5rem 0; - background: #2a323d; - border: 1px solid #3f4b5b; - box-shadow: none; - width: 100%; - } - .p-menubar .p-menubar-root-list .p-menu-separator { - border-top: 1px solid #3f4b5b; - margin: 0.5rem 0; - } - .p-menubar .p-menubar-root-list .p-submenu-icon { - font-size: 0.875rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.15s; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #f0e6f5; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - transition: transform 0.15s; - } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-180deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list { - width: 100%; - position: static; - box-shadow: none; - border: 0 none; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { - transition: transform 0.15s; - transform: rotate(90deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-90deg); - } - .p-menubar .p-menubar-root-list .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list ul li a { - padding-left: 2.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li a { - padding-left: 3.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li a { - padding-left: 5.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { - padding-left: 6.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { - padding-left: 8.25rem; - } - .p-menubar.p-menubar-mobile-active .p-menubar-root-list { - display: flex; - flex-direction: column; - top: 100%; - left: 0; - z-index: 1; - } -} -.p-panelmenu .p-panelmenu-header > a { - padding: 1rem 1.25rem; - border: 1px solid #3f4b5b; - color: rgba(255, 255, 255, 0.87); - background: #2a323d; - font-weight: 600; - border-radius: 4px; - transition: box-shadow 0.15s; -} -.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; -} -.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { - background: rgba(255, 255, 255, 0.04); - border-color: #3f4b5b; - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight > a { - background: #2a323d; - border-color: #3f4b5b; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { - border-color: #3f4b5b; - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content { - padding: 0.5rem 0; - border: 1px solid #3f4b5b; - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - margin-bottom: 0; - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.15s; - user-select: none; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #f0e6f5; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { - padding: 0 0 0 1rem; -} -.p-panelmenu .p-panelmenu-panel { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { - border-radius: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-content { - border-radius: 0; -} -.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { - border-top: 0 none; -} -.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { - border-top: 0 none; -} -.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-slidemenu { - padding: 0.5rem 0; - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #3f4b5b; - border-radius: 4px; - width: 12.5rem; -} -.p-slidemenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.15s; - user-select: none; -} -.p-slidemenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-slidemenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #f0e6f5; -} -.p-slidemenu.p-slidemenu-overlay { - background: #2a323d; - border: 1px solid #3f4b5b; - box-shadow: none; -} -.p-slidemenu .p-slidemenu-list { - padding: 0.5rem 0; - background: #2a323d; - border: 1px solid #3f4b5b; - box-shadow: none; -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { - background: #20262e; -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-slidemenu-separator { - border-top: 1px solid #3f4b5b; - margin: 0.5rem 0; -} -.p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; -} -.p-slidemenu .p-slidemenu-backward { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); -} - -.p-steps .p-steps-item .p-menuitem-link { - background: transparent; - transition: box-shadow 0.15s; - border-radius: 4px; - background: transparent; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-number { - color: rgba(255, 255, 255, 0.87); - border: 1px solid #3f4b5b; - background: transparent; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - z-index: 1; - border-radius: 4px; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-title { - margin-top: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; -} -.p-steps .p-steps-item.p-highlight .p-steps-number { - background: #c298d8; - color: #151515; -} -.p-steps .p-steps-item.p-highlight .p-steps-title { - font-weight: 600; - color: rgba(255, 255, 255, 0.87); -} -.p-steps .p-steps-item:before { - content: " "; - border-top: 1px solid #3f4b5b; - width: 100%; - top: 50%; - left: 0; - display: block; - position: absolute; - margin-top: -1rem; -} - -.p-tabmenu .p-tabmenu-nav { - background: transparent; - border: 1px solid #3f4b5b; - border-width: 0 0 1px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { - margin-right: 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { - border: solid; - border-width: 1px; - border-color: #2a323d #2a323d #3f4b5b #2a323d; - background: #2a323d; - color: rgba(255, 255, 255, 0.6); - padding: 0.75rem 1rem; - font-weight: 600; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - transition: box-shadow 0.15s; - margin: 0 0 -1px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #f0e6f5; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: #2a323d; - border-color: #3f4b5b; - color: rgba(255, 255, 255, 0.87); -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #2a323d; - border-color: #3f4b5b #3f4b5b #2a323d #3f4b5b; - color: rgba(255, 255, 255, 0.6); -} - -.p-tieredmenu { - padding: 0.5rem 0; - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #3f4b5b; - border-radius: 4px; - width: 12.5rem; -} -.p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.15s; - user-select: none; -} -.p-tieredmenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-tieredmenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #f0e6f5; -} -.p-tieredmenu.p-tieredmenu-overlay { - background: #2a323d; - border: 1px solid #3f4b5b; - box-shadow: none; -} -.p-tieredmenu .p-submenu-list { - padding: 0.5rem 0; - background: #2a323d; - border: 1px solid #3f4b5b; - box-shadow: none; -} -.p-tieredmenu .p-menuitem { - margin: 0; -} -.p-tieredmenu .p-menuitem:last-child { - margin: 0; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #20262e; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menu-separator { - border-top: 1px solid #3f4b5b; - margin: 0.5rem 0; -} -.p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-inline-message { - padding: 0.5rem 0.75rem; - margin: 0; - border-radius: 4px; -} -.p-inline-message.p-inline-message-info { - background: #cce5ff; - border: solid #b8daff; - border-width: 0px; - color: #004085; -} -.p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #004085; -} -.p-inline-message.p-inline-message-success { - background: #d4edda; - border: solid #c3e6cb; - border-width: 0px; - color: #155724; -} -.p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #155724; -} -.p-inline-message.p-inline-message-warn { - background: #fff3cd; - border: solid #ffeeba; - border-width: 0px; - color: #856404; -} -.p-inline-message.p-inline-message-warn .p-inline-message-icon { - color: #856404; -} -.p-inline-message.p-inline-message-error { - background: #f8d7da; - border: solid #f5c6cb; - border-width: 0px; - color: #721c24; -} -.p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #721c24; -} -.p-inline-message .p-inline-message-icon { - font-size: 1rem; - margin-right: 0.5rem; -} -.p-inline-message .p-inline-message-text { - font-size: 1rem; -} -.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { - margin-right: 0; -} - -.p-message { - margin: 1rem 0; - border-radius: 4px; -} -.p-message .p-message-wrapper { - padding: 1rem 1.25rem; -} -.p-message .p-message-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: color 0.15s, box-shadow 0.15s; -} -.p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-message .p-message-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; -} -.p-message.p-message-info { - background: #cce5ff; - border: solid #b8daff; - border-width: 1px; - color: #004085; -} -.p-message.p-message-info .p-message-icon { - color: #004085; -} -.p-message.p-message-info .p-message-close { - color: #004085; -} -.p-message.p-message-success { - background: #d4edda; - border: solid #c3e6cb; - border-width: 1px; - color: #155724; -} -.p-message.p-message-success .p-message-icon { - color: #155724; -} -.p-message.p-message-success .p-message-close { - color: #155724; -} -.p-message.p-message-warn { - background: #fff3cd; - border: solid #ffeeba; - border-width: 1px; - color: #856404; -} -.p-message.p-message-warn .p-message-icon { - color: #856404; -} -.p-message.p-message-warn .p-message-close { - color: #856404; -} -.p-message.p-message-error { - background: #f8d7da; - border: solid #f5c6cb; - border-width: 1px; - color: #721c24; -} -.p-message.p-message-error .p-message-icon { - color: #721c24; -} -.p-message.p-message-error .p-message-close { - color: #721c24; -} -.p-message .p-message-text { - font-size: 1rem; - font-weight: 500; -} -.p-message .p-message-icon { - font-size: 1.5rem; - margin-right: 0.5rem; -} -.p-message .p-message-summary { - font-weight: 700; -} -.p-message .p-message-detail { - margin-left: 0.5rem; -} - -.p-toast { - opacity: 1; -} -.p-toast .p-toast-message { - margin: 0 0 1rem 0; - box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); - border-radius: 4px; -} -.p-toast .p-toast-message .p-toast-message-content { - padding: 1rem; - border-width: 0; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { - margin: 0 0 0 1rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { - font-size: 2rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { - font-weight: 700; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { - margin: 0.5rem 0 0 0; -} -.p-toast .p-toast-message .p-toast-icon-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: color 0.15s, box-shadow 0.15s; -} -.p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-toast .p-toast-message .p-toast-icon-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; -} -.p-toast .p-toast-message.p-toast-message-info { - background: #cce5ff; - border: solid #b8daff; - border-width: 1px; - color: #004085; -} -.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { - color: #004085; -} -.p-toast .p-toast-message.p-toast-message-success { - background: #d4edda; - border: solid #c3e6cb; - border-width: 1px; - color: #155724; -} -.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { - color: #155724; -} -.p-toast .p-toast-message.p-toast-message-warn { - background: #fff3cd; - border: solid #ffeeba; - border-width: 1px; - color: #856404; -} -.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { - color: #856404; -} -.p-toast .p-toast-message.p-toast-message-error { - background: #f8d7da; - border: solid #f5c6cb; - border-width: 1px; - color: #721c24; -} -.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { - color: #721c24; -} - -.p-galleria .p-galleria-close { - margin: 0.5rem; - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 4rem; - height: 4rem; - transition: color 0.15s, box-shadow 0.15s; - border-radius: 4px; -} -.p-galleria .p-galleria-close .p-galleria-close-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-close:hover { - background: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.87); -} -.p-galleria .p-galleria-item-nav { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 4rem; - height: 4rem; - transition: color 0.15s, box-shadow 0.15s; - border-radius: 4px; - margin: 0 0.5rem; -} -.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, -.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.6); -} -.p-galleria .p-galleria-caption { - background: rgba(0, 0, 0, 0.5); - color: rgba(255, 255, 255, 0.6); - padding: 1rem; -} -.p-galleria .p-galleria-indicators { - padding: 1rem; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #7789a1; - width: 1rem; - height: 1rem; - transition: color 0.15s, box-shadow 0.15s; - border-radius: 4px; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { - background: #687c97; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #c298d8; - color: #151515; -} -.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { - margin-right: 0.5rem; -} -.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { - margin-bottom: 0.5rem; -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { - background: rgba(0, 0, 0, 0.5); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { - background: rgba(255, 255, 255, 0.4); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { - background: rgba(255, 255, 255, 0.6); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #c298d8; - color: #151515; -} -.p-galleria .p-galleria-thumbnail-container { - background: rgba(0, 0, 0, 0.9); - padding: 1rem 0.25rem; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { - margin: 0.5rem; - background-color: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2rem; - height: 2rem; - transition: color 0.15s, box-shadow 0.15s; - border-radius: 4px; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { - background: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.6); -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; -} - -.p-galleria-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-preview-indicator { - background-color: transparent; - color: #f8f9fa; - transition: color 0.15s, box-shadow 0.15s; -} - -.p-image-preview-container:hover > .p-image-preview-indicator { - background-color: rgba(0, 0, 0, 0.5); -} - -.p-image-toolbar { - padding: 1rem; -} - -.p-image-action.p-link { - color: #f8f9fa; - background-color: transparent; - width: 3rem; - height: 3rem; - border-radius: 50%; - transition: color 0.15s, box-shadow 0.15s; - margin-right: 0.5rem; -} -.p-image-action.p-link:last-child { - margin-right: 0; -} -.p-image-action.p-link:hover { - color: #f8f9fa; - background-color: rgba(255, 255, 255, 0.1); -} -.p-image-action.p-link i { - font-size: 1.5rem; -} - -.p-avatar { - background-color: #3f4b5b; - border-radius: 4px; -} -.p-avatar.p-avatar-lg { - width: 3rem; - height: 3rem; - font-size: 1.5rem; -} -.p-avatar.p-avatar-lg .p-avatar-icon { - font-size: 1.5rem; -} -.p-avatar.p-avatar-xl { - width: 4rem; - height: 4rem; - font-size: 2rem; -} -.p-avatar.p-avatar-xl .p-avatar-icon { - font-size: 2rem; -} - -.p-avatar-group .p-avatar { - border: 2px solid #2a323d; -} - -.p-badge { - background: #c298d8; - color: #151515; - font-size: 0.75rem; - font-weight: 700; - min-width: 1.5rem; - height: 1.5rem; - line-height: 1.5rem; -} -.p-badge.p-badge-secondary { - background-color: #6c757d; - color: #ffffff; -} -.p-badge.p-badge-success { - background-color: #9fdaa8; - color: #151515; -} -.p-badge.p-badge-info { - background-color: #7fd8e6; - color: #151515; -} -.p-badge.p-badge-warning { - background-color: #ffe082; - color: #151515; -} -.p-badge.p-badge-danger { - background-color: #f19ea6; - color: #151515; -} -.p-badge.p-badge-lg { - font-size: 1.125rem; - min-width: 2.25rem; - height: 2.25rem; - line-height: 2.25rem; -} -.p-badge.p-badge-xl { - font-size: 1.5rem; - min-width: 3rem; - height: 3rem; - line-height: 3rem; -} - -.p-chip { - background-color: #3f4b5b; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - padding: 0 0.75rem; -} -.p-chip .p-chip-text { - line-height: 1.5; - margin-top: 0.25rem; - margin-bottom: 0.25rem; -} -.p-chip .p-chip-icon { - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - margin-left: 0.5rem; -} -.p-chip img { - width: 2rem; - height: 2rem; - margin-left: -0.75rem; - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - border-radius: 4px; - transition: color 0.15s, box-shadow 0.15s; -} -.p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; -} - -.p-inplace .p-inplace-display { - padding: 0.5rem 0.75rem; - border-radius: 4px; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; -} -.p-inplace .p-inplace-display:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-inplace .p-inplace-display:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; -} - -.p-progressbar { - border: 0 none; - height: 1.5rem; - background: #3f4b5b; - border-radius: 4px; -} -.p-progressbar .p-progressbar-value { - border: 0 none; - margin: 0; - background: #c298d8; -} -.p-progressbar .p-progressbar-label { - color: #151515; - line-height: 1.5rem; -} - -.p-scrolltop { - width: 3rem; - height: 3rem; - border-radius: 4px; - box-shadow: none; - transition: color 0.15s, box-shadow 0.15s; -} -.p-scrolltop.p-link { - background: #c298d8; -} -.p-scrolltop.p-link:hover { - background: #aa70c7; -} -.p-scrolltop .p-scrolltop-icon { - font-size: 1.5rem; - color: #151515; -} - -.p-skeleton { - background-color: rgba(255, 255, 255, 0.06); - border-radius: 4px; -} -.p-skeleton:after { - background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); -} - -.p-tag { - background: #c298d8; - color: #151515; - font-size: 0.75rem; - font-weight: 700; - padding: 0.25rem 0.4rem; - border-radius: 4px; -} -.p-tag.p-tag-success { - background-color: #9fdaa8; - color: #151515; -} -.p-tag.p-tag-info { - background-color: #7fd8e6; - color: #151515; -} -.p-tag.p-tag-warning { - background-color: #ffe082; - color: #151515; -} -.p-tag.p-tag-danger { - background-color: #f19ea6; - color: #151515; -} -.p-tag .p-tag-icon { - margin-right: 0.25rem; - font-size: 0.75rem; -} - -.p-terminal { - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #3f4b5b; - padding: 1.25rem; -} -.p-terminal .p-terminal-input { - font-size: 1rem; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; -} - -/* Vendor extensions to the designer enhanced bootstrap compatibility */ -.p-breadcrumb .p-breadcrumb-chevron { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; -} -.p-breadcrumb .p-breadcrumb-chevron:before { - content: "/"; -} - -/* Customizations to the designer theme should be defined here */ diff --git a/src/assets/theme/bootstrap4-light-blue/theme.css b/src/assets/theme/bootstrap4-light-blue/theme.css deleted file mode 100644 index 3b33fc6..0000000 --- a/src/assets/theme/bootstrap4-light-blue/theme.css +++ /dev/null @@ -1,5693 +0,0 @@ -:root { - --surface-a:#ffffff; - --surface-b:#efefef; - --surface-c:#e9ecef; - --surface-d:#dee2e6; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#212529; - --text-color-secondary:#6c757d; - --primary-color:#007bff; - --primary-color-text:#ffffff; - --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; - --surface-0: #ffffff; - --surface-50: #f9fafb; - --surface-100: #f8f9fa; - --surface-200: #e9ecef; - --surface-300: #dee2e6; - --surface-400: #ced4da; - --surface-500: #adb5bd; - --surface-600: #6c757d; - --surface-700: #495057; - --surface-800: #343a40; - --surface-900: #212529; - --gray-50: #f9fafb; - --gray-100: #f8f9fa; - --gray-200: #e9ecef; - --gray-300: #dee2e6; - --gray-400: #ced4da; - --gray-500: #adb5bd; - --gray-600: #6c757d; - --gray-700: #495057; - --gray-800: #343a40; - --gray-900: #212529; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:4px; - --surface-ground:#efefef; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#dee2e6; - --surface-hover:#e9ecef; - --maskbg: rgba(0, 0, 0, 0.4); - --focus-ring: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); -} - -* { - box-sizing: border-box; -} - -.p-component { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - font-weight: normal; -} - -.p-component-overlay { - background-color: rgba(0, 0, 0, 0.4); - transition-duration: 0.15s; -} - -.p-disabled, .p-component:disabled { - opacity: 0.65; -} - -.p-error { - color: #dc3545; -} - -.p-text-secondary { - color: #6c757d; -} - -.pi { - font-size: 1rem; -} - -.p-link { - font-size: 1rem; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - border-radius: 4px; -} -.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); -} - -.p-component-overlay-enter { - animation: p-component-overlay-enter-animation 150ms forwards; -} - -.p-component-overlay-leave { - animation: p-component-overlay-leave-animation 150ms forwards; -} - -@keyframes p-component-overlay-enter-animation { - from { - background-color: transparent; - } - to { - background-color: var(--maskbg); - } -} -@keyframes p-component-overlay-leave-animation { - from { - background-color: var(--maskbg); - } - to { - background-color: transparent; - } -} - -:root { - --blue-50:#f3f8ff; - --blue-100:#c5dcff; - --blue-200:#97c1fe; - --blue-300:#69a5fe; - --blue-400:#3b8afd; - --blue-500:#0d6efd; - --blue-600:#0b5ed7; - --blue-700:#094db1; - --blue-800:#073d8b; - --blue-900:#052c65; - --green-50:#f4f9f6; - --green-100:#c8e2d6; - --green-200:#9ccbb5; - --green-300:#70b595; - --green-400:#459e74; - --green-500:#198754; - --green-600:#157347; - --green-700:#125f3b; - --green-800:#0e4a2e; - --green-900:#0a3622; - --yellow-50:#fffcf3; - --yellow-100:#fff0c3; - --yellow-200:#ffe494; - --yellow-300:#ffd965; - --yellow-400:#ffcd36; - --yellow-500:#ffc107; - --yellow-600:#d9a406; - --yellow-700:#b38705; - --yellow-800:#8c6a04; - --yellow-900:#664d03; - --cyan-50:#f3fcfe; - --cyan-100:#c5f2fb; - --cyan-200:#97e8f9; - --cyan-300:#69def6; - --cyan-400:#3bd4f3; - --cyan-500:#0dcaf0; - --cyan-600:#0baccc; - --cyan-700:#098da8; - --cyan-800:#076f84; - --cyan-900:#055160; - --pink-50:#fdf5f9; - --pink-100:#f5cee1; - --pink-200:#eda7ca; - --pink-300:#e681b3; - --pink-400:#de5a9b; - --pink-500:#d63384; - --pink-600:#b62b70; - --pink-700:#96245c; - --pink-800:#761c49; - --pink-900:#561435; - --indigo-50:#f7f3fe; - --indigo-100:#dac6fc; - --indigo-200:#bd98f9; - --indigo-300:#a06bf7; - --indigo-400:#833df4; - --indigo-500:#6610f2; - --indigo-600:#570ece; - --indigo-700:#470ba9; - --indigo-800:#380985; - --indigo-900:#290661; - --teal-50:#f4fcfa; - --teal-100:#c9f2e6; - --teal-200:#9fe8d2; - --teal-300:#75debf; - --teal-400:#4ad3ab; - --teal-500:#20c997; - --teal-600:#1bab80; - --teal-700:#168d6a; - --teal-800:#126f53; - --teal-900:#0d503c; - --orange-50:#fff9f3; - --orange-100:#ffe0c7; - --orange-200:#fec89a; - --orange-300:#feaf6d; - --orange-400:#fd9741; - --orange-500:#fd7e14; - --orange-600:#d76b11; - --orange-700:#b1580e; - --orange-800:#8b450b; - --orange-900:#653208; - --bluegray-50:#f8f9fb; - --bluegray-100:#e0e4ea; - --bluegray-200:#c7ced9; - --bluegray-300:#aeb9c8; - --bluegray-400:#95a3b8; - --bluegray-500:#7c8ea7; - --bluegray-600:#69798e; - --bluegray-700:#576375; - --bluegray-800:#444e5c; - --bluegray-900:#323943; - --purple-50:#f8f6fc; - --purple-100:#dcd2f0; - --purple-200:#c1aee4; - --purple-300:#a68ad9; - --purple-400:#8a66cd; - --purple-500:#6f42c1; - --purple-600:#5e38a4; - --purple-700:#4e2e87; - --purple-800:#3d246a; - --purple-900:#2c1a4d; -} - -.p-autocomplete .p-autocomplete-loader { - right: 0.75rem; -} -.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 3.107rem; -} -.p-autocomplete .p-autocomplete-multiple-container { - padding: 0.25rem 0.75rem; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: #ced4da; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); - border-color: #007bff; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { - padding: 0.25rem 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - color: #212529; - padding: 0; - margin: 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { - padding: 0.25rem 0.75rem; - margin-right: 0.5rem; - background: #007bff; - color: #ffffff; - border-radius: 4px; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; -} - -p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #dc3545; -} - -.p-autocomplete-panel { - background: #ffffff; - color: #212529; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 4px; - box-shadow: none; -} -.p-autocomplete-panel .p-autocomplete-items:not(.p-autocomplete-virtualscroll) { - padding: 0.5rem 0; -} -.p-autocomplete-panel .p-autocomplete-items.p-autocomplete-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.5rem 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { - margin: 0; - padding: 0.5rem 1.5rem; - border: 0 none; - color: #212529; - background: transparent; - transition: box-shadow 0.15s; - border-radius: 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: #212529; - background: #e9ecef; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: #ffffff; - background: #007bff; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.5rem 1.5rem; - color: #212529; - background: transparent; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: #212529; - background: #ffffff; - font-weight: 600; -} - -p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { - border-color: #dc3545; -} - -.p-datepicker { - padding: 0; - background: #ffffff; - color: #212529; - border: 1px solid #ced4da; - border-radius: 4px; -} -.p-datepicker:not(.p-datepicker-inline) { - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: none; -} -.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { - background: #efefef; -} -.p-datepicker .p-datepicker-header { - padding: 0.5rem; - color: #212529; - background: #ffffff; - font-weight: 600; - margin: 0; - border-bottom: 1px solid #dee2e6; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev, -.p-datepicker .p-datepicker-header .p-datepicker-next { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: box-shadow 0.15s; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { - color: #495057; - border-color: transparent; - background: transparent; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); -} -.p-datepicker .p-datepicker-header .p-datepicker-title { - line-height: 2rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - color: #212529; - transition: box-shadow 0.15s; - font-weight: 600; - padding: 0.5rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #007bff; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - margin-right: 0.5rem; -} -.p-datepicker table { - font-size: 1rem; - margin: 0.5rem 0; -} -.p-datepicker table th { - padding: 0.5rem; -} -.p-datepicker table th > span { - width: 2.5rem; - height: 2.5rem; -} -.p-datepicker table td { - padding: 0.5rem; -} -.p-datepicker table td > span { - width: 2.5rem; - height: 2.5rem; - border-radius: 4px; - transition: box-shadow 0.15s; - border: 1px solid transparent; -} -.p-datepicker table td > span.p-highlight { - color: #ffffff; - background: #007bff; -} -.p-datepicker table td > span:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); -} -.p-datepicker table td.p-datepicker-today > span { - background: #ced4da; - color: #212529; - border-color: transparent; -} -.p-datepicker table td.p-datepicker-today > span.p-highlight { - color: #ffffff; - background: #007bff; -} -.p-datepicker .p-datepicker-buttonbar { - padding: 1rem 0; - border-top: 1px solid #dee2e6; -} -.p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; -} -.p-datepicker .p-timepicker { - border-top: 1px solid #dee2e6; - padding: 0.5rem; -} -.p-datepicker .p-timepicker button { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: box-shadow 0.15s; -} -.p-datepicker .p-timepicker button:enabled:hover { - color: #495057; - border-color: transparent; - background: transparent; -} -.p-datepicker .p-timepicker button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); -} -.p-datepicker .p-timepicker button:last-child { - margin-top: 0.2em; -} -.p-datepicker .p-timepicker span { - font-size: 1.25rem; -} -.p-datepicker .p-timepicker > div { - padding: 0 0.5rem; -} -.p-datepicker.p-datepicker-timeonly .p-timepicker { - border-top: 0 none; -} -.p-datepicker .p-monthpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-monthpicker .p-monthpicker-month { - padding: 0.5rem; - transition: box-shadow 0.15s; - border-radius: 4px; -} -.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: #ffffff; - background: #007bff; -} -.p-datepicker .p-yearpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-yearpicker .p-yearpicker-year { - padding: 0.5rem; - transition: box-shadow 0.15s; - border-radius: 4px; -} -.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { - color: #ffffff; - background: #007bff; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #dee2e6; - padding-right: 0; - padding-left: 0; - padding-top: 0; - padding-bottom: 0; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { - padding-left: 0; - border-left: 0 none; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { - padding-right: 0; -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { - background: #e9ecef; -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); -} - -@media screen and (max-width: 769px) { - .p-datepicker table th, .p-datepicker table td { - padding: 0; - } -} -.p-cascadeselect { - background: #ffffff; - border: 1px solid #ced4da; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; - border-radius: 4px; -} -.p-cascadeselect:not(.p-disabled):hover { - border-color: #ced4da; -} -.p-cascadeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); - border-color: #007bff; -} -.p-cascadeselect .p-cascadeselect-label { - background: transparent; - border: 0 none; - padding: 0.5rem 0.75rem; -} -.p-cascadeselect .p-cascadeselect-label.p-placeholder { - color: #6c757d; -} -.p-cascadeselect .p-cascadeselect-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-cascadeselect .p-cascadeselect-trigger { - background: transparent; - color: #495057; - width: 2.357rem; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-cascadeselect-panel { - background: #ffffff; - color: #212529; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 4px; - box-shadow: none; -} -.p-cascadeselect-panel .p-cascadeselect-items { - padding: 0.5rem 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { - margin: 0; - border: 0 none; - color: #212529; - background: transparent; - transition: box-shadow 0.15s; - border-radius: 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.5rem 1.5rem; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { - color: #ffffff; - background: #007bff; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #212529; - background: #e9ecef; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { - font-size: 0.875rem; -} - -p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #dc3545; -} - -.p-input-filled .p-cascadeselect { - background: #efefef; -} -.p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #efefef; -} -.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #efefef; -} - -.p-checkbox { - width: 20px; - height: 20px; -} -.p-checkbox .p-checkbox-box { - border: 2px solid #ced4da; - background: #ffffff; - width: 20px; - height: 20px; - color: #212529; - border-radius: 4px; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; -} -.p-checkbox .p-checkbox-box .p-checkbox-icon { - transition-duration: 0.15s; - color: #ffffff; - font-size: 14px; -} -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #007bff; - background: #007bff; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #ced4da; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); - border-color: #007bff; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #0062cc; - background: #0062cc; - color: #ffffff; -} - -p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #dc3545; -} - -.p-input-filled .p-checkbox .p-checkbox-box { - background-color: #efefef; -} -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #007bff; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #efefef; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #0062cc; -} - -.p-checkbox-label { - margin-left: 0.5rem; -} - -.p-highlight .p-checkbox .p-checkbox-box { - border-color: #ffffff; -} - -.p-chips .p-chips-multiple-container { - padding: 0.25rem 0.75rem; -} -.p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: #ced4da; -} -.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); - border-color: #007bff; -} -.p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.25rem 0.75rem; - margin-right: 0.5rem; - background: #007bff; - color: #ffffff; - border-radius: 4px; -} -.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { - margin-left: 0.5rem; -} -.p-chips .p-chips-multiple-container .p-chips-input-token { - padding: 0.25rem 0; -} -.p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - color: #212529; - padding: 0; - margin: 0; -} - -p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { - border-color: #dc3545; -} - -.p-colorpicker-preview, -.p-fluid .p-colorpicker-preview.p-inputtext { - width: 2rem; - height: 2rem; -} - -.p-colorpicker-panel { - background: #212529; - border: 1px solid #212529; -} -.p-colorpicker-panel .p-colorpicker-color-handle, -.p-colorpicker-panel .p-colorpicker-hue-handle { - border-color: #ffffff; -} - -.p-colorpicker-overlay-panel { - box-shadow: none; -} - -.p-dropdown { - background: #ffffff; - border: 1px solid #ced4da; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; - border-radius: 4px; -} -.p-dropdown:not(.p-disabled):hover { - border-color: #ced4da; -} -.p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); - border-color: #007bff; -} -.p-dropdown.p-dropdown-clearable .p-dropdown-label { - padding-right: 1.75rem; -} -.p-dropdown .p-dropdown-label { - background: transparent; - border: 0 none; -} -.p-dropdown .p-dropdown-label.p-placeholder { - color: #6c757d; -} -.p-dropdown .p-dropdown-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-dropdown .p-dropdown-trigger { - background: transparent; - color: #495057; - width: 2.357rem; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} -.p-dropdown .p-dropdown-clear-icon { - color: #495057; - right: 2.357rem; -} - -.p-dropdown-panel { - background: #ffffff; - color: #212529; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 4px; - box-shadow: none; -} -.p-dropdown-panel .p-dropdown-header { - padding: 0.75rem 1.5rem; - border-bottom: 1px solid #dee2e6; - color: #212529; - background: #efefef; - margin: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { - padding-right: 1.75rem; - margin-right: -1.75rem; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { - right: 0.75rem; - color: #495057; -} -.p-dropdown-panel .p-dropdown-items:not(.p-dropdown-virtualscroll) { - padding: 0.5rem 0; -} -.p-dropdown-panel .p-dropdown-items.p-dropdown-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.5rem 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item { - margin: 0; - padding: 0.5rem 1.5rem; - border: 0 none; - color: #212529; - background: transparent; - transition: box-shadow 0.15s; - border-radius: 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: #ffffff; - background: #007bff; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: #212529; - background: #e9ecef; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.5rem 1.5rem; - color: #212529; - background: transparent; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: #212529; - background: #ffffff; - font-weight: 600; -} - -p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #dc3545; -} - -.p-input-filled .p-dropdown { - background: #efefef; -} -.p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #efefef; -} -.p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: #efefef; -} - -.p-editor-container .p-editor-toolbar { - background: #efefef; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #dee2e6; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: #6c757d; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: #6c757d; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: #6c757d; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: #212529; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: #212529; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: #212529; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: #212529; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: #212529; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: #212529; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: none; - border-radius: 4px; - padding: 0.5rem 0; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: #212529; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: #212529; - background: #e9ecef; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.5rem 1.5rem; -} -.p-editor-container .p-editor-content { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-editor-container .p-editor-content.ql-snow { - border: 1px solid #dee2e6; -} -.p-editor-container .p-editor-content .ql-editor { - background: #ffffff; - color: #495057; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: #212529; -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: #212529; -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: #212529; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #007bff; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #007bff; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #007bff; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #007bff; -} - -.p-inputgroup-addon { - background: #e9ecef; - color: #495057; - border-top: 1px solid #ced4da; - border-left: 1px solid #ced4da; - border-bottom: 1px solid #ced4da; - padding: 0.5rem 0.75rem; - min-width: 2.357rem; -} -.p-inputgroup-addon:last-child { - border-right: 1px solid #ced4da; -} - -.p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, -.p-inputgroup > .p-float-label > .p-component { - border-radius: 0; - margin: 0; -} -.p-inputgroup > .p-component + .p-inputgroup-addon, -.p-inputgroup > .p-element + .p-inputgroup-addon, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, -.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { - border-left: 0 none; -} -.p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, -.p-inputgroup > .p-float-label > .p-component:focus { - z-index: 1; -} -.p-inputgroup > .p-component:focus ~ label, -.p-inputgroup > .p-element:focus ~ label, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, -.p-inputgroup > .p-float-label > .p-component:focus ~ label { - z-index: 1; -} - -.p-inputgroup-addon:first-child, -.p-inputgroup button:first-child, -.p-inputgroup input:first-child, -.p-inputgroup > .p-inputwrapper:first-child > .p-component, -.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-inputgroup .p-float-label:first-child input { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-inputgroup-addon:last-child, -.p-inputgroup button:last-child, -.p-inputgroup input:last-child, -.p-inputgroup > .p-inputwrapper:last-child > .p-component, -.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-inputgroup .p-float-label:last-child input { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-fluid .p-inputgroup .p-button { - width: auto; -} -.p-fluid .p-inputgroup .p-button.p-button-icon-only { - width: 2.357rem; -} - -p-inputmask.ng-dirty.ng-invalid > .p-inputtext { - border-color: #dc3545; -} - -p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { - border-color: #dc3545; -} - -.p-inputswitch { - width: 3rem; - height: 1.75rem; -} -.p-inputswitch .p-inputswitch-slider { - background: #ced4da; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; - border-radius: 4px; -} -.p-inputswitch .p-inputswitch-slider:before { - background: #ffffff; - width: 1.25rem; - height: 1.25rem; - left: 0.25rem; - margin-top: -0.625rem; - border-radius: 4px; - transition-duration: 0.15s; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - transform: translateX(1.25rem); -} -.p-inputswitch.p-focus .p-inputswitch-slider { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); -} -.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #ced4da; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #007bff; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: #ffffff; -} -.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #007bff; -} - -p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { - border-color: #dc3545; -} - -.p-inputtext { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - color: #495057; - background: #ffffff; - padding: 0.5rem 0.75rem; - border: 1px solid #ced4da; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; - appearance: none; - border-radius: 4px; -} -.p-inputtext:enabled:hover { - border-color: #ced4da; -} -.p-inputtext:enabled:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); - border-color: #007bff; -} -.p-inputtext.ng-dirty.ng-invalid { - border-color: #dc3545; -} -.p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.65625rem; -} -.p-inputtext.p-inputtext-lg { - font-size: 1.25rem; - padding: 0.625rem 0.9375rem; -} - -.p-float-label > label { - left: 0.75rem; - color: #6c757d; - transition-duration: 0.15s; -} - -.p-float-label > .ng-invalid.ng-dirty + label { - color: #dc3545; -} - -.p-input-icon-left > i:first-of-type { - left: 0.75rem; - color: #495057; -} - -.p-input-icon-left > .p-inputtext { - padding-left: 2.5rem; -} - -.p-input-icon-left.p-float-label > label { - left: 2.5rem; -} - -.p-input-icon-right > i:last-of-type { - right: 0.75rem; - color: #495057; -} - -.p-input-icon-right > .p-inputtext { - padding-right: 2.5rem; -} - -::-webkit-input-placeholder { - color: #6c757d; -} - -:-moz-placeholder { - color: #6c757d; -} - -::-moz-placeholder { - color: #6c757d; -} - -:-ms-input-placeholder { - color: #6c757d; -} - -.p-input-filled .p-inputtext { - background-color: #efefef; -} -.p-input-filled .p-inputtext:enabled:hover { - background-color: #efefef; -} -.p-input-filled .p-inputtext:enabled:focus { - background-color: #efefef; -} - -.p-inputtext-sm .p-inputtext { - font-size: 0.875rem; - padding: 0.4375rem 0.65625rem; -} - -.p-inputtext-lg .p-inputtext { - font-size: 1.25rem; - padding: 0.625rem 0.9375rem; -} - -.p-listbox { - background: #ffffff; - color: #212529; - border: 1px solid #ced4da; - border-radius: 4px; -} -.p-listbox .p-listbox-header { - padding: 0.75rem 1.5rem; - border-bottom: 1px solid #dee2e6; - color: #212529; - background: #efefef; - margin: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-listbox .p-listbox-header .p-listbox-filter { - padding-right: 1.75rem; -} -.p-listbox .p-listbox-header .p-listbox-filter-icon { - right: 0.75rem; - color: #495057; -} -.p-listbox .p-listbox-header .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list { - padding: 0.5rem 0; -} -.p-listbox .p-listbox-list .p-listbox-item { - margin: 0; - padding: 0.5rem 1.5rem; - border: 0 none; - color: #212529; - transition: box-shadow 0.15s; - border-radius: 0; -} -.p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: #ffffff; - background: #007bff; -} -.p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); -} -.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list .p-listbox-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: #212529; - background: #ffffff; - font-weight: 600; -} -.p-listbox .p-listbox-list .p-listbox-empty-message { - padding: 0.5rem 1.5rem; - color: #212529; - background: transparent; -} -.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { - color: #212529; - background: #e9ecef; -} - -p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #dc3545; -} - -.p-multiselect { - background: #ffffff; - border: 1px solid #ced4da; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; - border-radius: 4px; -} -.p-multiselect:not(.p-disabled):hover { - border-color: #ced4da; -} -.p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); - border-color: #007bff; -} -.p-multiselect .p-multiselect-label { - padding: 0.5rem 0.75rem; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; -} -.p-multiselect .p-multiselect-label.p-placeholder { - color: #6c757d; -} -.p-multiselect.p-multiselect-chip .p-multiselect-token { - padding: 0.25rem 0.75rem; - margin-right: 0.5rem; - background: #007bff; - color: #ffffff; - border-radius: 4px; -} -.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { - margin-left: 0.5rem; -} -.p-multiselect .p-multiselect-trigger { - background: transparent; - color: #495057; - width: 2.357rem; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { - padding: 0.25rem 0.75rem; -} - -.p-multiselect-panel { - background: #ffffff; - color: #212529; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 4px; - box-shadow: none; -} -.p-multiselect-panel .p-multiselect-header { - padding: 0.75rem 1.5rem; - border-bottom: 1px solid #dee2e6; - color: #212529; - background: #efefef; - margin: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { - padding-right: 1.75rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { - right: 0.75rem; - color: #495057; -} -.p-multiselect-panel .p-multiselect-header .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close { - margin-left: 0.5rem; - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: box-shadow 0.15s; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { - color: #495057; - border-color: transparent; - background: transparent; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); -} -.p-multiselect-panel .p-multiselect-items:not(.p-multiselect-virtualscroll) { - padding: 0.5rem 0; -} -.p-multiselect-panel .p-multiselect-items.p-multiselect-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.5rem 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item { - margin: 0; - padding: 0.5rem 1.5rem; - border: 0 none; - color: #212529; - background: transparent; - transition: box-shadow 0.15s; - border-radius: 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: #ffffff; - background: #007bff; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #212529; - background: #e9ecef; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: #212529; - background: #ffffff; - font-weight: 600; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { - padding: 0.5rem 1.5rem; - color: #212529; - background: transparent; -} - -p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #dc3545; -} - -.p-input-filled .p-multiselect { - background: #efefef; -} -.p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #efefef; -} -.p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #efefef; -} - -p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #dc3545; -} - -.p-password-panel { - padding: 1.25rem; - background: #ffffff; - color: #212529; - border: 1px solid rgba(0, 0, 0, 0.2); - box-shadow: none; - border-radius: 4px; -} -.p-password-panel .p-password-meter { - margin-bottom: 0.5rem; - background: #e9ecef; -} -.p-password-panel .p-password-meter .p-password-strength.weak { - background: #dc3545; -} -.p-password-panel .p-password-meter .p-password-strength.medium { - background: #ffc107; -} -.p-password-panel .p-password-meter .p-password-strength.strong { - background: #28a745; -} - -.p-radiobutton { - width: 20px; - height: 20px; -} -.p-radiobutton .p-radiobutton-box { - border: 2px solid #ced4da; - background: #ffffff; - width: 20px; - height: 20px; - color: #212529; - border-radius: 50%; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #ced4da; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); - border-color: #007bff; -} -.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - width: 12px; - height: 12px; - transition-duration: 0.15s; - background-color: #ffffff; -} -.p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #007bff; - background: #007bff; -} -.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #0062cc; - background: #0062cc; - color: #ffffff; -} - -p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #dc3545; -} - -.p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #efefef; -} -.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #efefef; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #007bff; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #0062cc; -} - -.p-radiobutton-label { - margin-left: 0.5rem; -} - -.p-highlight .p-radiobutton .p-radiobutton-box { - border-color: #ffffff; -} - -.p-rating .p-rating-icon { - color: #495057; - margin-left: 0.5rem; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; - font-size: 1.143rem; -} -.p-rating .p-rating-icon.p-rating-cancel { - color: #dc3545; -} -.p-rating .p-rating-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); -} -.p-rating .p-rating-icon:first-child { - margin-left: 0; -} -.p-rating .p-rating-icon.pi-star-fill { - color: #007bff; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { - color: #007bff; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - color: #dc3545; -} - -.p-highlight .p-rating .p-rating-icon { - color: #ffffff; -} - -.p-selectbutton .p-button { - background: #6c757d; - border: 1px solid #6c757d; - color: #ffffff; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; -} -.p-selectbutton .p-button .p-button-icon-left, -.p-selectbutton .p-button .p-button-icon-right { - color: #ffffff; -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { - background: #5a6268; - border-color: #545b62; - color: #ffffff; -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: #ffffff; -} -.p-selectbutton .p-button.p-highlight { - background: #545b62; - border-color: #4e555b; - color: #ffffff; -} -.p-selectbutton .p-button.p-highlight .p-button-icon-left, -.p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: #ffffff; -} -.p-selectbutton .p-button.p-highlight:hover { - background: #545b62; - border-color: #4e555b; - color: #ffffff; -} -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: #ffffff; -} - -p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #dc3545; -} - -.p-slider { - background: #e9ecef; - border: 0 none; - border-radius: 4px; -} -.p-slider.p-slider-horizontal { - height: 0.286rem; -} -.p-slider.p-slider-horizontal .p-slider-handle { - margin-top: -0.5715rem; - margin-left: -0.5715rem; -} -.p-slider.p-slider-vertical { - width: 0.286rem; -} -.p-slider.p-slider-vertical .p-slider-handle { - margin-left: -0.5715rem; - margin-bottom: -0.5715rem; -} -.p-slider .p-slider-handle { - height: 1.143rem; - width: 1.143rem; - background: #007bff; - border: 2px solid #007bff; - border-radius: 4px; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; -} -.p-slider .p-slider-handle:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); -} -.p-slider .p-slider-range { - background: #007bff; -} -.p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #0069d9; - border-color: #0069d9; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s, left 0.15s; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { - transition: width 0.15s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s, bottom 0.15s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { - transition: height 0.15s; -} - -.p-togglebutton.p-button { - background: #6c757d; - border: 1px solid #6c757d; - color: #ffffff; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; -} -.p-togglebutton.p-button .p-button-icon-left, -.p-togglebutton.p-button .p-button-icon-right { - color: #ffffff; -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { - background: #5a6268; - border-color: #545b62; - color: #ffffff; -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: #ffffff; -} -.p-togglebutton.p-button.p-highlight { - background: #545b62; - border-color: #4e555b; - color: #ffffff; -} -.p-togglebutton.p-button.p-highlight .p-button-icon-left, -.p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: #ffffff; -} -.p-togglebutton.p-button.p-highlight:hover { - background: #545b62; - border-color: #4e555b; - color: #ffffff; -} -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: #ffffff; -} - -p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #dc3545; -} - -.p-treeselect { - background: #ffffff; - border: 1px solid #ced4da; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; - border-radius: 4px; -} -.p-treeselect:not(.p-disabled):hover { - border-color: #ced4da; -} -.p-treeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); - border-color: #007bff; -} -.p-treeselect .p-treeselect-label { - padding: 0.5rem 0.75rem; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; -} -.p-treeselect .p-treeselect-label.p-placeholder { - color: #6c757d; -} -.p-treeselect.p-treeselect-chip .p-treeselect-token { - padding: 0.25rem 0.75rem; - margin-right: 0.5rem; - background: #dee2e6; - color: #212529; - border-radius: 16px; -} -.p-treeselect .p-treeselect-trigger { - background: transparent; - color: #495057; - width: 2.357rem; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -p-treeselect.ng-invalid.ng-dirty > .p-treeselect { - border-color: #dc3545; -} - -.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { - padding: 0.25rem 0.75rem; -} - -.p-treeselect-panel { - background: #ffffff; - color: #212529; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 4px; - box-shadow: none; -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { - border: 0 none; -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { - padding: 0.5rem 1.5rem; - color: #212529; - background: transparent; -} - -.p-input-filled .p-treeselect { - background: #efefef; -} -.p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #efefef; -} -.p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: #efefef; -} - -.p-button { - color: #ffffff; - background: #007bff; - border: 1px solid #007bff; - padding: 0.5rem 0.75rem; - font-size: 1rem; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; - border-radius: 4px; -} -.p-button:enabled:hover { - background: #0069d9; - color: #ffffff; - border-color: #0069d9; -} -.p-button:enabled:active { - background: #0062cc; - color: #ffffff; - border-color: #0062cc; -} -.p-button.p-button-outlined { - background-color: transparent; - color: #007bff; - border: 1px solid; -} -.p-button.p-button-outlined:enabled:hover { - background: rgba(0, 123, 255, 0.04); - color: #007bff; - border: 1px solid; -} -.p-button.p-button-outlined:enabled:active { - background: rgba(0, 123, 255, 0.16); - color: #007bff; - border: 1px solid; -} -.p-button.p-button-outlined.p-button-plain { - color: #6c757d; - border-color: #6c757d; -} -.p-button.p-button-outlined.p-button-plain:enabled:hover { - background: #e9ecef; - color: #6c757d; -} -.p-button.p-button-outlined.p-button-plain:enabled:active { - background: #dee2e6; - color: #6c757d; -} -.p-button.p-button-text { - background-color: transparent; - color: #007bff; - border-color: transparent; -} -.p-button.p-button-text:enabled:hover { - background: rgba(0, 123, 255, 0.04); - color: #007bff; - border-color: transparent; -} -.p-button.p-button-text:enabled:active { - background: rgba(0, 123, 255, 0.16); - color: #007bff; - border-color: transparent; -} -.p-button.p-button-text.p-button-plain { - color: #6c757d; -} -.p-button.p-button-text.p-button-plain:enabled:hover { - background: #e9ecef; - color: #6c757d; -} -.p-button.p-button-text.p-button-plain:enabled:active { - background: #dee2e6; - color: #6c757d; -} -.p-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); -} -.p-button .p-button-icon-left { - margin-right: 0.5rem; -} -.p-button .p-button-icon-right { - margin-left: 0.5rem; -} -.p-button .p-button-icon-bottom { - margin-top: 0.5rem; -} -.p-button .p-button-icon-top { - margin-bottom: 0.5rem; -} -.p-button .p-badge { - margin-left: 0.5rem; - min-width: 1rem; - height: 1rem; - line-height: 1rem; - color: #007bff; - background-color: #ffffff; -} -.p-button.p-button-raised { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -} -.p-button.p-button-rounded { - border-radius: 2rem; -} -.p-button.p-button-icon-only { - width: 2.357rem; - padding: 0.5rem 0; -} -.p-button.p-button-icon-only .p-button-icon-left, -.p-button.p-button-icon-only .p-button-icon-right { - margin: 0; -} -.p-button.p-button-icon-only.p-button-rounded { - border-radius: 50%; - height: 2.357rem; -} -.p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.65625rem; -} -.p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; -} -.p-button.p-button-lg { - font-size: 1.25rem; - padding: 0.625rem 0.9375rem; -} -.p-button.p-button-lg .p-button-icon { - font-size: 1.25rem; -} -.p-button.p-button-loading-label-only .p-button-label { - margin-left: 0.5rem; -} -.p-button.p-button-loading-label-only .p-button-loading-icon { - margin-right: 0; -} - -.p-fluid .p-button { - width: 100%; -} -.p-fluid .p-button-icon-only { - width: 2.357rem; -} -.p-fluid .p-buttonset { - display: flex; -} -.p-fluid .p-buttonset .p-button { - flex: 1; -} - -.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { - color: #ffffff; - background: #6c757d; - border: 1px solid #6c757d; -} -.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { - background: #5a6268; - color: #ffffff; - border-color: #5a6268; -} -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); -} -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: #545b62; - color: #ffffff; - border-color: #4e555b; -} -.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { - background-color: transparent; - color: #6c757d; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { - background: rgba(108, 117, 125, 0.04); - color: #6c757d; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { - background: rgba(108, 117, 125, 0.16); - color: #6c757d; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { - background-color: transparent; - color: #6c757d; - border-color: transparent; -} -.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { - background: rgba(108, 117, 125, 0.04); - border-color: transparent; - color: #6c757d; -} -.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { - background: rgba(108, 117, 125, 0.16); - border-color: transparent; - color: #6c757d; -} - -.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { - color: #ffffff; - background: #17a2b8; - border: 1px solid #17a2b8; -} -.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { - background: #138496; - color: #ffffff; - border-color: #117a8b; -} -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); -} -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: #138496; - color: #ffffff; - border-color: #117a8b; -} -.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { - background-color: transparent; - color: #17a2b8; - border: 1px solid; -} -.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { - background: rgba(23, 162, 184, 0.04); - color: #17a2b8; - border: 1px solid; -} -.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { - background: rgba(23, 162, 184, 0.16); - color: #17a2b8; - border: 1px solid; -} -.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { - background-color: transparent; - color: #17a2b8; - border-color: transparent; -} -.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { - background: rgba(23, 162, 184, 0.04); - border-color: transparent; - color: #17a2b8; -} -.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { - background: rgba(23, 162, 184, 0.16); - border-color: transparent; - color: #17a2b8; -} - -.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { - color: #ffffff; - background: #28a745; - border: 1px solid #28a745; -} -.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { - background: #218838; - color: #ffffff; - border-color: #1e7e34; -} -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); -} -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: #1e7e34; - color: #ffffff; - border-color: #1c7430; -} -.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { - background-color: transparent; - color: #28a745; - border: 1px solid; -} -.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { - background: rgba(40, 167, 69, 0.04); - color: #28a745; - border: 1px solid; -} -.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { - background: rgba(40, 167, 69, 0.16); - color: #28a745; - border: 1px solid; -} -.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { - background-color: transparent; - color: #28a745; - border-color: transparent; -} -.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { - background: rgba(40, 167, 69, 0.04); - border-color: transparent; - color: #28a745; -} -.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { - background: rgba(40, 167, 69, 0.16); - border-color: transparent; - color: #28a745; -} - -.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { - color: #212529; - background: #ffc107; - border: 1px solid #ffc107; -} -.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { - background: #e0a800; - color: #212529; - border-color: #d39e00; -} -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); -} -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: #d39e00; - color: #212529; - border-color: #c69500; -} -.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { - background-color: transparent; - color: #ffc107; - border: 1px solid; -} -.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { - background: rgba(255, 193, 7, 0.04); - color: #ffc107; - border: 1px solid; -} -.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { - background: rgba(255, 193, 7, 0.16); - color: #ffc107; - border: 1px solid; -} -.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { - background-color: transparent; - color: #ffc107; - border-color: transparent; -} -.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { - background: rgba(255, 193, 7, 0.04); - border-color: transparent; - color: #ffc107; -} -.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { - background: rgba(255, 193, 7, 0.16); - border-color: transparent; - color: #ffc107; -} - -.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { - color: #ffffff; - background: #6f42c1; - border: 1px solid #6f42c1; -} -.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { - background: #633bad; - color: #ffffff; - border-color: #58349a; -} -.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #d3c6ec; -} -.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: #58349a; - color: #ffffff; - border-color: #4d2e87; -} -.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { - background-color: transparent; - color: #6f42c1; - border: 1px solid; -} -.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { - background: rgba(111, 66, 193, 0.04); - color: #6f42c1; - border: 1px solid; -} -.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { - background: rgba(111, 66, 193, 0.16); - color: #6f42c1; - border: 1px solid; -} -.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { - background-color: transparent; - color: #6f42c1; - border-color: transparent; -} -.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { - background: rgba(111, 66, 193, 0.04); - border-color: transparent; - color: #6f42c1; -} -.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { - background: rgba(111, 66, 193, 0.16); - border-color: transparent; - color: #6f42c1; -} - -.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { - color: #ffffff; - background: #dc3545; - border: 1px solid #dc3545; -} -.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { - background: #c82333; - color: #ffffff; - border-color: #bd2130; -} -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); -} -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: #bd2130; - color: #ffffff; - border-color: #b21f2d; -} -.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { - background-color: transparent; - color: #dc3545; - border: 1px solid; -} -.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { - background: rgba(220, 53, 69, 0.04); - color: #dc3545; - border: 1px solid; -} -.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { - background: rgba(220, 53, 69, 0.16); - color: #dc3545; - border: 1px solid; -} -.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { - background-color: transparent; - color: #dc3545; - border-color: transparent; -} -.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { - background: rgba(220, 53, 69, 0.04); - border-color: transparent; - color: #dc3545; -} -.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { - background: rgba(220, 53, 69, 0.16); - border-color: transparent; - color: #dc3545; -} - -.p-button.p-button-link { - color: #007bff; - background: transparent; - border: transparent; -} -.p-button.p-button-link:enabled:hover { - background: transparent; - color: #0069d9; - border-color: transparent; -} -.p-button.p-button-link:enabled:hover .p-button-label { - text-decoration: underline; -} -.p-button.p-button-link:enabled:focus { - background: transparent; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); - border-color: transparent; -} -.p-button.p-button-link:enabled:active { - background: transparent; - color: #007bff; - border-color: transparent; -} - -.p-speeddial-button.p-button.p-button-icon-only { - width: 4rem; - height: 4rem; -} -.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { - font-size: 1.3rem; -} - -.p-speeddial-action { - width: 3rem; - height: 3rem; - background: #495057; - color: #fff; -} -.p-speeddial-action:hover { - background: #343a40; - color: #fff; -} - -.p-speeddial-direction-up .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-up .p-speeddial-item:first-child { - margin-bottom: 0.5rem; -} - -.p-speeddial-direction-down .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-down .p-speeddial-item:first-child { - margin-top: 0.5rem; -} - -.p-speeddial-direction-left .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-left .p-speeddial-item:first-child { - margin-right: 0.5rem; -} - -.p-speeddial-direction-right .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-right .p-speeddial-item:first-child { - margin-left: 0.5rem; -} - -.p-speeddial-circle .p-speeddial-item, -.p-speeddial-semi-circle .p-speeddial-item, -.p-speeddial-quarter-circle .p-speeddial-item { - margin: 0; -} -.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, -.p-speeddial-semi-circle .p-speeddial-item:first-child, -.p-speeddial-semi-circle .p-speeddial-item:last-child, -.p-speeddial-quarter-circle .p-speeddial-item:first-child, -.p-speeddial-quarter-circle .p-speeddial-item:last-child { - margin: 0; -} - -.p-speeddial-mask { - background-color: rgba(0, 0, 0, 0.4); -} - -.p-carousel .p-carousel-content .p-carousel-prev, -.p-carousel .p-carousel-content .p-carousel-next { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: box-shadow 0.15s; - margin: 0.5rem; -} -.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, -.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { - color: #495057; - border-color: transparent; - background: transparent; -} -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); -} -.p-carousel .p-carousel-indicators { - padding: 1rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator { - margin-right: 0.5rem; - margin-bottom: 0.5rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: #e9ecef; - width: 2rem; - height: 0.5rem; - transition: box-shadow 0.15s; - border-radius: 0; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { - background: #dee2e6; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #007bff; - color: #ffffff; -} - -.p-datatable .p-paginator-top { - border-width: 1px 0 0 0; - border-radius: 0; -} -.p-datatable .p-paginator-bottom { - border-width: 1px 0 0 0; - border-radius: 0; -} -.p-datatable .p-datatable-header { - background: #efefef; - color: #212529; - border: solid #dee2e6; - border-width: 1px 0 0 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-datatable .p-datatable-footer { - background: #efefef; - color: #212529; - border: 1px solid #dee2e6; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-datatable .p-datatable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #dee2e6; - border-width: 1px 0 2px 0; - font-weight: 600; - color: #212529; - background: #ffffff; - transition: box-shadow 0.15s; -} -.p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #dee2e6; - border-width: 1px 0 1px 0; - font-weight: 600; - color: #212529; - background: #ffffff; -} -.p-datatable .p-sortable-column .p-sortable-column-icon { - color: #6c757d; - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: #ffffff; - background: #007bff; - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column:not(.p-highlight):hover { - background: #e9ecef; - color: #212529; -} -.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #6c757d; -} -.p-datatable .p-sortable-column.p-highlight { - background: #ffffff; - color: #007bff; -} -.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #007bff; -} -.p-datatable .p-sortable-column.p-highlight:hover { - background: #e9ecef; - color: #007bff; -} -.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { - color: #007bff; -} -.p-datatable .p-sortable-column:focus { - box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); - outline: 0 none; -} -.p-datatable .p-datatable-tbody > tr { - background: #ffffff; - color: #212529; - transition: box-shadow 0.15s; - outline-color: rgba(38, 143, 255, 0.5); -} -.p-datatable .p-datatable-tbody > tr > td { - text-align: left; - border: 1px solid #dee2e6; - border-width: 1px 0 0 0; - padding: 1rem 1rem; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: box-shadow 0.15s; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { - color: #495057; - border-color: transparent; - background: transparent; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); -} -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { - margin-right: 0.5rem; -} -.p-datatable .p-datatable-tbody > tr.p-highlight { - background: #007bff; - color: #ffffff; -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #007bff; -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #007bff; -} -.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { - background: #e9ecef; - color: #212529; -} -.p-datatable .p-column-resizer-helper { - background: #007bff; -} -.p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #efefef; -} -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot { - background-color: #ffffff; -} -.p-datatable .p-datatable-loading-icon { - font-size: 2rem; -} -.p-datatable.p-datatable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-footer { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-top { - border-width: 0 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-bottom { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px 1px 2px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { - background: rgba(0, 0, 0, 0.05); -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: #007bff; - color: #ffffff; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: #ffffff; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: #ffffff; -} -.p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-lg .p-datatable-header { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-footer { - padding: 1.25rem 1.25rem; -} - -.p-dataview .p-paginator-top { - border-width: 1px 0 0 0; - border-radius: 0; -} -.p-dataview .p-paginator-bottom { - border-width: 1px 0 0 0; - border-radius: 0; -} -.p-dataview .p-dataview-header { - background: #efefef; - color: #212529; - border: solid #dee2e6; - border-width: 1px 0 0 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-dataview .p-dataview-content { - background: #ffffff; - color: #212529; - border: 0 none; - padding: 0; -} -.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: 1px solid #dee2e6; - border-width: 1px 0 0 0; -} -.p-dataview .p-dataview-footer { - background: #efefef; - color: #212529; - border: 1px solid #dee2e6; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; -} -.p-dataview .p-dataview-loading-icon { - font-size: 2rem; -} -.p-dataview .p-dataview-emptymessage { - padding: 1.25rem; -} - -.p-column-filter-row .p-column-filter-menu-button, -.p-column-filter-row .p-column-filter-clear-button { - margin-left: 0.5rem; -} - -.p-column-filter-menu-button { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: box-shadow 0.15s; -} -.p-column-filter-menu-button:hover { - color: #495057; - border-color: transparent; - background: transparent; -} -.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: transparent; - color: #495057; -} -.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: #007bff; - color: #ffffff; -} -.p-column-filter-menu-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); -} - -.p-column-filter-clear-button { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: box-shadow 0.15s; -} -.p-column-filter-clear-button:hover { - color: #495057; - border-color: transparent; - background: transparent; -} -.p-column-filter-clear-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); -} - -.p-column-filter-overlay { - background: #ffffff; - color: #212529; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 4px; - box-shadow: none; - min-width: 12.5rem; -} -.p-column-filter-overlay .p-column-filter-row-items { - padding: 0.5rem 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { - margin: 0; - padding: 0.5rem 1.5rem; - border: 0 none; - color: #212529; - background: transparent; - transition: box-shadow 0.15s; - border-radius: 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: #ffffff; - background: #007bff; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: #212529; - background: #e9ecef; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #dee2e6; - margin: 0.5rem 0; -} - -.p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.75rem 1.5rem; - border-bottom: 1px solid #dee2e6; - color: #212529; - background: #efefef; - margin: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-column-filter-overlay-menu .p-column-filter-constraint { - padding: 1.25rem; - border-bottom: 1px solid #dee2e6; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { - margin-bottom: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { - margin-top: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { - border-bottom: 0 none; -} -.p-column-filter-overlay-menu .p-column-filter-add-rule { - padding: 0.5rem 1.25rem; -} -.p-column-filter-overlay-menu .p-column-filter-buttonbar { - padding: 1.25rem; -} - -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #efefef; - border: 1px solid #dee2e6; - color: #212529; -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #ffffff; - border: 1px solid #dee2e6; - color: #212529; -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #dee2e6; -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #dee2e6; -} -.fc.fc-unthemed .fc-view-container .fc-event { - background: #0069d9; - border: 1px solid #0069d9; - color: #ffffff; -} -.fc.fc-unthemed .fc-view-container .fc-divider { - background: #efefef; - border: 1px solid #dee2e6; -} -.fc.fc-unthemed .fc-toolbar .fc-button { - color: #ffffff; - background: #007bff; - border: 1px solid #007bff; - font-size: 1rem; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; - border-radius: 4px; - display: flex; - align-items: center; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #0069d9; - color: #ffffff; - border-color: #0069d9; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #0062cc; - color: #ffffff; - border-color: #0062cc; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #6c757d; - border: 1px solid #6c757d; - color: #ffffff; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #5a6268; - border-color: #545b62; - color: #ffffff; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #545b62; - border-color: #4e555b; - color: #ffffff; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #545b62; - border-color: #4e555b; - color: #ffffff; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); - z-index: 1; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} -.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #dee2e6; -} -.fc.fc-theme-standard .fc-view-harness th { - background: #efefef; - border-color: #dee2e6; - color: #212529; -} -.fc.fc-theme-standard .fc-view-harness td { - color: #212529; - border-color: #dee2e6; -} -.fc.fc-theme-standard .fc-view-harness .fc-view { - background: #ffffff; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #dee2e6; - padding: 1rem 1.25rem; - background: #efefef; - color: #212529; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: box-shadow 0.15s; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: #495057; - border-color: transparent; - background: transparent; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1.25rem; - border: 1px solid #dee2e6; - background: #ffffff; - color: #212529; - border-top: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #ffffff; - background: #0069d9; - border-color: #0069d9; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #ffffff; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #0069d9; - border-color: #0069d9; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: #e9ecef; - color: #212529; -} -.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #efefef; -} -.fc.fc-theme-standard .fc-toolbar .fc-button { - color: #ffffff; - background: #007bff; - border: 1px solid #007bff; - font-size: 1rem; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; - border-radius: 4px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #0069d9; - color: #ffffff; - border-color: #0069d9; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #0062cc; - color: #ffffff; - border-color: #0062cc; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); -} -.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.65; - color: #ffffff; - background: #007bff; - border: 1px solid #007bff; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #6c757d; - border: 1px solid #6c757d; - color: #ffffff; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #5a6268; - border-color: #545b62; - color: #ffffff; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #545b62; - border-color: #4e555b; - color: #ffffff; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #545b62; - border-color: #4e555b; - color: #ffffff; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); - z-index: 1; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} -.fc.fc-theme-standard a { - color: #212529; -} -.fc.fc-theme-standard .fc-highlight { - color: #ffffff; - background: #007bff; -} - -.p-orderlist .p-orderlist-controls { - padding: 1.25rem; -} -.p-orderlist .p-orderlist-controls .p-button { - margin-bottom: 0.5rem; -} -.p-orderlist .p-orderlist-header { - background: #efefef; - color: #212529; - border: 1px solid #dee2e6; - padding: 1rem 1.25rem; - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-orderlist .p-orderlist-header .p-orderlist-title { - font-weight: 600; -} -.p-orderlist .p-orderlist-filter-container { - padding: 1rem 1.25rem; - background: #ffffff; - border: 1px solid #dee2e6; - border-bottom: 0 none; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { - padding-right: 1.75rem; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { - right: 0.75rem; - color: #495057; -} -.p-orderlist .p-orderlist-list { - border: 1px solid #dee2e6; - background: #ffffff; - color: #212529; - padding: 0.5rem 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-orderlist .p-orderlist-list .p-orderlist-item { - padding: 0.5rem 1.5rem; - margin: 0; - border: 0 none; - color: #212529; - background: transparent; - transition: box-shadow 0.15s; -} -.p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); -} -.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #ffffff; - background: #007bff; -} -.p-orderlist .p-orderlist-list .p-orderlist-empty-message { - padding: 0.5rem 1.5rem; - color: #212529; -} -.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { - background: #e9ecef; - color: #212529; -} - -.p-orderlist-item.cdk-drag-preview { - padding: 0.5rem 1.5rem; - box-shadow: none; - border: 0 none; - color: #212529; - background: #ffffff; - margin: 0; -} - -.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: #e9ecef; - color: #212529; -} -.p-organizationchart .p-organizationchart-node-content.p-highlight { - background: #007bff; - color: #ffffff; -} -.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: #003e80; -} -.p-organizationchart .p-organizationchart-line-down { - background: #dee2e6; -} -.p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #dee2e6; - border-color: #dee2e6; -} -.p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #dee2e6; - border-color: #dee2e6; -} -.p-organizationchart .p-organizationchart-node-content { - border: 1px solid #dee2e6; - background: #ffffff; - color: #212529; - padding: 1.25rem; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler { - background: inherit; - color: inherit; - border-radius: 50%; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); -} - -.p-paginator { - background: #ffffff; - color: #007bff; - border: solid #dee2e6; - border-width: 0; - padding: 0.75rem; - border-radius: 4px; -} -.p-paginator .p-paginator-first, -.p-paginator .p-paginator-prev, -.p-paginator .p-paginator-next, -.p-paginator .p-paginator-last { - background-color: #ffffff; - border: 1px solid #dee2e6; - color: #007bff; - min-width: 2.357rem; - height: 2.357rem; - margin: 0 0 0 -1px; - transition: box-shadow 0.15s; - border-radius: 0; -} -.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; - border-color: #dee2e6; - color: #007bff; -} -.p-paginator .p-paginator-first { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.p-paginator .p-paginator-last { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.p-paginator .p-dropdown { - margin-left: 0.5rem; - margin-right: 0.5rem; - height: 2.357rem; -} -.p-paginator .p-dropdown .p-dropdown-label { - padding-right: 0; -} -.p-paginator .p-paginator-page-input { - margin-left: 0.5rem; - margin-right: 0.5rem; -} -.p-paginator .p-paginator-page-input .p-inputtext { - max-width: 2.357rem; -} -.p-paginator .p-paginator-current { - background-color: #ffffff; - border: 1px solid #dee2e6; - color: #007bff; - min-width: 2.357rem; - height: 2.357rem; - margin: 0 0 0 -1px; - padding: 0 0.5rem; -} -.p-paginator .p-paginator-pages .p-paginator-page { - background-color: #ffffff; - border: 1px solid #dee2e6; - color: #007bff; - min-width: 2.357rem; - height: 2.357rem; - margin: 0 0 0 -1px; - transition: box-shadow 0.15s; - border-radius: 0; -} -.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: #007bff; - border-color: #007bff; - color: #ffffff; -} -.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { - background: #e9ecef; - border-color: #dee2e6; - color: #007bff; -} - -.p-picklist .p-picklist-buttons { - padding: 1.25rem; -} -.p-picklist .p-picklist-buttons .p-button { - margin-bottom: 0.5rem; -} -.p-picklist .p-picklist-header { - background: #efefef; - color: #212529; - border: 1px solid #dee2e6; - padding: 1rem 1.25rem; - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-picklist .p-picklist-header .p-picklist-title { - font-weight: 600; -} -.p-picklist .p-picklist-filter-container { - padding: 1rem 1.25rem; - background: #ffffff; - border: 1px solid #dee2e6; - border-bottom: 0 none; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-input { - padding-right: 1.75rem; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { - right: 0.75rem; - color: #495057; -} -.p-picklist .p-picklist-list { - border: 1px solid #dee2e6; - background: #ffffff; - color: #212529; - padding: 0.5rem 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-picklist .p-picklist-list .p-picklist-item { - padding: 0.5rem 1.5rem; - margin: 0; - border: 0 none; - color: #212529; - background: transparent; - transition: box-shadow 0.15s; -} -.p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); -} -.p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: #ffffff; - background: #007bff; -} -.p-picklist .p-picklist-list .p-picklist-empty-message { - padding: 0.5rem 1.5rem; - color: #212529; -} -.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { - background: #e9ecef; - color: #212529; -} - -.p-picklist-item.cdk-drag-preview { - padding: 0.5rem 1.5rem; - box-shadow: none; - border: 0 none; - color: #212529; - background: #ffffff; - margin: 0; -} - -.p-timeline .p-timeline-event-marker { - border: 0 none; - border-radius: 50%; - width: 1rem; - height: 1rem; - background-color: #007bff; -} -.p-timeline .p-timeline-event-connector { - background-color: #dee2e6; -} -.p-timeline.p-timeline-vertical .p-timeline-event-opposite, -.p-timeline.p-timeline-vertical .p-timeline-event-content { - padding: 0 1rem; -} -.p-timeline.p-timeline-vertical .p-timeline-event-connector { - width: 2px; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, -.p-timeline.p-timeline-horizontal .p-timeline-event-content { - padding: 1rem 0; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-connector { - height: 2px; -} - -.p-tree { - border: 1px solid #dee2e6; - background: #ffffff; - color: #212529; - padding: 1.25rem; - border-radius: 4px; -} -.p-tree .p-tree-container .p-treenode { - padding: 0.143rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content { - border-radius: 4px; - transition: box-shadow 0.15s; - padding: 0.286rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: box-shadow 0.15s; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { - color: #495057; - border-color: transparent; - background: transparent; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { - margin-right: 0.5rem; - color: #6c757d; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { - color: #212529; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: #007bff; - color: #ffffff; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #ffffff; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { - color: #ffffff; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: #e9ecef; - color: #212529; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { - background: #e9ecef; - color: #212529; -} -.p-tree .p-tree-filter-container { - margin-bottom: 0.5rem; -} -.p-tree .p-tree-filter-container .p-tree-filter { - width: 100%; - padding-right: 1.75rem; -} -.p-tree .p-tree-filter-container .p-tree-filter-icon { - right: 0.75rem; - color: #495057; -} -.p-tree .p-treenode-children { - padding: 0 0 0 1rem; -} -.p-tree .p-tree-loading-icon { - font-size: 2rem; -} -.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: #0062cc; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { - border-radius: 4px; - border: 1px solid #dee2e6; - background-color: #ffffff; - color: #212529; - padding: 0.286rem; - transition: box-shadow 0.15s; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { - background-color: #007bff; - color: #ffffff; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #ffffff; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { - background-color: inherit; - color: inherit; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: #e9ecef; - color: #212529; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); -} - -.p-treetable .p-paginator-top { - border-width: 1px 0 0 0; - border-radius: 0; -} -.p-treetable .p-paginator-bottom { - border-width: 1px 0 0 0; - border-radius: 0; -} -.p-treetable .p-treetable-header { - background: #efefef; - color: #212529; - border: solid #dee2e6; - border-width: 1px 0 0 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-treetable .p-treetable-footer { - background: #efefef; - color: #212529; - border: 1px solid #dee2e6; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-treetable .p-treetable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #dee2e6; - border-width: 1px 0 2px 0; - font-weight: 600; - color: #212529; - background: #ffffff; - transition: box-shadow 0.15s; -} -.p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #dee2e6; - border-width: 1px 0 1px 0; - font-weight: 600; - color: #212529; - background: #ffffff; -} -.p-treetable .p-sortable-column { - outline-color: rgba(38, 143, 255, 0.5); -} -.p-treetable .p-sortable-column .p-sortable-column-icon { - color: #6c757d; - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: #ffffff; - background: #007bff; - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column:not(.p-highlight):hover { - background: #e9ecef; - color: #212529; -} -.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #6c757d; -} -.p-treetable .p-sortable-column.p-highlight { - background: #ffffff; - color: #007bff; -} -.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #007bff; -} -.p-treetable .p-treetable-tbody > tr { - background: #ffffff; - color: #212529; - transition: box-shadow 0.15s; - outline-color: rgba(38, 143, 255, 0.5); -} -.p-treetable .p-treetable-tbody > tr > td { - text-align: left; - border: 1px solid #dee2e6; - border-width: 1px 0 0 0; - padding: 1rem 1rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: box-shadow 0.15s; - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { - color: #495057; - border-color: transparent; - background: transparent; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { - color: #212529; -} -.p-treetable .p-treetable-tbody > tr.p-highlight { - background: #007bff; - color: #ffffff; -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: #ffffff; -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: #ffffff; -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { - background: #e9ecef; - color: #212529; -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { - color: #212529; -} -.p-treetable .p-column-resizer-helper { - background: #007bff; -} -.p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #efefef; -} -.p-treetable .p-treetable-loading-icon { - font-size: 2rem; -} -.p-treetable.p-treetable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-footer { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-top { - border-width: 0 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-bottom { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-sm .p-treetable-header { - padding: 0.875rem 0.875rem; -} -.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-footer { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-lg .p-treetable-header { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-footer { - padding: 1.25rem 1.25rem; -} - -.p-virtualscroller .p-virtualscroller-header { - background: #efefef; - color: #212529; - border: solid #dee2e6; - border-width: 1px 0 0 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-virtualscroller .p-virtualscroller-content { - background: #ffffff; - color: #212529; - border: 0 none; - padding: 0; -} -.p-virtualscroller .p-virtualscroller-footer { - background: #efefef; - color: #212529; - border: 1px solid #dee2e6; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-accordion .p-accordion-header .p-accordion-header-link { - padding: 1rem 1.25rem; - border: 1px solid #dee2e6; - color: #212529; - background: #efefef; - font-weight: 600; - border-radius: 4px; - transition: box-shadow 0.15s; -} -.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { - margin-right: 0.5rem; -} -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); -} -.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { - background: #e9ecef; - border-color: #dee2e6; - color: #212529; -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #efefef; - border-color: #dee2e6; - color: #212529; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-color: #dee2e6; - background: #e9ecef; - color: #212529; -} -.p-accordion .p-accordion-content { - padding: 1.25rem; - border: 1px solid #dee2e6; - background: #ffffff; - color: #212529; - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-accordion p-accordiontab .p-accordion-tab { - margin-bottom: 0; -} -.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { - border-radius: 0; -} -.p-accordion p-accordiontab .p-accordion-content { - border-radius: 0; -} -.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { - border-top: 0 none; -} -.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-top: 0 none; -} -.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-accordion p-accordiontab:last-child .p-accordion-content { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-card { - background: #ffffff; - color: #212529; - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); - border-radius: 4px; -} -.p-card .p-card-body { - padding: 1.5rem; -} -.p-card .p-card-title { - font-size: 1.5rem; - font-weight: 700; - margin-bottom: 0.5rem; -} -.p-card .p-card-subtitle { - font-weight: 400; - margin-bottom: 0.5rem; - color: #6c757d; -} -.p-card .p-card-content { - padding: 1rem 0; -} -.p-card .p-card-footer { - padding: 1rem 0 0 0; -} - -.p-divider .p-divider-content { - background-color: #ffffff; -} -.p-divider.p-divider-horizontal { - margin: 1rem 0; - padding: 0 1rem; -} -.p-divider.p-divider-horizontal:before { - border-top: 1px #dee2e6; -} -.p-divider.p-divider-horizontal .p-divider-content { - padding: 0 0.5rem; -} -.p-divider.p-divider-vertical { - margin: 0 1rem; - padding: 1rem 0; -} -.p-divider.p-divider-vertical:before { - border-left: 1px #dee2e6; -} -.p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; -} - -.p-fieldset { - border: 1px solid #dee2e6; - background: #ffffff; - color: #212529; - border-radius: 4px; -} -.p-fieldset .p-fieldset-legend { - padding: 1rem 1.25rem; - border: 1px solid #dee2e6; - color: #212529; - background: #efefef; - font-weight: 600; - border-radius: 4px; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { - padding: 0; - transition: box-shadow 0.15s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { - padding: 1rem 1.25rem; - color: #212529; - border-radius: 4px; - transition: box-shadow 0.15s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { - margin-right: 0.5rem; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: #e9ecef; - border-color: #dee2e6; - color: #212529; -} -.p-fieldset .p-fieldset-content { - padding: 1.25rem; -} - -.p-panel .p-panel-header { - border: 1px solid #dee2e6; - padding: 1rem 1.25rem; - background: #efefef; - color: #212529; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-panel .p-panel-header .p-panel-title { - font-weight: 600; -} -.p-panel .p-panel-header .p-panel-header-icon { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: box-shadow 0.15s; -} -.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { - color: #495057; - border-color: transparent; - background: transparent; -} -.p-panel .p-panel-header .p-panel-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); -} -.p-panel.p-panel-toggleable .p-panel-header { - padding: 0.5rem 1.25rem; -} -.p-panel .p-panel-content { - padding: 1.25rem; - border: 1px solid #dee2e6; - background: #ffffff; - color: #212529; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - border-top: 0 none; -} -.p-panel .p-panel-footer { - padding: 0.5rem 1.25rem; - border: 1px solid #dee2e6; - background: #ffffff; - color: #212529; - border-top: 0 none; -} - -.p-scrollpanel .p-scrollpanel-bar { - background: #efefef; - border: 0 none; -} - -.p-splitter { - border: 1px solid #dee2e6; - background: #ffffff; - border-radius: 4px; - color: #212529; -} -.p-splitter .p-splitter-gutter { - transition: box-shadow 0.15s; - background: #efefef; -} -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: #dee2e6; -} -.p-splitter .p-splitter-gutter-resizing { - background: #dee2e6; -} - -.p-tabview .p-tabview-nav { - background: transparent; - border: 1px solid #dee2e6; - border-width: 0 0 1px 0; -} -.p-tabview .p-tabview-nav li { - margin-right: 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid; - border-width: 1px; - border-color: #ffffff #ffffff #dee2e6 #ffffff; - background: #ffffff; - color: #6c757d; - padding: 0.75rem 1rem; - font-weight: 600; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - transition: box-shadow 0.15s; - margin: 0 0 -1px 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(38, 143, 255, 0.5); -} -.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #ffffff; - border-color: #dee2e6; - color: #6c757d; -} -.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #ffffff; - border-color: #dee2e6 #dee2e6 #ffffff #dee2e6; - color: #495057; -} -.p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; -} -.p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-close { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-nav-btn.p-link { - background: #ffffff; - color: #495057; - width: 2.357rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; -} -.p-tabview .p-tabview-nav-btn.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(38, 143, 255, 0.5); -} -.p-tabview .p-tabview-panels { - background: #ffffff; - padding: 1.25rem; - border: 0 none; - color: #212529; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-toolbar { - background: #efefef; - border: 1px solid #dee2e6; - padding: 1rem 1.25rem; - border-radius: 4px; -} -.p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; -} - -.p-confirm-popup { - background: #ffffff; - color: #212529; - border: 1px solid rgba(0, 0, 0, 0.2); - border-radius: 4px; - box-shadow: none; -} -.p-confirm-popup .p-confirm-popup-content { - padding: 1.25rem; -} -.p-confirm-popup .p-confirm-popup-footer { - text-align: right; - padding: 0.5rem 1.25rem; -} -.p-confirm-popup .p-confirm-popup-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-confirm-popup .p-confirm-popup-footer button:last-child { - margin: 0; -} -.p-confirm-popup:after { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-confirm-popup:before { - border: solid transparent; - border-color: rgba(0, 0, 0, 0); - border-bottom-color: rgba(0, 0, 0, 0.2); -} -.p-confirm-popup.p-confirm-popup-flipped:after { - border-top-color: #ffffff; -} -.p-confirm-popup.p-confirm-popup-flipped:before { - border-top-color: rgba(0, 0, 0, 0.2); -} -.p-confirm-popup .p-confirm-popup-icon { - font-size: 1.5rem; -} -.p-confirm-popup .p-confirm-popup-message { - margin-left: 1rem; -} - -.p-dialog { - border-radius: 4px; - box-shadow: none; - border: 1px solid rgba(0, 0, 0, 0.2); -} -.p-dialog .p-dialog-header { - border-bottom: 1px solid #e9ecef; - background: #ffffff; - color: #212529; - padding: 1rem; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-dialog .p-dialog-header .p-dialog-title { - font-weight: 600; - font-size: 1.25rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: box-shadow 0.15s; - margin-right: 0.5rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { - color: #495057; - border-color: transparent; - background: transparent; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); -} -.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { - margin-right: 0; -} -.p-dialog .p-dialog-content { - background: #ffffff; - color: #212529; - padding: 1rem; -} -.p-dialog .p-dialog-footer { - border-top: 1px solid #e9ecef; - background: #ffffff; - color: #212529; - padding: 1rem; - text-align: right; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-dialog .p-dialog-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { - font-size: 2rem; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; -} - -.p-overlaypanel { - background: #ffffff; - color: #212529; - border: 1px solid rgba(0, 0, 0, 0.2); - border-radius: 4px; - box-shadow: none; -} -.p-overlaypanel .p-overlaypanel-content { - padding: 1.25rem; -} -.p-overlaypanel .p-overlaypanel-close { - background: #007bff; - color: #ffffff; - width: 2rem; - height: 2rem; - transition: box-shadow 0.15s; - border-radius: 50%; - position: absolute; - top: -1rem; - right: -1rem; -} -.p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #0069d9; - color: #ffffff; -} -.p-overlaypanel:after { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-overlaypanel:before { - border: solid transparent; - border-color: rgba(0, 0, 0, 0); - border-bottom-color: rgba(0, 0, 0, 0.2); -} -.p-overlaypanel.p-overlaypanel-flipped:after { - border-top-color: #ffffff; -} -.p-overlaypanel.p-overlaypanel-flipped:before { - border-top-color: rgba(0, 0, 0, 0.2); -} - -.p-sidebar { - background: #ffffff; - color: #212529; - border: 1px solid rgba(0, 0, 0, 0.2); - box-shadow: none; -} -.p-sidebar .p-sidebar-header { - padding: 1rem 1.25rem; -} -.p-sidebar .p-sidebar-header .p-sidebar-close, -.p-sidebar .p-sidebar-header .p-sidebar-icon { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: box-shadow 0.15s; -} -.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, -.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { - color: #495057; - border-color: transparent; - background: transparent; -} -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); -} -.p-sidebar .p-sidebar-header + .p-sidebar-content { - padding-top: 0; -} -.p-sidebar .p-sidebar-content { - padding: 1.25rem; -} - -.p-tooltip .p-tooltip-text { - background: #212529; - color: #ffffff; - padding: 0.5rem 0.75rem; - box-shadow: none; - border-radius: 4px; -} -.p-tooltip.p-tooltip-right .p-tooltip-arrow { - border-right-color: #212529; -} -.p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #212529; -} -.p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #212529; -} -.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #212529; -} - -.p-fileupload .p-fileupload-buttonbar { - background: #efefef; - padding: 1rem 1.25rem; - border: 1px solid #dee2e6; - color: #212529; - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; -} -.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); -} -.p-fileupload .p-fileupload-content { - background: #ffffff; - padding: 2rem 1rem; - border: 1px solid #dee2e6; - color: #212529; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-fileupload .p-progressbar { - height: 0.25rem; -} -.p-fileupload .p-fileupload-row > div { - padding: 1rem 1rem; -} -.p-fileupload.p-fileupload-advanced .p-message { - margin-top: 0; -} - -.p-fileupload-choose:not(.p-disabled):hover { - background: #0069d9; - color: #ffffff; - border-color: #0069d9; -} -.p-fileupload-choose:not(.p-disabled):active { - background: #0062cc; - color: #ffffff; - border-color: #0062cc; -} - -.p-breadcrumb { - background: #efefef; - border: 0 none; - border-radius: 4px; - padding: 1rem; -} -.p-breadcrumb ul li .p-menuitem-link { - transition: box-shadow 0.15s; - border-radius: 4px; -} -.p-breadcrumb ul li .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { - color: #007bff; -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { - color: #007bff; -} -.p-breadcrumb ul li.p-breadcrumb-chevron { - margin: 0 0.5rem 0 0.5rem; - color: #6c757d; -} -.p-breadcrumb ul li:last-child .p-menuitem-text { - color: #6c757d; -} -.p-breadcrumb ul li:last-child .p-menuitem-icon { - color: #6c757d; -} - -.p-contextmenu { - padding: 0.5rem 0; - background: #ffffff; - color: #212529; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: none; - border-radius: 4px; - width: 12.5rem; -} -.p-contextmenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: #212529; - border-radius: 0; - transition: box-shadow 0.15s; - user-select: none; -} -.p-contextmenu .p-menuitem-link .p-menuitem-text { - color: #212529; -} -.p-contextmenu .p-menuitem-link .p-menuitem-icon { - color: #212529; - margin-right: 0.5rem; -} -.p-contextmenu .p-menuitem-link .p-submenu-icon { - color: #212529; -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #212529; -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #212529; -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #212529; -} -.p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); -} -.p-contextmenu .p-submenu-list { - padding: 0.5rem 0; - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: none; - border-radius: 4px; -} -.p-contextmenu .p-menuitem { - margin: 0; -} -.p-contextmenu .p-menuitem:last-child { - margin: 0; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #e9ecef; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #212529; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #212529; -} -.p-contextmenu .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.5rem 0; -} -.p-contextmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-dock .p-dock-list { - background: rgba(255, 255, 255, 0.1); - border: 1px solid rgba(255, 255, 255, 0.2); - padding: 0.5rem 0.5rem; - border-radius: 0.5rem; -} -.p-dock .p-dock-item { - padding: 0.5rem; -} -.p-dock .p-dock-action { - width: 4rem; - height: 4rem; -} -.p-dock.p-dock-top .p-dock-item-second-prev, -.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, -.p-dock.p-dock-bottom .p-dock-item-second-next { - margin: 0 0.9rem; -} -.p-dock.p-dock-top .p-dock-item-prev, -.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, -.p-dock.p-dock-bottom .p-dock-item-next { - margin: 0 1.3rem; -} -.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { - margin: 0 1.5rem; -} -.p-dock.p-dock-left .p-dock-item-second-prev, -.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, -.p-dock.p-dock-right .p-dock-item-second-next { - margin: 0.9rem 0; -} -.p-dock.p-dock-left .p-dock-item-prev, -.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, -.p-dock.p-dock-right .p-dock-item-next { - margin: 1.3rem 0; -} -.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { - margin: 1.5rem 0; -} - -@media screen and (max-width: 960px) { - .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { - margin: auto 0; - } - .p-dock .p-dock-list .p-dock-item { - transform: none; - margin: 0; - } -} -.p-megamenu { - padding: 0.5rem 1rem; - background: #efefef; - color: rgba(0, 0, 0, 0.9); - border: 0 none; - border-radius: 4px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 1rem; - color: rgba(0, 0, 0, 0.5); - border-radius: 4px; - transition: box-shadow 0.15s; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.5); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.5); - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.5); - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: transparent; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.7); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.7); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.7); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: transparent; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.9); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.9); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.9); -} -.p-megamenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: #212529; - border-radius: 0; - transition: box-shadow 0.15s; - user-select: none; -} -.p-megamenu .p-menuitem-link .p-menuitem-text { - color: #212529; -} -.p-megamenu .p-menuitem-link .p-menuitem-icon { - color: #212529; - margin-right: 0.5rem; -} -.p-megamenu .p-menuitem-link .p-submenu-icon { - color: #212529; -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #212529; -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #212529; -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #212529; -} -.p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); -} -.p-megamenu .p-megamenu-panel { - background: #ffffff; - color: #212529; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: none; -} -.p-megamenu .p-megamenu-submenu-header { - margin: 0; - padding: 0.75rem 1rem; - color: #212529; - background: #ffffff; - font-weight: 600; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-megamenu .p-megamenu-submenu { - padding: 0.5rem 0; - width: 12.5rem; -} -.p-megamenu .p-megamenu-submenu .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.5rem 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem { - margin: 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { - margin: 0; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #e9ecef; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #212529; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #212529; -} -.p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.5rem 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem { - margin: 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { - margin: 0; -} - -.p-menu { - padding: 0.5rem 0; - background: #ffffff; - color: #212529; - border: 1px solid #dee2e6; - border-radius: 4px; - width: 12.5rem; -} -.p-menu .p-menuitem-link { - padding: 0.75rem 1rem; - color: #212529; - border-radius: 0; - transition: box-shadow 0.15s; - user-select: none; -} -.p-menu .p-menuitem-link .p-menuitem-text { - color: #212529; -} -.p-menu .p-menuitem-link .p-menuitem-icon { - color: #212529; - margin-right: 0.5rem; -} -.p-menu .p-menuitem-link .p-submenu-icon { - color: #212529; -} -.p-menu .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #212529; -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #212529; -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #212529; -} -.p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); -} -.p-menu.p-menu-overlay { - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: none; -} -.p-menu .p-submenu-header { - margin: 0; - padding: 0.75rem 1rem; - color: #212529; - background: #ffffff; - font-weight: 600; - border-top-right-radius: 0; - border-top-left-radius: 0; -} -.p-menu .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.5rem 0; -} -.p-menu .p-menuitem { - margin: 0; -} -.p-menu .p-menuitem:last-child { - margin: 0; -} - -.p-menubar { - padding: 0.5rem 1rem; - background: #efefef; - color: rgba(0, 0, 0, 0.9); - border: 0 none; - border-radius: 4px; -} -.p-menubar .p-menuitem-link { - padding: 0.75rem 1rem; - color: #212529; - border-radius: 0; - transition: box-shadow 0.15s; - user-select: none; -} -.p-menubar .p-menuitem-link .p-menuitem-text { - color: #212529; -} -.p-menubar .p-menuitem-link .p-menuitem-icon { - color: #212529; - margin-right: 0.5rem; -} -.p-menubar .p-menuitem-link .p-submenu-icon { - color: #212529; -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #212529; -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #212529; -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #212529; -} -.p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 1rem; - color: rgba(0, 0, 0, 0.5); - border-radius: 4px; - transition: box-shadow 0.15s; - user-select: none; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.5); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.5); - margin-right: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.5); - margin-left: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: transparent; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.7); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.7); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.7); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: transparent; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.9); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.9); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.9); -} -.p-menubar .p-submenu-list { - padding: 0.5rem 0; - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: none; - width: 12.5rem; -} -.p-menubar .p-submenu-list .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.5rem 0; -} -.p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; -} -.p-menubar .p-submenu-list .p-menuitem { - margin: 0; -} -.p-menubar .p-submenu-list .p-menuitem:last-child { - margin: 0; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #e9ecef; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #212529; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #212529; -} - -@media screen and (max-width: 960px) { - .p-menubar { - position: relative; - } - .p-menubar .p-menubar-button { - display: flex; - width: 2rem; - height: 2rem; - color: rgba(0, 0, 0, 0.5); - border-radius: 50%; - transition: box-shadow 0.15s; - } - .p-menubar .p-menubar-button:hover { - color: rgba(0, 0, 0, 0.7); - background: transparent; - } - .p-menubar .p-menubar-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); - } - .p-menubar .p-menubar-root-list { - position: absolute; - display: none; - padding: 0.5rem 0; - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: none; - width: 100%; - } - .p-menubar .p-menubar-root-list .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.5rem 0; - } - .p-menubar .p-menubar-root-list .p-submenu-icon { - font-size: 0.875rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; - color: #212529; - border-radius: 0; - transition: box-shadow 0.15s; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: #212529; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: #212529; - margin-right: 0.5rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: #212529; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #212529; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #212529; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #212529; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - transition: transform 0.15s; - } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-180deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list { - width: 100%; - position: static; - box-shadow: none; - border: 0 none; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { - transition: transform 0.15s; - transform: rotate(90deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-90deg); - } - .p-menubar .p-menubar-root-list .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list ul li a { - padding-left: 2.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li a { - padding-left: 3.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li a { - padding-left: 5.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { - padding-left: 6.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { - padding-left: 8.25rem; - } - .p-menubar.p-menubar-mobile-active .p-menubar-root-list { - display: flex; - flex-direction: column; - top: 100%; - left: 0; - z-index: 1; - } -} -.p-panelmenu .p-panelmenu-header > a { - padding: 1rem 1.25rem; - border: 1px solid #dee2e6; - color: #212529; - background: #efefef; - font-weight: 600; - border-radius: 4px; - transition: box-shadow 0.15s; -} -.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); -} -.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { - background: #e9ecef; - border-color: #dee2e6; - color: #212529; -} -.p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight > a { - background: #efefef; - border-color: #dee2e6; - color: #212529; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { - border-color: #dee2e6; - background: #e9ecef; - color: #212529; -} -.p-panelmenu .p-panelmenu-content { - padding: 0.5rem 0; - border: 1px solid #dee2e6; - background: #ffffff; - color: #212529; - margin-bottom: 0; - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1rem; - color: #212529; - border-radius: 0; - transition: box-shadow 0.15s; - user-select: none; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { - color: #212529; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { - color: #212529; - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { - color: #212529; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #212529; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #212529; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #212529; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { - padding: 0 0 0 1rem; -} -.p-panelmenu .p-panelmenu-panel { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { - border-radius: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-content { - border-radius: 0; -} -.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { - border-top: 0 none; -} -.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { - border-top: 0 none; -} -.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-slidemenu { - padding: 0.5rem 0; - background: #ffffff; - color: #212529; - border: 1px solid #dee2e6; - border-radius: 4px; - width: 12.5rem; -} -.p-slidemenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: #212529; - border-radius: 0; - transition: box-shadow 0.15s; - user-select: none; -} -.p-slidemenu .p-menuitem-link .p-menuitem-text { - color: #212529; -} -.p-slidemenu .p-menuitem-link .p-menuitem-icon { - color: #212529; - margin-right: 0.5rem; -} -.p-slidemenu .p-menuitem-link .p-submenu-icon { - color: #212529; -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #212529; -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #212529; -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #212529; -} -.p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); -} -.p-slidemenu.p-slidemenu-overlay { - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: none; -} -.p-slidemenu .p-slidemenu-list { - padding: 0.5rem 0; - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: none; -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { - background: #e9ecef; -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { - color: #212529; -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { - color: #212529; -} -.p-slidemenu .p-slidemenu-separator { - border-top: 1px solid #dee2e6; - margin: 0.5rem 0; -} -.p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; -} -.p-slidemenu .p-slidemenu-backward { - padding: 0.75rem 1rem; - color: #212529; -} - -.p-steps .p-steps-item .p-menuitem-link { - background: transparent; - transition: box-shadow 0.15s; - border-radius: 4px; - background: transparent; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-number { - color: #212529; - border: 1px solid #dee2e6; - background: transparent; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - z-index: 1; - border-radius: 4px; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-title { - margin-top: 0.5rem; - color: #6c757d; -} -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); -} -.p-steps .p-steps-item.p-highlight .p-steps-number { - background: #007bff; - color: #ffffff; -} -.p-steps .p-steps-item.p-highlight .p-steps-title { - font-weight: 600; - color: #212529; -} -.p-steps .p-steps-item:before { - content: " "; - border-top: 1px solid #dee2e6; - width: 100%; - top: 50%; - left: 0; - display: block; - position: absolute; - margin-top: -1rem; -} - -.p-tabmenu .p-tabmenu-nav { - background: transparent; - border: 1px solid #dee2e6; - border-width: 0 0 1px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { - margin-right: 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { - border: solid; - border-width: 1px; - border-color: #ffffff #ffffff #dee2e6 #ffffff; - background: #ffffff; - color: #6c757d; - padding: 0.75rem 1rem; - font-weight: 600; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - transition: box-shadow 0.15s; - margin: 0 0 -1px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(38, 143, 255, 0.5); -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: #ffffff; - border-color: #dee2e6; - color: #6c757d; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #ffffff; - border-color: #dee2e6 #dee2e6 #ffffff #dee2e6; - color: #495057; -} - -.p-tieredmenu { - padding: 0.5rem 0; - background: #ffffff; - color: #212529; - border: 1px solid #dee2e6; - border-radius: 4px; - width: 12.5rem; -} -.p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: #212529; - border-radius: 0; - transition: box-shadow 0.15s; - user-select: none; -} -.p-tieredmenu .p-menuitem-link .p-menuitem-text { - color: #212529; -} -.p-tieredmenu .p-menuitem-link .p-menuitem-icon { - color: #212529; - margin-right: 0.5rem; -} -.p-tieredmenu .p-menuitem-link .p-submenu-icon { - color: #212529; -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #212529; -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #212529; -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #212529; -} -.p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); -} -.p-tieredmenu.p-tieredmenu-overlay { - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: none; -} -.p-tieredmenu .p-submenu-list { - padding: 0.5rem 0; - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: none; -} -.p-tieredmenu .p-menuitem { - margin: 0; -} -.p-tieredmenu .p-menuitem:last-child { - margin: 0; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #e9ecef; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #212529; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #212529; -} -.p-tieredmenu .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.5rem 0; -} -.p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-inline-message { - padding: 0.5rem 0.75rem; - margin: 0; - border-radius: 4px; -} -.p-inline-message.p-inline-message-info { - background: #cce5ff; - border: solid #b8daff; - border-width: 0px; - color: #004085; -} -.p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #004085; -} -.p-inline-message.p-inline-message-success { - background: #d4edda; - border: solid #c3e6cb; - border-width: 0px; - color: #155724; -} -.p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #155724; -} -.p-inline-message.p-inline-message-warn { - background: #fff3cd; - border: solid #ffeeba; - border-width: 0px; - color: #856404; -} -.p-inline-message.p-inline-message-warn .p-inline-message-icon { - color: #856404; -} -.p-inline-message.p-inline-message-error { - background: #f8d7da; - border: solid #f5c6cb; - border-width: 0px; - color: #721c24; -} -.p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #721c24; -} -.p-inline-message .p-inline-message-icon { - font-size: 1rem; - margin-right: 0.5rem; -} -.p-inline-message .p-inline-message-text { - font-size: 1rem; -} -.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { - margin-right: 0; -} - -.p-message { - margin: 1rem 0; - border-radius: 4px; -} -.p-message .p-message-wrapper { - padding: 1rem 1.25rem; -} -.p-message .p-message-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: box-shadow 0.15s; -} -.p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-message .p-message-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); -} -.p-message.p-message-info { - background: #cce5ff; - border: solid #b8daff; - border-width: 1px; - color: #004085; -} -.p-message.p-message-info .p-message-icon { - color: #004085; -} -.p-message.p-message-info .p-message-close { - color: #004085; -} -.p-message.p-message-success { - background: #d4edda; - border: solid #c3e6cb; - border-width: 1px; - color: #155724; -} -.p-message.p-message-success .p-message-icon { - color: #155724; -} -.p-message.p-message-success .p-message-close { - color: #155724; -} -.p-message.p-message-warn { - background: #fff3cd; - border: solid #ffeeba; - border-width: 1px; - color: #856404; -} -.p-message.p-message-warn .p-message-icon { - color: #856404; -} -.p-message.p-message-warn .p-message-close { - color: #856404; -} -.p-message.p-message-error { - background: #f8d7da; - border: solid #f5c6cb; - border-width: 1px; - color: #721c24; -} -.p-message.p-message-error .p-message-icon { - color: #721c24; -} -.p-message.p-message-error .p-message-close { - color: #721c24; -} -.p-message .p-message-text { - font-size: 1rem; - font-weight: 500; -} -.p-message .p-message-icon { - font-size: 1.5rem; - margin-right: 0.5rem; -} -.p-message .p-message-summary { - font-weight: 700; -} -.p-message .p-message-detail { - margin-left: 0.5rem; -} - -.p-toast { - opacity: 1; -} -.p-toast .p-toast-message { - margin: 0 0 1rem 0; - box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); - border-radius: 4px; -} -.p-toast .p-toast-message .p-toast-message-content { - padding: 1rem; - border-width: 0; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { - margin: 0 0 0 1rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { - font-size: 2rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { - font-weight: 700; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { - margin: 0.5rem 0 0 0; -} -.p-toast .p-toast-message .p-toast-icon-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: box-shadow 0.15s; -} -.p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-toast .p-toast-message .p-toast-icon-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); -} -.p-toast .p-toast-message.p-toast-message-info { - background: #cce5ff; - border: solid #b8daff; - border-width: 1px; - color: #004085; -} -.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { - color: #004085; -} -.p-toast .p-toast-message.p-toast-message-success { - background: #d4edda; - border: solid #c3e6cb; - border-width: 1px; - color: #155724; -} -.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { - color: #155724; -} -.p-toast .p-toast-message.p-toast-message-warn { - background: #fff3cd; - border: solid #ffeeba; - border-width: 1px; - color: #856404; -} -.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { - color: #856404; -} -.p-toast .p-toast-message.p-toast-message-error { - background: #f8d7da; - border: solid #f5c6cb; - border-width: 1px; - color: #721c24; -} -.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { - color: #721c24; -} - -.p-galleria .p-galleria-close { - margin: 0.5rem; - background: transparent; - color: #efefef; - width: 4rem; - height: 4rem; - transition: box-shadow 0.15s; - border-radius: 4px; -} -.p-galleria .p-galleria-close .p-galleria-close-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-close:hover { - background: rgba(255, 255, 255, 0.1); - color: #efefef; -} -.p-galleria .p-galleria-item-nav { - background: transparent; - color: #efefef; - width: 4rem; - height: 4rem; - transition: box-shadow 0.15s; - border-radius: 4px; - margin: 0 0.5rem; -} -.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, -.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.1); - color: #efefef; -} -.p-galleria .p-galleria-caption { - background: rgba(0, 0, 0, 0.5); - color: #efefef; - padding: 1rem; -} -.p-galleria .p-galleria-indicators { - padding: 1rem; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #e9ecef; - width: 1rem; - height: 1rem; - transition: box-shadow 0.15s; - border-radius: 4px; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { - background: #dee2e6; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #007bff; - color: #ffffff; -} -.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { - margin-right: 0.5rem; -} -.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { - margin-bottom: 0.5rem; -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { - background: rgba(0, 0, 0, 0.5); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { - background: rgba(255, 255, 255, 0.4); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { - background: rgba(255, 255, 255, 0.6); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #007bff; - color: #ffffff; -} -.p-galleria .p-galleria-thumbnail-container { - background: rgba(0, 0, 0, 0.9); - padding: 1rem 0.25rem; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { - margin: 0.5rem; - background-color: transparent; - color: #efefef; - width: 2rem; - height: 2rem; - transition: box-shadow 0.15s; - border-radius: 4px; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { - background: rgba(255, 255, 255, 0.1); - color: #efefef; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); -} - -.p-galleria-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-preview-indicator { - background-color: transparent; - color: #f8f9fa; - transition: box-shadow 0.15s; -} - -.p-image-preview-container:hover > .p-image-preview-indicator { - background-color: rgba(0, 0, 0, 0.5); -} - -.p-image-toolbar { - padding: 1rem; -} - -.p-image-action.p-link { - color: #f8f9fa; - background-color: transparent; - width: 3rem; - height: 3rem; - border-radius: 50%; - transition: box-shadow 0.15s; - margin-right: 0.5rem; -} -.p-image-action.p-link:last-child { - margin-right: 0; -} -.p-image-action.p-link:hover { - color: #f8f9fa; - background-color: rgba(255, 255, 255, 0.1); -} -.p-image-action.p-link i { - font-size: 1.5rem; -} - -.p-avatar { - background-color: #dee2e6; - border-radius: 4px; -} -.p-avatar.p-avatar-lg { - width: 3rem; - height: 3rem; - font-size: 1.5rem; -} -.p-avatar.p-avatar-lg .p-avatar-icon { - font-size: 1.5rem; -} -.p-avatar.p-avatar-xl { - width: 4rem; - height: 4rem; - font-size: 2rem; -} -.p-avatar.p-avatar-xl .p-avatar-icon { - font-size: 2rem; -} - -.p-avatar-group .p-avatar { - border: 2px solid #ffffff; -} - -.p-badge { - background: #007bff; - color: #ffffff; - font-size: 0.75rem; - font-weight: 700; - min-width: 1.5rem; - height: 1.5rem; - line-height: 1.5rem; -} -.p-badge.p-badge-secondary { - background-color: #6c757d; - color: #ffffff; -} -.p-badge.p-badge-success { - background-color: #28a745; - color: #ffffff; -} -.p-badge.p-badge-info { - background-color: #17a2b8; - color: #ffffff; -} -.p-badge.p-badge-warning { - background-color: #ffc107; - color: #212529; -} -.p-badge.p-badge-danger { - background-color: #dc3545; - color: #ffffff; -} -.p-badge.p-badge-lg { - font-size: 1.125rem; - min-width: 2.25rem; - height: 2.25rem; - line-height: 2.25rem; -} -.p-badge.p-badge-xl { - font-size: 1.5rem; - min-width: 3rem; - height: 3rem; - line-height: 3rem; -} - -.p-chip { - background-color: #dee2e6; - color: #212529; - border-radius: 16px; - padding: 0 0.75rem; -} -.p-chip .p-chip-text { - line-height: 1.5; - margin-top: 0.25rem; - margin-bottom: 0.25rem; -} -.p-chip .p-chip-icon { - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - margin-left: 0.5rem; -} -.p-chip img { - width: 2rem; - height: 2rem; - margin-left: -0.75rem; - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - border-radius: 4px; - transition: box-shadow 0.15s; -} -.p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); -} - -.p-inplace .p-inplace-display { - padding: 0.5rem 0.75rem; - border-radius: 4px; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; -} -.p-inplace .p-inplace-display:not(.p-disabled):hover { - background: #e9ecef; - color: #212529; -} -.p-inplace .p-inplace-display:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); -} - -.p-progressbar { - border: 0 none; - height: 1.5rem; - background: #e9ecef; - border-radius: 4px; -} -.p-progressbar .p-progressbar-value { - border: 0 none; - margin: 0; - background: #007bff; -} -.p-progressbar .p-progressbar-label { - color: #ffffff; - line-height: 1.5rem; -} - -.p-scrolltop { - width: 3rem; - height: 3rem; - border-radius: 4px; - box-shadow: none; - transition: box-shadow 0.15s; -} -.p-scrolltop.p-link { - background: rgba(0, 0, 0, 0.7); -} -.p-scrolltop.p-link:hover { - background: rgba(0, 0, 0, 0.8); -} -.p-scrolltop .p-scrolltop-icon { - font-size: 1.5rem; - color: #efefef; -} - -.p-skeleton { - background-color: #e9ecef; - border-radius: 4px; -} -.p-skeleton:after { - background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); -} - -.p-tag { - background: #007bff; - color: #ffffff; - font-size: 0.75rem; - font-weight: 700; - padding: 0.25rem 0.4rem; - border-radius: 4px; -} -.p-tag.p-tag-success { - background-color: #28a745; - color: #ffffff; -} -.p-tag.p-tag-info { - background-color: #17a2b8; - color: #ffffff; -} -.p-tag.p-tag-warning { - background-color: #ffc107; - color: #212529; -} -.p-tag.p-tag-danger { - background-color: #dc3545; - color: #ffffff; -} -.p-tag .p-tag-icon { - margin-right: 0.25rem; - font-size: 0.75rem; -} - -.p-terminal { - background: #ffffff; - color: #212529; - border: 1px solid #dee2e6; - padding: 1.25rem; -} -.p-terminal .p-terminal-input { - font-size: 1rem; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; -} - -/* Vendor extensions to the designer enhanced bootstrap compatibility */ -.p-breadcrumb .p-breadcrumb-chevron { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; -} -.p-breadcrumb .p-breadcrumb-chevron:before { - content: "/"; -} - -/* Customizations to the designer theme should be defined here */ diff --git a/src/assets/theme/bootstrap4-light-purple/theme.css b/src/assets/theme/bootstrap4-light-purple/theme.css deleted file mode 100644 index 1cdc312..0000000 --- a/src/assets/theme/bootstrap4-light-purple/theme.css +++ /dev/null @@ -1,5693 +0,0 @@ -:root { - --surface-a:#ffffff; - --surface-b:#efefef; - --surface-c:#e9ecef; - --surface-d:#dee2e6; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#212529; - --text-color-secondary:#6c757d; - --primary-color:#883cae; - --primary-color-text:#ffffff; - --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; - --surface-0: #ffffff; - --surface-50: #f9fafb; - --surface-100: #f8f9fa; - --surface-200: #e9ecef; - --surface-300: #dee2e6; - --surface-400: #ced4da; - --surface-500: #adb5bd; - --surface-600: #6c757d; - --surface-700: #495057; - --surface-800: #343a40; - --surface-900: #212529; - --gray-50: #f9fafb; - --gray-100: #f8f9fa; - --gray-200: #e9ecef; - --gray-300: #dee2e6; - --gray-400: #ced4da; - --gray-500: #adb5bd; - --gray-600: #6c757d; - --gray-700: #495057; - --gray-800: #343a40; - --gray-900: #212529; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:4px; - --surface-ground:#efefef; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#dee2e6; - --surface-hover:#e9ecef; - --maskbg: rgba(0, 0, 0, 0.4); - --focus-ring: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); -} - -* { - box-sizing: border-box; -} - -.p-component { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - font-weight: normal; -} - -.p-component-overlay { - background-color: rgba(0, 0, 0, 0.4); - transition-duration: 0.15s; -} - -.p-disabled, .p-component:disabled { - opacity: 0.65; -} - -.p-error { - color: #dc3545; -} - -.p-text-secondary { - color: #6c757d; -} - -.pi { - font-size: 1rem; -} - -.p-link { - font-size: 1rem; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - border-radius: 4px; -} -.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); -} - -.p-component-overlay-enter { - animation: p-component-overlay-enter-animation 150ms forwards; -} - -.p-component-overlay-leave { - animation: p-component-overlay-leave-animation 150ms forwards; -} - -@keyframes p-component-overlay-enter-animation { - from { - background-color: transparent; - } - to { - background-color: var(--maskbg); - } -} -@keyframes p-component-overlay-leave-animation { - from { - background-color: var(--maskbg); - } - to { - background-color: transparent; - } -} - -:root { - --blue-50:#f3f8ff; - --blue-100:#c5dcff; - --blue-200:#97c1fe; - --blue-300:#69a5fe; - --blue-400:#3b8afd; - --blue-500:#0d6efd; - --blue-600:#0b5ed7; - --blue-700:#094db1; - --blue-800:#073d8b; - --blue-900:#052c65; - --green-50:#f4f9f6; - --green-100:#c8e2d6; - --green-200:#9ccbb5; - --green-300:#70b595; - --green-400:#459e74; - --green-500:#198754; - --green-600:#157347; - --green-700:#125f3b; - --green-800:#0e4a2e; - --green-900:#0a3622; - --yellow-50:#fffcf3; - --yellow-100:#fff0c3; - --yellow-200:#ffe494; - --yellow-300:#ffd965; - --yellow-400:#ffcd36; - --yellow-500:#ffc107; - --yellow-600:#d9a406; - --yellow-700:#b38705; - --yellow-800:#8c6a04; - --yellow-900:#664d03; - --cyan-50:#f3fcfe; - --cyan-100:#c5f2fb; - --cyan-200:#97e8f9; - --cyan-300:#69def6; - --cyan-400:#3bd4f3; - --cyan-500:#0dcaf0; - --cyan-600:#0baccc; - --cyan-700:#098da8; - --cyan-800:#076f84; - --cyan-900:#055160; - --pink-50:#fdf5f9; - --pink-100:#f5cee1; - --pink-200:#eda7ca; - --pink-300:#e681b3; - --pink-400:#de5a9b; - --pink-500:#d63384; - --pink-600:#b62b70; - --pink-700:#96245c; - --pink-800:#761c49; - --pink-900:#561435; - --indigo-50:#f7f3fe; - --indigo-100:#dac6fc; - --indigo-200:#bd98f9; - --indigo-300:#a06bf7; - --indigo-400:#833df4; - --indigo-500:#6610f2; - --indigo-600:#570ece; - --indigo-700:#470ba9; - --indigo-800:#380985; - --indigo-900:#290661; - --teal-50:#f4fcfa; - --teal-100:#c9f2e6; - --teal-200:#9fe8d2; - --teal-300:#75debf; - --teal-400:#4ad3ab; - --teal-500:#20c997; - --teal-600:#1bab80; - --teal-700:#168d6a; - --teal-800:#126f53; - --teal-900:#0d503c; - --orange-50:#fff9f3; - --orange-100:#ffe0c7; - --orange-200:#fec89a; - --orange-300:#feaf6d; - --orange-400:#fd9741; - --orange-500:#fd7e14; - --orange-600:#d76b11; - --orange-700:#b1580e; - --orange-800:#8b450b; - --orange-900:#653208; - --bluegray-50:#f8f9fb; - --bluegray-100:#e0e4ea; - --bluegray-200:#c7ced9; - --bluegray-300:#aeb9c8; - --bluegray-400:#95a3b8; - --bluegray-500:#7c8ea7; - --bluegray-600:#69798e; - --bluegray-700:#576375; - --bluegray-800:#444e5c; - --bluegray-900:#323943; - --purple-50:#f8f6fc; - --purple-100:#dcd2f0; - --purple-200:#c1aee4; - --purple-300:#a68ad9; - --purple-400:#8a66cd; - --purple-500:#6f42c1; - --purple-600:#5e38a4; - --purple-700:#4e2e87; - --purple-800:#3d246a; - --purple-900:#2c1a4d; -} - -.p-autocomplete .p-autocomplete-loader { - right: 0.75rem; -} -.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 3.107rem; -} -.p-autocomplete .p-autocomplete-multiple-container { - padding: 0.25rem 0.75rem; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: #ced4da; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); - border-color: #883cae; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { - padding: 0.25rem 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - color: #212529; - padding: 0; - margin: 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { - padding: 0.25rem 0.75rem; - margin-right: 0.5rem; - background: #883cae; - color: #ffffff; - border-radius: 4px; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; -} - -p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #dc3545; -} - -.p-autocomplete-panel { - background: #ffffff; - color: #212529; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 4px; - box-shadow: none; -} -.p-autocomplete-panel .p-autocomplete-items:not(.p-autocomplete-virtualscroll) { - padding: 0.5rem 0; -} -.p-autocomplete-panel .p-autocomplete-items.p-autocomplete-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.5rem 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { - margin: 0; - padding: 0.5rem 1.5rem; - border: 0 none; - color: #212529; - background: transparent; - transition: box-shadow 0.15s; - border-radius: 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: #212529; - background: #e9ecef; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: #ffffff; - background: #883cae; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.5rem 1.5rem; - color: #212529; - background: transparent; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: #212529; - background: #ffffff; - font-weight: 600; -} - -p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { - border-color: #dc3545; -} - -.p-datepicker { - padding: 0; - background: #ffffff; - color: #212529; - border: 1px solid #ced4da; - border-radius: 4px; -} -.p-datepicker:not(.p-datepicker-inline) { - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: none; -} -.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { - background: #efefef; -} -.p-datepicker .p-datepicker-header { - padding: 0.5rem; - color: #212529; - background: #ffffff; - font-weight: 600; - margin: 0; - border-bottom: 1px solid #dee2e6; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev, -.p-datepicker .p-datepicker-header .p-datepicker-next { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: box-shadow 0.15s; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { - color: #495057; - border-color: transparent; - background: transparent; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); -} -.p-datepicker .p-datepicker-header .p-datepicker-title { - line-height: 2rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - color: #212529; - transition: box-shadow 0.15s; - font-weight: 600; - padding: 0.5rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #883cae; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - margin-right: 0.5rem; -} -.p-datepicker table { - font-size: 1rem; - margin: 0.5rem 0; -} -.p-datepicker table th { - padding: 0.5rem; -} -.p-datepicker table th > span { - width: 2.5rem; - height: 2.5rem; -} -.p-datepicker table td { - padding: 0.5rem; -} -.p-datepicker table td > span { - width: 2.5rem; - height: 2.5rem; - border-radius: 4px; - transition: box-shadow 0.15s; - border: 1px solid transparent; -} -.p-datepicker table td > span.p-highlight { - color: #ffffff; - background: #883cae; -} -.p-datepicker table td > span:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); -} -.p-datepicker table td.p-datepicker-today > span { - background: #ced4da; - color: #212529; - border-color: transparent; -} -.p-datepicker table td.p-datepicker-today > span.p-highlight { - color: #ffffff; - background: #883cae; -} -.p-datepicker .p-datepicker-buttonbar { - padding: 1rem 0; - border-top: 1px solid #dee2e6; -} -.p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; -} -.p-datepicker .p-timepicker { - border-top: 1px solid #dee2e6; - padding: 0.5rem; -} -.p-datepicker .p-timepicker button { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: box-shadow 0.15s; -} -.p-datepicker .p-timepicker button:enabled:hover { - color: #495057; - border-color: transparent; - background: transparent; -} -.p-datepicker .p-timepicker button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); -} -.p-datepicker .p-timepicker button:last-child { - margin-top: 0.2em; -} -.p-datepicker .p-timepicker span { - font-size: 1.25rem; -} -.p-datepicker .p-timepicker > div { - padding: 0 0.5rem; -} -.p-datepicker.p-datepicker-timeonly .p-timepicker { - border-top: 0 none; -} -.p-datepicker .p-monthpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-monthpicker .p-monthpicker-month { - padding: 0.5rem; - transition: box-shadow 0.15s; - border-radius: 4px; -} -.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: #ffffff; - background: #883cae; -} -.p-datepicker .p-yearpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-yearpicker .p-yearpicker-year { - padding: 0.5rem; - transition: box-shadow 0.15s; - border-radius: 4px; -} -.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { - color: #ffffff; - background: #883cae; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #dee2e6; - padding-right: 0; - padding-left: 0; - padding-top: 0; - padding-bottom: 0; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { - padding-left: 0; - border-left: 0 none; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { - padding-right: 0; -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { - background: #e9ecef; -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); -} - -@media screen and (max-width: 769px) { - .p-datepicker table th, .p-datepicker table td { - padding: 0; - } -} -.p-cascadeselect { - background: #ffffff; - border: 1px solid #ced4da; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; - border-radius: 4px; -} -.p-cascadeselect:not(.p-disabled):hover { - border-color: #ced4da; -} -.p-cascadeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); - border-color: #883cae; -} -.p-cascadeselect .p-cascadeselect-label { - background: transparent; - border: 0 none; - padding: 0.5rem 0.75rem; -} -.p-cascadeselect .p-cascadeselect-label.p-placeholder { - color: #6c757d; -} -.p-cascadeselect .p-cascadeselect-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-cascadeselect .p-cascadeselect-trigger { - background: transparent; - color: #495057; - width: 2.357rem; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-cascadeselect-panel { - background: #ffffff; - color: #212529; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 4px; - box-shadow: none; -} -.p-cascadeselect-panel .p-cascadeselect-items { - padding: 0.5rem 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { - margin: 0; - border: 0 none; - color: #212529; - background: transparent; - transition: box-shadow 0.15s; - border-radius: 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.5rem 1.5rem; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { - color: #ffffff; - background: #883cae; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #212529; - background: #e9ecef; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { - font-size: 0.875rem; -} - -p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #dc3545; -} - -.p-input-filled .p-cascadeselect { - background: #efefef; -} -.p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #efefef; -} -.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #efefef; -} - -.p-checkbox { - width: 20px; - height: 20px; -} -.p-checkbox .p-checkbox-box { - border: 2px solid #ced4da; - background: #ffffff; - width: 20px; - height: 20px; - color: #212529; - border-radius: 4px; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; -} -.p-checkbox .p-checkbox-box .p-checkbox-icon { - transition-duration: 0.15s; - color: #ffffff; - font-size: 14px; -} -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #883cae; - background: #883cae; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #ced4da; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); - border-color: #883cae; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #68329e; - background: #68329e; - color: #ffffff; -} - -p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #dc3545; -} - -.p-input-filled .p-checkbox .p-checkbox-box { - background-color: #efefef; -} -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #883cae; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #efefef; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #68329e; -} - -.p-checkbox-label { - margin-left: 0.5rem; -} - -.p-highlight .p-checkbox .p-checkbox-box { - border-color: #ffffff; -} - -.p-chips .p-chips-multiple-container { - padding: 0.25rem 0.75rem; -} -.p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: #ced4da; -} -.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); - border-color: #883cae; -} -.p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.25rem 0.75rem; - margin-right: 0.5rem; - background: #883cae; - color: #ffffff; - border-radius: 4px; -} -.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { - margin-left: 0.5rem; -} -.p-chips .p-chips-multiple-container .p-chips-input-token { - padding: 0.25rem 0; -} -.p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - color: #212529; - padding: 0; - margin: 0; -} - -p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { - border-color: #dc3545; -} - -.p-colorpicker-preview, -.p-fluid .p-colorpicker-preview.p-inputtext { - width: 2rem; - height: 2rem; -} - -.p-colorpicker-panel { - background: #212529; - border: 1px solid #212529; -} -.p-colorpicker-panel .p-colorpicker-color-handle, -.p-colorpicker-panel .p-colorpicker-hue-handle { - border-color: #ffffff; -} - -.p-colorpicker-overlay-panel { - box-shadow: none; -} - -.p-dropdown { - background: #ffffff; - border: 1px solid #ced4da; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; - border-radius: 4px; -} -.p-dropdown:not(.p-disabled):hover { - border-color: #ced4da; -} -.p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); - border-color: #883cae; -} -.p-dropdown.p-dropdown-clearable .p-dropdown-label { - padding-right: 1.75rem; -} -.p-dropdown .p-dropdown-label { - background: transparent; - border: 0 none; -} -.p-dropdown .p-dropdown-label.p-placeholder { - color: #6c757d; -} -.p-dropdown .p-dropdown-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-dropdown .p-dropdown-trigger { - background: transparent; - color: #495057; - width: 2.357rem; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} -.p-dropdown .p-dropdown-clear-icon { - color: #495057; - right: 2.357rem; -} - -.p-dropdown-panel { - background: #ffffff; - color: #212529; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 4px; - box-shadow: none; -} -.p-dropdown-panel .p-dropdown-header { - padding: 0.75rem 1.5rem; - border-bottom: 1px solid #dee2e6; - color: #212529; - background: #efefef; - margin: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { - padding-right: 1.75rem; - margin-right: -1.75rem; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { - right: 0.75rem; - color: #495057; -} -.p-dropdown-panel .p-dropdown-items:not(.p-dropdown-virtualscroll) { - padding: 0.5rem 0; -} -.p-dropdown-panel .p-dropdown-items.p-dropdown-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.5rem 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item { - margin: 0; - padding: 0.5rem 1.5rem; - border: 0 none; - color: #212529; - background: transparent; - transition: box-shadow 0.15s; - border-radius: 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: #ffffff; - background: #883cae; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: #212529; - background: #e9ecef; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.5rem 1.5rem; - color: #212529; - background: transparent; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: #212529; - background: #ffffff; - font-weight: 600; -} - -p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #dc3545; -} - -.p-input-filled .p-dropdown { - background: #efefef; -} -.p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #efefef; -} -.p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: #efefef; -} - -.p-editor-container .p-editor-toolbar { - background: #efefef; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #dee2e6; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: #6c757d; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: #6c757d; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: #6c757d; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: #212529; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: #212529; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: #212529; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: #212529; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: #212529; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: #212529; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: none; - border-radius: 4px; - padding: 0.5rem 0; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: #212529; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: #212529; - background: #e9ecef; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.5rem 1.5rem; -} -.p-editor-container .p-editor-content { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-editor-container .p-editor-content.ql-snow { - border: 1px solid #dee2e6; -} -.p-editor-container .p-editor-content .ql-editor { - background: #ffffff; - color: #495057; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: #212529; -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: #212529; -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: #212529; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #883cae; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #883cae; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #883cae; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #883cae; -} - -.p-inputgroup-addon { - background: #e9ecef; - color: #495057; - border-top: 1px solid #ced4da; - border-left: 1px solid #ced4da; - border-bottom: 1px solid #ced4da; - padding: 0.5rem 0.75rem; - min-width: 2.357rem; -} -.p-inputgroup-addon:last-child { - border-right: 1px solid #ced4da; -} - -.p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, -.p-inputgroup > .p-float-label > .p-component { - border-radius: 0; - margin: 0; -} -.p-inputgroup > .p-component + .p-inputgroup-addon, -.p-inputgroup > .p-element + .p-inputgroup-addon, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, -.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { - border-left: 0 none; -} -.p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, -.p-inputgroup > .p-float-label > .p-component:focus { - z-index: 1; -} -.p-inputgroup > .p-component:focus ~ label, -.p-inputgroup > .p-element:focus ~ label, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, -.p-inputgroup > .p-float-label > .p-component:focus ~ label { - z-index: 1; -} - -.p-inputgroup-addon:first-child, -.p-inputgroup button:first-child, -.p-inputgroup input:first-child, -.p-inputgroup > .p-inputwrapper:first-child > .p-component, -.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-inputgroup .p-float-label:first-child input { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-inputgroup-addon:last-child, -.p-inputgroup button:last-child, -.p-inputgroup input:last-child, -.p-inputgroup > .p-inputwrapper:last-child > .p-component, -.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-inputgroup .p-float-label:last-child input { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-fluid .p-inputgroup .p-button { - width: auto; -} -.p-fluid .p-inputgroup .p-button.p-button-icon-only { - width: 2.357rem; -} - -p-inputmask.ng-dirty.ng-invalid > .p-inputtext { - border-color: #dc3545; -} - -p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { - border-color: #dc3545; -} - -.p-inputswitch { - width: 3rem; - height: 1.75rem; -} -.p-inputswitch .p-inputswitch-slider { - background: #ced4da; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; - border-radius: 4px; -} -.p-inputswitch .p-inputswitch-slider:before { - background: #ffffff; - width: 1.25rem; - height: 1.25rem; - left: 0.25rem; - margin-top: -0.625rem; - border-radius: 4px; - transition-duration: 0.15s; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - transform: translateX(1.25rem); -} -.p-inputswitch.p-focus .p-inputswitch-slider { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); -} -.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #ced4da; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #883cae; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: #ffffff; -} -.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #883cae; -} - -p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { - border-color: #dc3545; -} - -.p-inputtext { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - color: #495057; - background: #ffffff; - padding: 0.5rem 0.75rem; - border: 1px solid #ced4da; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; - appearance: none; - border-radius: 4px; -} -.p-inputtext:enabled:hover { - border-color: #ced4da; -} -.p-inputtext:enabled:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); - border-color: #883cae; -} -.p-inputtext.ng-dirty.ng-invalid { - border-color: #dc3545; -} -.p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.65625rem; -} -.p-inputtext.p-inputtext-lg { - font-size: 1.25rem; - padding: 0.625rem 0.9375rem; -} - -.p-float-label > label { - left: 0.75rem; - color: #6c757d; - transition-duration: 0.15s; -} - -.p-float-label > .ng-invalid.ng-dirty + label { - color: #dc3545; -} - -.p-input-icon-left > i:first-of-type { - left: 0.75rem; - color: #495057; -} - -.p-input-icon-left > .p-inputtext { - padding-left: 2.5rem; -} - -.p-input-icon-left.p-float-label > label { - left: 2.5rem; -} - -.p-input-icon-right > i:last-of-type { - right: 0.75rem; - color: #495057; -} - -.p-input-icon-right > .p-inputtext { - padding-right: 2.5rem; -} - -::-webkit-input-placeholder { - color: #6c757d; -} - -:-moz-placeholder { - color: #6c757d; -} - -::-moz-placeholder { - color: #6c757d; -} - -:-ms-input-placeholder { - color: #6c757d; -} - -.p-input-filled .p-inputtext { - background-color: #efefef; -} -.p-input-filled .p-inputtext:enabled:hover { - background-color: #efefef; -} -.p-input-filled .p-inputtext:enabled:focus { - background-color: #efefef; -} - -.p-inputtext-sm .p-inputtext { - font-size: 0.875rem; - padding: 0.4375rem 0.65625rem; -} - -.p-inputtext-lg .p-inputtext { - font-size: 1.25rem; - padding: 0.625rem 0.9375rem; -} - -.p-listbox { - background: #ffffff; - color: #212529; - border: 1px solid #ced4da; - border-radius: 4px; -} -.p-listbox .p-listbox-header { - padding: 0.75rem 1.5rem; - border-bottom: 1px solid #dee2e6; - color: #212529; - background: #efefef; - margin: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-listbox .p-listbox-header .p-listbox-filter { - padding-right: 1.75rem; -} -.p-listbox .p-listbox-header .p-listbox-filter-icon { - right: 0.75rem; - color: #495057; -} -.p-listbox .p-listbox-header .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list { - padding: 0.5rem 0; -} -.p-listbox .p-listbox-list .p-listbox-item { - margin: 0; - padding: 0.5rem 1.5rem; - border: 0 none; - color: #212529; - transition: box-shadow 0.15s; - border-radius: 0; -} -.p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: #ffffff; - background: #883cae; -} -.p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); -} -.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list .p-listbox-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: #212529; - background: #ffffff; - font-weight: 600; -} -.p-listbox .p-listbox-list .p-listbox-empty-message { - padding: 0.5rem 1.5rem; - color: #212529; - background: transparent; -} -.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { - color: #212529; - background: #e9ecef; -} - -p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #dc3545; -} - -.p-multiselect { - background: #ffffff; - border: 1px solid #ced4da; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; - border-radius: 4px; -} -.p-multiselect:not(.p-disabled):hover { - border-color: #ced4da; -} -.p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); - border-color: #883cae; -} -.p-multiselect .p-multiselect-label { - padding: 0.5rem 0.75rem; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; -} -.p-multiselect .p-multiselect-label.p-placeholder { - color: #6c757d; -} -.p-multiselect.p-multiselect-chip .p-multiselect-token { - padding: 0.25rem 0.75rem; - margin-right: 0.5rem; - background: #883cae; - color: #ffffff; - border-radius: 4px; -} -.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { - margin-left: 0.5rem; -} -.p-multiselect .p-multiselect-trigger { - background: transparent; - color: #495057; - width: 2.357rem; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { - padding: 0.25rem 0.75rem; -} - -.p-multiselect-panel { - background: #ffffff; - color: #212529; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 4px; - box-shadow: none; -} -.p-multiselect-panel .p-multiselect-header { - padding: 0.75rem 1.5rem; - border-bottom: 1px solid #dee2e6; - color: #212529; - background: #efefef; - margin: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { - padding-right: 1.75rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { - right: 0.75rem; - color: #495057; -} -.p-multiselect-panel .p-multiselect-header .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close { - margin-left: 0.5rem; - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: box-shadow 0.15s; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { - color: #495057; - border-color: transparent; - background: transparent; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); -} -.p-multiselect-panel .p-multiselect-items:not(.p-multiselect-virtualscroll) { - padding: 0.5rem 0; -} -.p-multiselect-panel .p-multiselect-items.p-multiselect-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.5rem 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item { - margin: 0; - padding: 0.5rem 1.5rem; - border: 0 none; - color: #212529; - background: transparent; - transition: box-shadow 0.15s; - border-radius: 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: #ffffff; - background: #883cae; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #212529; - background: #e9ecef; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: #212529; - background: #ffffff; - font-weight: 600; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { - padding: 0.5rem 1.5rem; - color: #212529; - background: transparent; -} - -p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #dc3545; -} - -.p-input-filled .p-multiselect { - background: #efefef; -} -.p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #efefef; -} -.p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #efefef; -} - -p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #dc3545; -} - -.p-password-panel { - padding: 1.25rem; - background: #ffffff; - color: #212529; - border: 1px solid rgba(0, 0, 0, 0.2); - box-shadow: none; - border-radius: 4px; -} -.p-password-panel .p-password-meter { - margin-bottom: 0.5rem; - background: #e9ecef; -} -.p-password-panel .p-password-meter .p-password-strength.weak { - background: #dc3545; -} -.p-password-panel .p-password-meter .p-password-strength.medium { - background: #ffc107; -} -.p-password-panel .p-password-meter .p-password-strength.strong { - background: #28a745; -} - -.p-radiobutton { - width: 20px; - height: 20px; -} -.p-radiobutton .p-radiobutton-box { - border: 2px solid #ced4da; - background: #ffffff; - width: 20px; - height: 20px; - color: #212529; - border-radius: 50%; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #ced4da; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); - border-color: #883cae; -} -.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - width: 12px; - height: 12px; - transition-duration: 0.15s; - background-color: #ffffff; -} -.p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #883cae; - background: #883cae; -} -.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #68329e; - background: #68329e; - color: #ffffff; -} - -p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #dc3545; -} - -.p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #efefef; -} -.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #efefef; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #883cae; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #68329e; -} - -.p-radiobutton-label { - margin-left: 0.5rem; -} - -.p-highlight .p-radiobutton .p-radiobutton-box { - border-color: #ffffff; -} - -.p-rating .p-rating-icon { - color: #495057; - margin-left: 0.5rem; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; - font-size: 1.143rem; -} -.p-rating .p-rating-icon.p-rating-cancel { - color: #dc3545; -} -.p-rating .p-rating-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); -} -.p-rating .p-rating-icon:first-child { - margin-left: 0; -} -.p-rating .p-rating-icon.pi-star-fill { - color: #883cae; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { - color: #883cae; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - color: #dc3545; -} - -.p-highlight .p-rating .p-rating-icon { - color: #ffffff; -} - -.p-selectbutton .p-button { - background: #6c757d; - border: 1px solid #6c757d; - color: #ffffff; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; -} -.p-selectbutton .p-button .p-button-icon-left, -.p-selectbutton .p-button .p-button-icon-right { - color: #ffffff; -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { - background: #5a6268; - border-color: #545b62; - color: #ffffff; -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: #ffffff; -} -.p-selectbutton .p-button.p-highlight { - background: #545b62; - border-color: #4e555b; - color: #ffffff; -} -.p-selectbutton .p-button.p-highlight .p-button-icon-left, -.p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: #ffffff; -} -.p-selectbutton .p-button.p-highlight:hover { - background: #545b62; - border-color: #4e555b; - color: #ffffff; -} -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: #ffffff; -} - -p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #dc3545; -} - -.p-slider { - background: #e9ecef; - border: 0 none; - border-radius: 4px; -} -.p-slider.p-slider-horizontal { - height: 0.286rem; -} -.p-slider.p-slider-horizontal .p-slider-handle { - margin-top: -0.5715rem; - margin-left: -0.5715rem; -} -.p-slider.p-slider-vertical { - width: 0.286rem; -} -.p-slider.p-slider-vertical .p-slider-handle { - margin-left: -0.5715rem; - margin-bottom: -0.5715rem; -} -.p-slider .p-slider-handle { - height: 1.143rem; - width: 1.143rem; - background: #883cae; - border: 2px solid #883cae; - border-radius: 4px; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; -} -.p-slider .p-slider-handle:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); -} -.p-slider .p-slider-range { - background: #883cae; -} -.p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #7a38a7; - border-color: #7a38a7; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s, left 0.15s; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { - transition: width 0.15s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s, bottom 0.15s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { - transition: height 0.15s; -} - -.p-togglebutton.p-button { - background: #6c757d; - border: 1px solid #6c757d; - color: #ffffff; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; -} -.p-togglebutton.p-button .p-button-icon-left, -.p-togglebutton.p-button .p-button-icon-right { - color: #ffffff; -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { - background: #5a6268; - border-color: #545b62; - color: #ffffff; -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: #ffffff; -} -.p-togglebutton.p-button.p-highlight { - background: #545b62; - border-color: #4e555b; - color: #ffffff; -} -.p-togglebutton.p-button.p-highlight .p-button-icon-left, -.p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: #ffffff; -} -.p-togglebutton.p-button.p-highlight:hover { - background: #545b62; - border-color: #4e555b; - color: #ffffff; -} -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: #ffffff; -} - -p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #dc3545; -} - -.p-treeselect { - background: #ffffff; - border: 1px solid #ced4da; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; - border-radius: 4px; -} -.p-treeselect:not(.p-disabled):hover { - border-color: #ced4da; -} -.p-treeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); - border-color: #883cae; -} -.p-treeselect .p-treeselect-label { - padding: 0.5rem 0.75rem; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; -} -.p-treeselect .p-treeselect-label.p-placeholder { - color: #6c757d; -} -.p-treeselect.p-treeselect-chip .p-treeselect-token { - padding: 0.25rem 0.75rem; - margin-right: 0.5rem; - background: #dee2e6; - color: #212529; - border-radius: 16px; -} -.p-treeselect .p-treeselect-trigger { - background: transparent; - color: #495057; - width: 2.357rem; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -p-treeselect.ng-invalid.ng-dirty > .p-treeselect { - border-color: #dc3545; -} - -.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { - padding: 0.25rem 0.75rem; -} - -.p-treeselect-panel { - background: #ffffff; - color: #212529; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 4px; - box-shadow: none; -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { - border: 0 none; -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { - padding: 0.5rem 1.5rem; - color: #212529; - background: transparent; -} - -.p-input-filled .p-treeselect { - background: #efefef; -} -.p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #efefef; -} -.p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: #efefef; -} - -.p-button { - color: #ffffff; - background: #883cae; - border: 1px solid #883cae; - padding: 0.5rem 0.75rem; - font-size: 1rem; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; - border-radius: 4px; -} -.p-button:enabled:hover { - background: #7a38a7; - color: #ffffff; - border-color: #7a38a7; -} -.p-button:enabled:active { - background: #68329e; - color: #ffffff; - border-color: #68329e; -} -.p-button.p-button-outlined { - background-color: transparent; - color: #883cae; - border: 1px solid; -} -.p-button.p-button-outlined:enabled:hover { - background: rgba(136, 60, 174, 0.04); - color: #883cae; - border: 1px solid; -} -.p-button.p-button-outlined:enabled:active { - background: rgba(136, 60, 174, 0.16); - color: #883cae; - border: 1px solid; -} -.p-button.p-button-outlined.p-button-plain { - color: #6c757d; - border-color: #6c757d; -} -.p-button.p-button-outlined.p-button-plain:enabled:hover { - background: #e9ecef; - color: #6c757d; -} -.p-button.p-button-outlined.p-button-plain:enabled:active { - background: #dee2e6; - color: #6c757d; -} -.p-button.p-button-text { - background-color: transparent; - color: #883cae; - border-color: transparent; -} -.p-button.p-button-text:enabled:hover { - background: rgba(136, 60, 174, 0.04); - color: #883cae; - border-color: transparent; -} -.p-button.p-button-text:enabled:active { - background: rgba(136, 60, 174, 0.16); - color: #883cae; - border-color: transparent; -} -.p-button.p-button-text.p-button-plain { - color: #6c757d; -} -.p-button.p-button-text.p-button-plain:enabled:hover { - background: #e9ecef; - color: #6c757d; -} -.p-button.p-button-text.p-button-plain:enabled:active { - background: #dee2e6; - color: #6c757d; -} -.p-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); -} -.p-button .p-button-icon-left { - margin-right: 0.5rem; -} -.p-button .p-button-icon-right { - margin-left: 0.5rem; -} -.p-button .p-button-icon-bottom { - margin-top: 0.5rem; -} -.p-button .p-button-icon-top { - margin-bottom: 0.5rem; -} -.p-button .p-badge { - margin-left: 0.5rem; - min-width: 1rem; - height: 1rem; - line-height: 1rem; - color: #883cae; - background-color: #ffffff; -} -.p-button.p-button-raised { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -} -.p-button.p-button-rounded { - border-radius: 2rem; -} -.p-button.p-button-icon-only { - width: 2.357rem; - padding: 0.5rem 0; -} -.p-button.p-button-icon-only .p-button-icon-left, -.p-button.p-button-icon-only .p-button-icon-right { - margin: 0; -} -.p-button.p-button-icon-only.p-button-rounded { - border-radius: 50%; - height: 2.357rem; -} -.p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.65625rem; -} -.p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; -} -.p-button.p-button-lg { - font-size: 1.25rem; - padding: 0.625rem 0.9375rem; -} -.p-button.p-button-lg .p-button-icon { - font-size: 1.25rem; -} -.p-button.p-button-loading-label-only .p-button-label { - margin-left: 0.5rem; -} -.p-button.p-button-loading-label-only .p-button-loading-icon { - margin-right: 0; -} - -.p-fluid .p-button { - width: 100%; -} -.p-fluid .p-button-icon-only { - width: 2.357rem; -} -.p-fluid .p-buttonset { - display: flex; -} -.p-fluid .p-buttonset .p-button { - flex: 1; -} - -.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { - color: #ffffff; - background: #6c757d; - border: 1px solid #6c757d; -} -.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { - background: #5a6268; - color: #ffffff; - border-color: #5a6268; -} -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); -} -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: #545b62; - color: #ffffff; - border-color: #4e555b; -} -.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { - background-color: transparent; - color: #6c757d; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { - background: rgba(108, 117, 125, 0.04); - color: #6c757d; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { - background: rgba(108, 117, 125, 0.16); - color: #6c757d; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { - background-color: transparent; - color: #6c757d; - border-color: transparent; -} -.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { - background: rgba(108, 117, 125, 0.04); - border-color: transparent; - color: #6c757d; -} -.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { - background: rgba(108, 117, 125, 0.16); - border-color: transparent; - color: #6c757d; -} - -.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { - color: #ffffff; - background: #17a2b8; - border: 1px solid #17a2b8; -} -.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { - background: #138496; - color: #ffffff; - border-color: #117a8b; -} -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); -} -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: #138496; - color: #ffffff; - border-color: #117a8b; -} -.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { - background-color: transparent; - color: #17a2b8; - border: 1px solid; -} -.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { - background: rgba(23, 162, 184, 0.04); - color: #17a2b8; - border: 1px solid; -} -.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { - background: rgba(23, 162, 184, 0.16); - color: #17a2b8; - border: 1px solid; -} -.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { - background-color: transparent; - color: #17a2b8; - border-color: transparent; -} -.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { - background: rgba(23, 162, 184, 0.04); - border-color: transparent; - color: #17a2b8; -} -.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { - background: rgba(23, 162, 184, 0.16); - border-color: transparent; - color: #17a2b8; -} - -.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { - color: #ffffff; - background: #28a745; - border: 1px solid #28a745; -} -.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { - background: #218838; - color: #ffffff; - border-color: #1e7e34; -} -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); -} -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: #1e7e34; - color: #ffffff; - border-color: #1c7430; -} -.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { - background-color: transparent; - color: #28a745; - border: 1px solid; -} -.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { - background: rgba(40, 167, 69, 0.04); - color: #28a745; - border: 1px solid; -} -.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { - background: rgba(40, 167, 69, 0.16); - color: #28a745; - border: 1px solid; -} -.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { - background-color: transparent; - color: #28a745; - border-color: transparent; -} -.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { - background: rgba(40, 167, 69, 0.04); - border-color: transparent; - color: #28a745; -} -.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { - background: rgba(40, 167, 69, 0.16); - border-color: transparent; - color: #28a745; -} - -.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { - color: #212529; - background: #ffc107; - border: 1px solid #ffc107; -} -.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { - background: #e0a800; - color: #212529; - border-color: #d39e00; -} -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); -} -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: #d39e00; - color: #212529; - border-color: #c69500; -} -.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { - background-color: transparent; - color: #ffc107; - border: 1px solid; -} -.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { - background: rgba(255, 193, 7, 0.04); - color: #ffc107; - border: 1px solid; -} -.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { - background: rgba(255, 193, 7, 0.16); - color: #ffc107; - border: 1px solid; -} -.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { - background-color: transparent; - color: #ffc107; - border-color: transparent; -} -.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { - background: rgba(255, 193, 7, 0.04); - border-color: transparent; - color: #ffc107; -} -.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { - background: rgba(255, 193, 7, 0.16); - border-color: transparent; - color: #ffc107; -} - -.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { - color: #ffffff; - background: #6f42c1; - border: 1px solid #6f42c1; -} -.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { - background: #633bad; - color: #ffffff; - border-color: #58349a; -} -.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #d3c6ec; -} -.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: #58349a; - color: #ffffff; - border-color: #4d2e87; -} -.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { - background-color: transparent; - color: #6f42c1; - border: 1px solid; -} -.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { - background: rgba(111, 66, 193, 0.04); - color: #6f42c1; - border: 1px solid; -} -.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { - background: rgba(111, 66, 193, 0.16); - color: #6f42c1; - border: 1px solid; -} -.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { - background-color: transparent; - color: #6f42c1; - border-color: transparent; -} -.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { - background: rgba(111, 66, 193, 0.04); - border-color: transparent; - color: #6f42c1; -} -.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { - background: rgba(111, 66, 193, 0.16); - border-color: transparent; - color: #6f42c1; -} - -.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { - color: #ffffff; - background: #dc3545; - border: 1px solid #dc3545; -} -.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { - background: #c82333; - color: #ffffff; - border-color: #bd2130; -} -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); -} -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: #bd2130; - color: #ffffff; - border-color: #b21f2d; -} -.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { - background-color: transparent; - color: #dc3545; - border: 1px solid; -} -.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { - background: rgba(220, 53, 69, 0.04); - color: #dc3545; - border: 1px solid; -} -.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { - background: rgba(220, 53, 69, 0.16); - color: #dc3545; - border: 1px solid; -} -.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { - background-color: transparent; - color: #dc3545; - border-color: transparent; -} -.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { - background: rgba(220, 53, 69, 0.04); - border-color: transparent; - color: #dc3545; -} -.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { - background: rgba(220, 53, 69, 0.16); - border-color: transparent; - color: #dc3545; -} - -.p-button.p-button-link { - color: #883cae; - background: transparent; - border: transparent; -} -.p-button.p-button-link:enabled:hover { - background: transparent; - color: #7a38a7; - border-color: transparent; -} -.p-button.p-button-link:enabled:hover .p-button-label { - text-decoration: underline; -} -.p-button.p-button-link:enabled:focus { - background: transparent; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); - border-color: transparent; -} -.p-button.p-button-link:enabled:active { - background: transparent; - color: #883cae; - border-color: transparent; -} - -.p-speeddial-button.p-button.p-button-icon-only { - width: 4rem; - height: 4rem; -} -.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { - font-size: 1.3rem; -} - -.p-speeddial-action { - width: 3rem; - height: 3rem; - background: #495057; - color: #fff; -} -.p-speeddial-action:hover { - background: #343a40; - color: #fff; -} - -.p-speeddial-direction-up .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-up .p-speeddial-item:first-child { - margin-bottom: 0.5rem; -} - -.p-speeddial-direction-down .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-down .p-speeddial-item:first-child { - margin-top: 0.5rem; -} - -.p-speeddial-direction-left .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-left .p-speeddial-item:first-child { - margin-right: 0.5rem; -} - -.p-speeddial-direction-right .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-right .p-speeddial-item:first-child { - margin-left: 0.5rem; -} - -.p-speeddial-circle .p-speeddial-item, -.p-speeddial-semi-circle .p-speeddial-item, -.p-speeddial-quarter-circle .p-speeddial-item { - margin: 0; -} -.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, -.p-speeddial-semi-circle .p-speeddial-item:first-child, -.p-speeddial-semi-circle .p-speeddial-item:last-child, -.p-speeddial-quarter-circle .p-speeddial-item:first-child, -.p-speeddial-quarter-circle .p-speeddial-item:last-child { - margin: 0; -} - -.p-speeddial-mask { - background-color: rgba(0, 0, 0, 0.4); -} - -.p-carousel .p-carousel-content .p-carousel-prev, -.p-carousel .p-carousel-content .p-carousel-next { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: box-shadow 0.15s; - margin: 0.5rem; -} -.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, -.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { - color: #495057; - border-color: transparent; - background: transparent; -} -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); -} -.p-carousel .p-carousel-indicators { - padding: 1rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator { - margin-right: 0.5rem; - margin-bottom: 0.5rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: #e9ecef; - width: 2rem; - height: 0.5rem; - transition: box-shadow 0.15s; - border-radius: 0; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { - background: #dee2e6; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #883cae; - color: #ffffff; -} - -.p-datatable .p-paginator-top { - border-width: 1px 0 0 0; - border-radius: 0; -} -.p-datatable .p-paginator-bottom { - border-width: 1px 0 0 0; - border-radius: 0; -} -.p-datatable .p-datatable-header { - background: #efefef; - color: #212529; - border: solid #dee2e6; - border-width: 1px 0 0 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-datatable .p-datatable-footer { - background: #efefef; - color: #212529; - border: 1px solid #dee2e6; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-datatable .p-datatable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #dee2e6; - border-width: 1px 0 2px 0; - font-weight: 600; - color: #212529; - background: #ffffff; - transition: box-shadow 0.15s; -} -.p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #dee2e6; - border-width: 1px 0 1px 0; - font-weight: 600; - color: #212529; - background: #ffffff; -} -.p-datatable .p-sortable-column .p-sortable-column-icon { - color: #6c757d; - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: #ffffff; - background: #883cae; - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column:not(.p-highlight):hover { - background: #e9ecef; - color: #212529; -} -.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #6c757d; -} -.p-datatable .p-sortable-column.p-highlight { - background: #ffffff; - color: #883cae; -} -.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #883cae; -} -.p-datatable .p-sortable-column.p-highlight:hover { - background: #e9ecef; - color: #883cae; -} -.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { - color: #883cae; -} -.p-datatable .p-sortable-column:focus { - box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); - outline: 0 none; -} -.p-datatable .p-datatable-tbody > tr { - background: #ffffff; - color: #212529; - transition: box-shadow 0.15s; - outline-color: rgba(136, 60, 174, 0.5); -} -.p-datatable .p-datatable-tbody > tr > td { - text-align: left; - border: 1px solid #dee2e6; - border-width: 1px 0 0 0; - padding: 1rem 1rem; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: box-shadow 0.15s; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { - color: #495057; - border-color: transparent; - background: transparent; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); -} -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { - margin-right: 0.5rem; -} -.p-datatable .p-datatable-tbody > tr.p-highlight { - background: #883cae; - color: #ffffff; -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #883cae; -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #883cae; -} -.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { - background: #e9ecef; - color: #212529; -} -.p-datatable .p-column-resizer-helper { - background: #883cae; -} -.p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #efefef; -} -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot { - background-color: #ffffff; -} -.p-datatable .p-datatable-loading-icon { - font-size: 2rem; -} -.p-datatable.p-datatable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-footer { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-top { - border-width: 0 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-bottom { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px 1px 2px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { - background: rgba(0, 0, 0, 0.05); -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: #883cae; - color: #ffffff; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: #ffffff; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: #ffffff; -} -.p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-lg .p-datatable-header { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-footer { - padding: 1.25rem 1.25rem; -} - -.p-dataview .p-paginator-top { - border-width: 1px 0 0 0; - border-radius: 0; -} -.p-dataview .p-paginator-bottom { - border-width: 1px 0 0 0; - border-radius: 0; -} -.p-dataview .p-dataview-header { - background: #efefef; - color: #212529; - border: solid #dee2e6; - border-width: 1px 0 0 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-dataview .p-dataview-content { - background: #ffffff; - color: #212529; - border: 0 none; - padding: 0; -} -.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: 1px solid #dee2e6; - border-width: 1px 0 0 0; -} -.p-dataview .p-dataview-footer { - background: #efefef; - color: #212529; - border: 1px solid #dee2e6; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; -} -.p-dataview .p-dataview-loading-icon { - font-size: 2rem; -} -.p-dataview .p-dataview-emptymessage { - padding: 1.25rem; -} - -.p-column-filter-row .p-column-filter-menu-button, -.p-column-filter-row .p-column-filter-clear-button { - margin-left: 0.5rem; -} - -.p-column-filter-menu-button { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: box-shadow 0.15s; -} -.p-column-filter-menu-button:hover { - color: #495057; - border-color: transparent; - background: transparent; -} -.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: transparent; - color: #495057; -} -.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: #883cae; - color: #ffffff; -} -.p-column-filter-menu-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); -} - -.p-column-filter-clear-button { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: box-shadow 0.15s; -} -.p-column-filter-clear-button:hover { - color: #495057; - border-color: transparent; - background: transparent; -} -.p-column-filter-clear-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); -} - -.p-column-filter-overlay { - background: #ffffff; - color: #212529; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 4px; - box-shadow: none; - min-width: 12.5rem; -} -.p-column-filter-overlay .p-column-filter-row-items { - padding: 0.5rem 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { - margin: 0; - padding: 0.5rem 1.5rem; - border: 0 none; - color: #212529; - background: transparent; - transition: box-shadow 0.15s; - border-radius: 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: #ffffff; - background: #883cae; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: #212529; - background: #e9ecef; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #dee2e6; - margin: 0.5rem 0; -} - -.p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.75rem 1.5rem; - border-bottom: 1px solid #dee2e6; - color: #212529; - background: #efefef; - margin: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-column-filter-overlay-menu .p-column-filter-constraint { - padding: 1.25rem; - border-bottom: 1px solid #dee2e6; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { - margin-bottom: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { - margin-top: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { - border-bottom: 0 none; -} -.p-column-filter-overlay-menu .p-column-filter-add-rule { - padding: 0.5rem 1.25rem; -} -.p-column-filter-overlay-menu .p-column-filter-buttonbar { - padding: 1.25rem; -} - -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #efefef; - border: 1px solid #dee2e6; - color: #212529; -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #ffffff; - border: 1px solid #dee2e6; - color: #212529; -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #dee2e6; -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #dee2e6; -} -.fc.fc-unthemed .fc-view-container .fc-event { - background: #7a38a7; - border: 1px solid #7a38a7; - color: #ffffff; -} -.fc.fc-unthemed .fc-view-container .fc-divider { - background: #efefef; - border: 1px solid #dee2e6; -} -.fc.fc-unthemed .fc-toolbar .fc-button { - color: #ffffff; - background: #883cae; - border: 1px solid #883cae; - font-size: 1rem; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; - border-radius: 4px; - display: flex; - align-items: center; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #7a38a7; - color: #ffffff; - border-color: #7a38a7; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #68329e; - color: #ffffff; - border-color: #68329e; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #6c757d; - border: 1px solid #6c757d; - color: #ffffff; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #5a6268; - border-color: #545b62; - color: #ffffff; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #545b62; - border-color: #4e555b; - color: #ffffff; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #545b62; - border-color: #4e555b; - color: #ffffff; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); - z-index: 1; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} -.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #dee2e6; -} -.fc.fc-theme-standard .fc-view-harness th { - background: #efefef; - border-color: #dee2e6; - color: #212529; -} -.fc.fc-theme-standard .fc-view-harness td { - color: #212529; - border-color: #dee2e6; -} -.fc.fc-theme-standard .fc-view-harness .fc-view { - background: #ffffff; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #dee2e6; - padding: 1rem 1.25rem; - background: #efefef; - color: #212529; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: box-shadow 0.15s; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: #495057; - border-color: transparent; - background: transparent; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1.25rem; - border: 1px solid #dee2e6; - background: #ffffff; - color: #212529; - border-top: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #ffffff; - background: #7a38a7; - border-color: #7a38a7; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #ffffff; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #7a38a7; - border-color: #7a38a7; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: #e9ecef; - color: #212529; -} -.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #efefef; -} -.fc.fc-theme-standard .fc-toolbar .fc-button { - color: #ffffff; - background: #883cae; - border: 1px solid #883cae; - font-size: 1rem; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; - border-radius: 4px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #7a38a7; - color: #ffffff; - border-color: #7a38a7; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #68329e; - color: #ffffff; - border-color: #68329e; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); -} -.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.65; - color: #ffffff; - background: #883cae; - border: 1px solid #883cae; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #6c757d; - border: 1px solid #6c757d; - color: #ffffff; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #5a6268; - border-color: #545b62; - color: #ffffff; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #545b62; - border-color: #4e555b; - color: #ffffff; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #545b62; - border-color: #4e555b; - color: #ffffff; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); - z-index: 1; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} -.fc.fc-theme-standard a { - color: #212529; -} -.fc.fc-theme-standard .fc-highlight { - color: #ffffff; - background: #883cae; -} - -.p-orderlist .p-orderlist-controls { - padding: 1.25rem; -} -.p-orderlist .p-orderlist-controls .p-button { - margin-bottom: 0.5rem; -} -.p-orderlist .p-orderlist-header { - background: #efefef; - color: #212529; - border: 1px solid #dee2e6; - padding: 1rem 1.25rem; - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-orderlist .p-orderlist-header .p-orderlist-title { - font-weight: 600; -} -.p-orderlist .p-orderlist-filter-container { - padding: 1rem 1.25rem; - background: #ffffff; - border: 1px solid #dee2e6; - border-bottom: 0 none; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { - padding-right: 1.75rem; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { - right: 0.75rem; - color: #495057; -} -.p-orderlist .p-orderlist-list { - border: 1px solid #dee2e6; - background: #ffffff; - color: #212529; - padding: 0.5rem 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-orderlist .p-orderlist-list .p-orderlist-item { - padding: 0.5rem 1.5rem; - margin: 0; - border: 0 none; - color: #212529; - background: transparent; - transition: box-shadow 0.15s; -} -.p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); -} -.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #ffffff; - background: #883cae; -} -.p-orderlist .p-orderlist-list .p-orderlist-empty-message { - padding: 0.5rem 1.5rem; - color: #212529; -} -.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { - background: #e9ecef; - color: #212529; -} - -.p-orderlist-item.cdk-drag-preview { - padding: 0.5rem 1.5rem; - box-shadow: none; - border: 0 none; - color: #212529; - background: #ffffff; - margin: 0; -} - -.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: #e9ecef; - color: #212529; -} -.p-organizationchart .p-organizationchart-node-content.p-highlight { - background: #883cae; - color: #ffffff; -} -.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: #3e1b4f; -} -.p-organizationchart .p-organizationchart-line-down { - background: #dee2e6; -} -.p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #dee2e6; - border-color: #dee2e6; -} -.p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #dee2e6; - border-color: #dee2e6; -} -.p-organizationchart .p-organizationchart-node-content { - border: 1px solid #dee2e6; - background: #ffffff; - color: #212529; - padding: 1.25rem; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler { - background: inherit; - color: inherit; - border-radius: 50%; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); -} - -.p-paginator { - background: #ffffff; - color: #883cae; - border: solid #dee2e6; - border-width: 0; - padding: 0.75rem; - border-radius: 4px; -} -.p-paginator .p-paginator-first, -.p-paginator .p-paginator-prev, -.p-paginator .p-paginator-next, -.p-paginator .p-paginator-last { - background-color: #ffffff; - border: 1px solid #dee2e6; - color: #883cae; - min-width: 2.357rem; - height: 2.357rem; - margin: 0 0 0 -1px; - transition: box-shadow 0.15s; - border-radius: 0; -} -.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; - border-color: #dee2e6; - color: #883cae; -} -.p-paginator .p-paginator-first { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.p-paginator .p-paginator-last { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.p-paginator .p-dropdown { - margin-left: 0.5rem; - margin-right: 0.5rem; - height: 2.357rem; -} -.p-paginator .p-dropdown .p-dropdown-label { - padding-right: 0; -} -.p-paginator .p-paginator-page-input { - margin-left: 0.5rem; - margin-right: 0.5rem; -} -.p-paginator .p-paginator-page-input .p-inputtext { - max-width: 2.357rem; -} -.p-paginator .p-paginator-current { - background-color: #ffffff; - border: 1px solid #dee2e6; - color: #883cae; - min-width: 2.357rem; - height: 2.357rem; - margin: 0 0 0 -1px; - padding: 0 0.5rem; -} -.p-paginator .p-paginator-pages .p-paginator-page { - background-color: #ffffff; - border: 1px solid #dee2e6; - color: #883cae; - min-width: 2.357rem; - height: 2.357rem; - margin: 0 0 0 -1px; - transition: box-shadow 0.15s; - border-radius: 0; -} -.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: #883cae; - border-color: #883cae; - color: #ffffff; -} -.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { - background: #e9ecef; - border-color: #dee2e6; - color: #883cae; -} - -.p-picklist .p-picklist-buttons { - padding: 1.25rem; -} -.p-picklist .p-picklist-buttons .p-button { - margin-bottom: 0.5rem; -} -.p-picklist .p-picklist-header { - background: #efefef; - color: #212529; - border: 1px solid #dee2e6; - padding: 1rem 1.25rem; - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-picklist .p-picklist-header .p-picklist-title { - font-weight: 600; -} -.p-picklist .p-picklist-filter-container { - padding: 1rem 1.25rem; - background: #ffffff; - border: 1px solid #dee2e6; - border-bottom: 0 none; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-input { - padding-right: 1.75rem; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { - right: 0.75rem; - color: #495057; -} -.p-picklist .p-picklist-list { - border: 1px solid #dee2e6; - background: #ffffff; - color: #212529; - padding: 0.5rem 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-picklist .p-picklist-list .p-picklist-item { - padding: 0.5rem 1.5rem; - margin: 0; - border: 0 none; - color: #212529; - background: transparent; - transition: box-shadow 0.15s; -} -.p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); -} -.p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: #ffffff; - background: #883cae; -} -.p-picklist .p-picklist-list .p-picklist-empty-message { - padding: 0.5rem 1.5rem; - color: #212529; -} -.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { - background: #e9ecef; - color: #212529; -} - -.p-picklist-item.cdk-drag-preview { - padding: 0.5rem 1.5rem; - box-shadow: none; - border: 0 none; - color: #212529; - background: #ffffff; - margin: 0; -} - -.p-timeline .p-timeline-event-marker { - border: 0 none; - border-radius: 50%; - width: 1rem; - height: 1rem; - background-color: #883cae; -} -.p-timeline .p-timeline-event-connector { - background-color: #dee2e6; -} -.p-timeline.p-timeline-vertical .p-timeline-event-opposite, -.p-timeline.p-timeline-vertical .p-timeline-event-content { - padding: 0 1rem; -} -.p-timeline.p-timeline-vertical .p-timeline-event-connector { - width: 2px; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, -.p-timeline.p-timeline-horizontal .p-timeline-event-content { - padding: 1rem 0; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-connector { - height: 2px; -} - -.p-tree { - border: 1px solid #dee2e6; - background: #ffffff; - color: #212529; - padding: 1.25rem; - border-radius: 4px; -} -.p-tree .p-tree-container .p-treenode { - padding: 0.143rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content { - border-radius: 4px; - transition: box-shadow 0.15s; - padding: 0.286rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: box-shadow 0.15s; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { - color: #495057; - border-color: transparent; - background: transparent; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { - margin-right: 0.5rem; - color: #6c757d; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { - color: #212529; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: #883cae; - color: #ffffff; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #ffffff; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { - color: #ffffff; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: #e9ecef; - color: #212529; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { - background: #e9ecef; - color: #212529; -} -.p-tree .p-tree-filter-container { - margin-bottom: 0.5rem; -} -.p-tree .p-tree-filter-container .p-tree-filter { - width: 100%; - padding-right: 1.75rem; -} -.p-tree .p-tree-filter-container .p-tree-filter-icon { - right: 0.75rem; - color: #495057; -} -.p-tree .p-treenode-children { - padding: 0 0 0 1rem; -} -.p-tree .p-tree-loading-icon { - font-size: 2rem; -} -.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: #6d308b; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { - border-radius: 4px; - border: 1px solid #dee2e6; - background-color: #ffffff; - color: #212529; - padding: 0.286rem; - transition: box-shadow 0.15s; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { - background-color: #883cae; - color: #ffffff; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #ffffff; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { - background-color: inherit; - color: inherit; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: #e9ecef; - color: #212529; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); -} - -.p-treetable .p-paginator-top { - border-width: 1px 0 0 0; - border-radius: 0; -} -.p-treetable .p-paginator-bottom { - border-width: 1px 0 0 0; - border-radius: 0; -} -.p-treetable .p-treetable-header { - background: #efefef; - color: #212529; - border: solid #dee2e6; - border-width: 1px 0 0 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-treetable .p-treetable-footer { - background: #efefef; - color: #212529; - border: 1px solid #dee2e6; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-treetable .p-treetable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #dee2e6; - border-width: 1px 0 2px 0; - font-weight: 600; - color: #212529; - background: #ffffff; - transition: box-shadow 0.15s; -} -.p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #dee2e6; - border-width: 1px 0 1px 0; - font-weight: 600; - color: #212529; - background: #ffffff; -} -.p-treetable .p-sortable-column { - outline-color: rgba(136, 60, 174, 0.5); -} -.p-treetable .p-sortable-column .p-sortable-column-icon { - color: #6c757d; - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: #ffffff; - background: #883cae; - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column:not(.p-highlight):hover { - background: #e9ecef; - color: #212529; -} -.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #6c757d; -} -.p-treetable .p-sortable-column.p-highlight { - background: #ffffff; - color: #883cae; -} -.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #883cae; -} -.p-treetable .p-treetable-tbody > tr { - background: #ffffff; - color: #212529; - transition: box-shadow 0.15s; - outline-color: rgba(136, 60, 174, 0.5); -} -.p-treetable .p-treetable-tbody > tr > td { - text-align: left; - border: 1px solid #dee2e6; - border-width: 1px 0 0 0; - padding: 1rem 1rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: box-shadow 0.15s; - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { - color: #495057; - border-color: transparent; - background: transparent; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { - color: #212529; -} -.p-treetable .p-treetable-tbody > tr.p-highlight { - background: #883cae; - color: #ffffff; -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: #ffffff; -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: #ffffff; -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { - background: #e9ecef; - color: #212529; -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { - color: #212529; -} -.p-treetable .p-column-resizer-helper { - background: #883cae; -} -.p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #efefef; -} -.p-treetable .p-treetable-loading-icon { - font-size: 2rem; -} -.p-treetable.p-treetable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-footer { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-top { - border-width: 0 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-bottom { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-sm .p-treetable-header { - padding: 0.875rem 0.875rem; -} -.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-footer { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-lg .p-treetable-header { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-footer { - padding: 1.25rem 1.25rem; -} - -.p-virtualscroller .p-virtualscroller-header { - background: #efefef; - color: #212529; - border: solid #dee2e6; - border-width: 1px 0 0 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-virtualscroller .p-virtualscroller-content { - background: #ffffff; - color: #212529; - border: 0 none; - padding: 0; -} -.p-virtualscroller .p-virtualscroller-footer { - background: #efefef; - color: #212529; - border: 1px solid #dee2e6; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-accordion .p-accordion-header .p-accordion-header-link { - padding: 1rem 1.25rem; - border: 1px solid #dee2e6; - color: #212529; - background: #efefef; - font-weight: 600; - border-radius: 4px; - transition: box-shadow 0.15s; -} -.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { - margin-right: 0.5rem; -} -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); -} -.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { - background: #e9ecef; - border-color: #dee2e6; - color: #212529; -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #efefef; - border-color: #dee2e6; - color: #212529; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-color: #dee2e6; - background: #e9ecef; - color: #212529; -} -.p-accordion .p-accordion-content { - padding: 1.25rem; - border: 1px solid #dee2e6; - background: #ffffff; - color: #212529; - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-accordion p-accordiontab .p-accordion-tab { - margin-bottom: 0; -} -.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { - border-radius: 0; -} -.p-accordion p-accordiontab .p-accordion-content { - border-radius: 0; -} -.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { - border-top: 0 none; -} -.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-top: 0 none; -} -.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-accordion p-accordiontab:last-child .p-accordion-content { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-card { - background: #ffffff; - color: #212529; - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); - border-radius: 4px; -} -.p-card .p-card-body { - padding: 1.5rem; -} -.p-card .p-card-title { - font-size: 1.5rem; - font-weight: 700; - margin-bottom: 0.5rem; -} -.p-card .p-card-subtitle { - font-weight: 400; - margin-bottom: 0.5rem; - color: #6c757d; -} -.p-card .p-card-content { - padding: 1rem 0; -} -.p-card .p-card-footer { - padding: 1rem 0 0 0; -} - -.p-divider .p-divider-content { - background-color: #ffffff; -} -.p-divider.p-divider-horizontal { - margin: 1rem 0; - padding: 0 1rem; -} -.p-divider.p-divider-horizontal:before { - border-top: 1px #dee2e6; -} -.p-divider.p-divider-horizontal .p-divider-content { - padding: 0 0.5rem; -} -.p-divider.p-divider-vertical { - margin: 0 1rem; - padding: 1rem 0; -} -.p-divider.p-divider-vertical:before { - border-left: 1px #dee2e6; -} -.p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; -} - -.p-fieldset { - border: 1px solid #dee2e6; - background: #ffffff; - color: #212529; - border-radius: 4px; -} -.p-fieldset .p-fieldset-legend { - padding: 1rem 1.25rem; - border: 1px solid #dee2e6; - color: #212529; - background: #efefef; - font-weight: 600; - border-radius: 4px; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { - padding: 0; - transition: box-shadow 0.15s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { - padding: 1rem 1.25rem; - color: #212529; - border-radius: 4px; - transition: box-shadow 0.15s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { - margin-right: 0.5rem; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: #e9ecef; - border-color: #dee2e6; - color: #212529; -} -.p-fieldset .p-fieldset-content { - padding: 1.25rem; -} - -.p-panel .p-panel-header { - border: 1px solid #dee2e6; - padding: 1rem 1.25rem; - background: #efefef; - color: #212529; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-panel .p-panel-header .p-panel-title { - font-weight: 600; -} -.p-panel .p-panel-header .p-panel-header-icon { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: box-shadow 0.15s; -} -.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { - color: #495057; - border-color: transparent; - background: transparent; -} -.p-panel .p-panel-header .p-panel-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); -} -.p-panel.p-panel-toggleable .p-panel-header { - padding: 0.5rem 1.25rem; -} -.p-panel .p-panel-content { - padding: 1.25rem; - border: 1px solid #dee2e6; - background: #ffffff; - color: #212529; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - border-top: 0 none; -} -.p-panel .p-panel-footer { - padding: 0.5rem 1.25rem; - border: 1px solid #dee2e6; - background: #ffffff; - color: #212529; - border-top: 0 none; -} - -.p-scrollpanel .p-scrollpanel-bar { - background: #efefef; - border: 0 none; -} - -.p-splitter { - border: 1px solid #dee2e6; - background: #ffffff; - border-radius: 4px; - color: #212529; -} -.p-splitter .p-splitter-gutter { - transition: box-shadow 0.15s; - background: #efefef; -} -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: #dee2e6; -} -.p-splitter .p-splitter-gutter-resizing { - background: #dee2e6; -} - -.p-tabview .p-tabview-nav { - background: transparent; - border: 1px solid #dee2e6; - border-width: 0 0 1px 0; -} -.p-tabview .p-tabview-nav li { - margin-right: 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid; - border-width: 1px; - border-color: #ffffff #ffffff #dee2e6 #ffffff; - background: #ffffff; - color: #6c757d; - padding: 0.75rem 1rem; - font-weight: 600; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - transition: box-shadow 0.15s; - margin: 0 0 -1px 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(136, 60, 174, 0.5); -} -.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #ffffff; - border-color: #dee2e6; - color: #6c757d; -} -.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #ffffff; - border-color: #dee2e6 #dee2e6 #ffffff #dee2e6; - color: #495057; -} -.p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; -} -.p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-close { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-nav-btn.p-link { - background: #ffffff; - color: #495057; - width: 2.357rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; -} -.p-tabview .p-tabview-nav-btn.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(136, 60, 174, 0.5); -} -.p-tabview .p-tabview-panels { - background: #ffffff; - padding: 1.25rem; - border: 0 none; - color: #212529; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-toolbar { - background: #efefef; - border: 1px solid #dee2e6; - padding: 1rem 1.25rem; - border-radius: 4px; -} -.p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; -} - -.p-confirm-popup { - background: #ffffff; - color: #212529; - border: 1px solid rgba(0, 0, 0, 0.2); - border-radius: 4px; - box-shadow: none; -} -.p-confirm-popup .p-confirm-popup-content { - padding: 1.25rem; -} -.p-confirm-popup .p-confirm-popup-footer { - text-align: right; - padding: 0.5rem 1.25rem; -} -.p-confirm-popup .p-confirm-popup-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-confirm-popup .p-confirm-popup-footer button:last-child { - margin: 0; -} -.p-confirm-popup:after { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-confirm-popup:before { - border: solid transparent; - border-color: rgba(0, 0, 0, 0); - border-bottom-color: rgba(0, 0, 0, 0.2); -} -.p-confirm-popup.p-confirm-popup-flipped:after { - border-top-color: #ffffff; -} -.p-confirm-popup.p-confirm-popup-flipped:before { - border-top-color: rgba(0, 0, 0, 0.2); -} -.p-confirm-popup .p-confirm-popup-icon { - font-size: 1.5rem; -} -.p-confirm-popup .p-confirm-popup-message { - margin-left: 1rem; -} - -.p-dialog { - border-radius: 4px; - box-shadow: none; - border: 1px solid rgba(0, 0, 0, 0.2); -} -.p-dialog .p-dialog-header { - border-bottom: 1px solid #e9ecef; - background: #ffffff; - color: #212529; - padding: 1rem; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-dialog .p-dialog-header .p-dialog-title { - font-weight: 600; - font-size: 1.25rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: box-shadow 0.15s; - margin-right: 0.5rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { - color: #495057; - border-color: transparent; - background: transparent; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); -} -.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { - margin-right: 0; -} -.p-dialog .p-dialog-content { - background: #ffffff; - color: #212529; - padding: 1rem; -} -.p-dialog .p-dialog-footer { - border-top: 1px solid #e9ecef; - background: #ffffff; - color: #212529; - padding: 1rem; - text-align: right; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-dialog .p-dialog-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { - font-size: 2rem; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; -} - -.p-overlaypanel { - background: #ffffff; - color: #212529; - border: 1px solid rgba(0, 0, 0, 0.2); - border-radius: 4px; - box-shadow: none; -} -.p-overlaypanel .p-overlaypanel-content { - padding: 1.25rem; -} -.p-overlaypanel .p-overlaypanel-close { - background: #883cae; - color: #ffffff; - width: 2rem; - height: 2rem; - transition: box-shadow 0.15s; - border-radius: 50%; - position: absolute; - top: -1rem; - right: -1rem; -} -.p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #7a38a7; - color: #ffffff; -} -.p-overlaypanel:after { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-overlaypanel:before { - border: solid transparent; - border-color: rgba(0, 0, 0, 0); - border-bottom-color: rgba(0, 0, 0, 0.2); -} -.p-overlaypanel.p-overlaypanel-flipped:after { - border-top-color: #ffffff; -} -.p-overlaypanel.p-overlaypanel-flipped:before { - border-top-color: rgba(0, 0, 0, 0.2); -} - -.p-sidebar { - background: #ffffff; - color: #212529; - border: 1px solid rgba(0, 0, 0, 0.2); - box-shadow: none; -} -.p-sidebar .p-sidebar-header { - padding: 1rem 1.25rem; -} -.p-sidebar .p-sidebar-header .p-sidebar-close, -.p-sidebar .p-sidebar-header .p-sidebar-icon { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: box-shadow 0.15s; -} -.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, -.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { - color: #495057; - border-color: transparent; - background: transparent; -} -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); -} -.p-sidebar .p-sidebar-header + .p-sidebar-content { - padding-top: 0; -} -.p-sidebar .p-sidebar-content { - padding: 1.25rem; -} - -.p-tooltip .p-tooltip-text { - background: #212529; - color: #ffffff; - padding: 0.5rem 0.75rem; - box-shadow: none; - border-radius: 4px; -} -.p-tooltip.p-tooltip-right .p-tooltip-arrow { - border-right-color: #212529; -} -.p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #212529; -} -.p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #212529; -} -.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #212529; -} - -.p-fileupload .p-fileupload-buttonbar { - background: #efefef; - padding: 1rem 1.25rem; - border: 1px solid #dee2e6; - color: #212529; - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; -} -.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); -} -.p-fileupload .p-fileupload-content { - background: #ffffff; - padding: 2rem 1rem; - border: 1px solid #dee2e6; - color: #212529; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-fileupload .p-progressbar { - height: 0.25rem; -} -.p-fileupload .p-fileupload-row > div { - padding: 1rem 1rem; -} -.p-fileupload.p-fileupload-advanced .p-message { - margin-top: 0; -} - -.p-fileupload-choose:not(.p-disabled):hover { - background: #7a38a7; - color: #ffffff; - border-color: #7a38a7; -} -.p-fileupload-choose:not(.p-disabled):active { - background: #68329e; - color: #ffffff; - border-color: #68329e; -} - -.p-breadcrumb { - background: #efefef; - border: 0 none; - border-radius: 4px; - padding: 1rem; -} -.p-breadcrumb ul li .p-menuitem-link { - transition: box-shadow 0.15s; - border-radius: 4px; -} -.p-breadcrumb ul li .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { - color: #883cae; -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { - color: #883cae; -} -.p-breadcrumb ul li.p-breadcrumb-chevron { - margin: 0 0.5rem 0 0.5rem; - color: #6c757d; -} -.p-breadcrumb ul li:last-child .p-menuitem-text { - color: #6c757d; -} -.p-breadcrumb ul li:last-child .p-menuitem-icon { - color: #6c757d; -} - -.p-contextmenu { - padding: 0.5rem 0; - background: #ffffff; - color: #212529; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: none; - border-radius: 4px; - width: 12.5rem; -} -.p-contextmenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: #212529; - border-radius: 0; - transition: box-shadow 0.15s; - user-select: none; -} -.p-contextmenu .p-menuitem-link .p-menuitem-text { - color: #212529; -} -.p-contextmenu .p-menuitem-link .p-menuitem-icon { - color: #212529; - margin-right: 0.5rem; -} -.p-contextmenu .p-menuitem-link .p-submenu-icon { - color: #212529; -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #212529; -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #212529; -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #212529; -} -.p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); -} -.p-contextmenu .p-submenu-list { - padding: 0.5rem 0; - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: none; - border-radius: 4px; -} -.p-contextmenu .p-menuitem { - margin: 0; -} -.p-contextmenu .p-menuitem:last-child { - margin: 0; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #e9ecef; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #212529; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #212529; -} -.p-contextmenu .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.5rem 0; -} -.p-contextmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-dock .p-dock-list { - background: rgba(255, 255, 255, 0.1); - border: 1px solid rgba(255, 255, 255, 0.2); - padding: 0.5rem 0.5rem; - border-radius: 0.5rem; -} -.p-dock .p-dock-item { - padding: 0.5rem; -} -.p-dock .p-dock-action { - width: 4rem; - height: 4rem; -} -.p-dock.p-dock-top .p-dock-item-second-prev, -.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, -.p-dock.p-dock-bottom .p-dock-item-second-next { - margin: 0 0.9rem; -} -.p-dock.p-dock-top .p-dock-item-prev, -.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, -.p-dock.p-dock-bottom .p-dock-item-next { - margin: 0 1.3rem; -} -.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { - margin: 0 1.5rem; -} -.p-dock.p-dock-left .p-dock-item-second-prev, -.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, -.p-dock.p-dock-right .p-dock-item-second-next { - margin: 0.9rem 0; -} -.p-dock.p-dock-left .p-dock-item-prev, -.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, -.p-dock.p-dock-right .p-dock-item-next { - margin: 1.3rem 0; -} -.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { - margin: 1.5rem 0; -} - -@media screen and (max-width: 960px) { - .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { - margin: auto 0; - } - .p-dock .p-dock-list .p-dock-item { - transform: none; - margin: 0; - } -} -.p-megamenu { - padding: 0.5rem 1rem; - background: #efefef; - color: rgba(0, 0, 0, 0.9); - border: 0 none; - border-radius: 4px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 1rem; - color: rgba(0, 0, 0, 0.5); - border-radius: 4px; - transition: box-shadow 0.15s; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.5); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.5); - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.5); - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: transparent; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.7); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.7); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.7); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: transparent; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.9); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.9); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.9); -} -.p-megamenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: #212529; - border-radius: 0; - transition: box-shadow 0.15s; - user-select: none; -} -.p-megamenu .p-menuitem-link .p-menuitem-text { - color: #212529; -} -.p-megamenu .p-menuitem-link .p-menuitem-icon { - color: #212529; - margin-right: 0.5rem; -} -.p-megamenu .p-menuitem-link .p-submenu-icon { - color: #212529; -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #212529; -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #212529; -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #212529; -} -.p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); -} -.p-megamenu .p-megamenu-panel { - background: #ffffff; - color: #212529; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: none; -} -.p-megamenu .p-megamenu-submenu-header { - margin: 0; - padding: 0.75rem 1rem; - color: #212529; - background: #ffffff; - font-weight: 600; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-megamenu .p-megamenu-submenu { - padding: 0.5rem 0; - width: 12.5rem; -} -.p-megamenu .p-megamenu-submenu .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.5rem 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem { - margin: 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { - margin: 0; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #e9ecef; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #212529; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #212529; -} -.p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.5rem 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem { - margin: 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { - margin: 0; -} - -.p-menu { - padding: 0.5rem 0; - background: #ffffff; - color: #212529; - border: 1px solid #dee2e6; - border-radius: 4px; - width: 12.5rem; -} -.p-menu .p-menuitem-link { - padding: 0.75rem 1rem; - color: #212529; - border-radius: 0; - transition: box-shadow 0.15s; - user-select: none; -} -.p-menu .p-menuitem-link .p-menuitem-text { - color: #212529; -} -.p-menu .p-menuitem-link .p-menuitem-icon { - color: #212529; - margin-right: 0.5rem; -} -.p-menu .p-menuitem-link .p-submenu-icon { - color: #212529; -} -.p-menu .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #212529; -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #212529; -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #212529; -} -.p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); -} -.p-menu.p-menu-overlay { - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: none; -} -.p-menu .p-submenu-header { - margin: 0; - padding: 0.75rem 1rem; - color: #212529; - background: #ffffff; - font-weight: 600; - border-top-right-radius: 0; - border-top-left-radius: 0; -} -.p-menu .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.5rem 0; -} -.p-menu .p-menuitem { - margin: 0; -} -.p-menu .p-menuitem:last-child { - margin: 0; -} - -.p-menubar { - padding: 0.5rem 1rem; - background: #efefef; - color: rgba(0, 0, 0, 0.9); - border: 0 none; - border-radius: 4px; -} -.p-menubar .p-menuitem-link { - padding: 0.75rem 1rem; - color: #212529; - border-radius: 0; - transition: box-shadow 0.15s; - user-select: none; -} -.p-menubar .p-menuitem-link .p-menuitem-text { - color: #212529; -} -.p-menubar .p-menuitem-link .p-menuitem-icon { - color: #212529; - margin-right: 0.5rem; -} -.p-menubar .p-menuitem-link .p-submenu-icon { - color: #212529; -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #212529; -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #212529; -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #212529; -} -.p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 1rem; - color: rgba(0, 0, 0, 0.5); - border-radius: 4px; - transition: box-shadow 0.15s; - user-select: none; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.5); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.5); - margin-right: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.5); - margin-left: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: transparent; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.7); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.7); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.7); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: transparent; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.9); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.9); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.9); -} -.p-menubar .p-submenu-list { - padding: 0.5rem 0; - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: none; - width: 12.5rem; -} -.p-menubar .p-submenu-list .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.5rem 0; -} -.p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; -} -.p-menubar .p-submenu-list .p-menuitem { - margin: 0; -} -.p-menubar .p-submenu-list .p-menuitem:last-child { - margin: 0; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #e9ecef; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #212529; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #212529; -} - -@media screen and (max-width: 960px) { - .p-menubar { - position: relative; - } - .p-menubar .p-menubar-button { - display: flex; - width: 2rem; - height: 2rem; - color: rgba(0, 0, 0, 0.5); - border-radius: 50%; - transition: box-shadow 0.15s; - } - .p-menubar .p-menubar-button:hover { - color: rgba(0, 0, 0, 0.7); - background: transparent; - } - .p-menubar .p-menubar-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); - } - .p-menubar .p-menubar-root-list { - position: absolute; - display: none; - padding: 0.5rem 0; - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: none; - width: 100%; - } - .p-menubar .p-menubar-root-list .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.5rem 0; - } - .p-menubar .p-menubar-root-list .p-submenu-icon { - font-size: 0.875rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; - color: #212529; - border-radius: 0; - transition: box-shadow 0.15s; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: #212529; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: #212529; - margin-right: 0.5rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: #212529; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #212529; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #212529; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #212529; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - transition: transform 0.15s; - } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-180deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list { - width: 100%; - position: static; - box-shadow: none; - border: 0 none; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { - transition: transform 0.15s; - transform: rotate(90deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-90deg); - } - .p-menubar .p-menubar-root-list .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list ul li a { - padding-left: 2.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li a { - padding-left: 3.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li a { - padding-left: 5.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { - padding-left: 6.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { - padding-left: 8.25rem; - } - .p-menubar.p-menubar-mobile-active .p-menubar-root-list { - display: flex; - flex-direction: column; - top: 100%; - left: 0; - z-index: 1; - } -} -.p-panelmenu .p-panelmenu-header > a { - padding: 1rem 1.25rem; - border: 1px solid #dee2e6; - color: #212529; - background: #efefef; - font-weight: 600; - border-radius: 4px; - transition: box-shadow 0.15s; -} -.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); -} -.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { - background: #e9ecef; - border-color: #dee2e6; - color: #212529; -} -.p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight > a { - background: #efefef; - border-color: #dee2e6; - color: #212529; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { - border-color: #dee2e6; - background: #e9ecef; - color: #212529; -} -.p-panelmenu .p-panelmenu-content { - padding: 0.5rem 0; - border: 1px solid #dee2e6; - background: #ffffff; - color: #212529; - margin-bottom: 0; - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1rem; - color: #212529; - border-radius: 0; - transition: box-shadow 0.15s; - user-select: none; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { - color: #212529; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { - color: #212529; - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { - color: #212529; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #212529; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #212529; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #212529; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { - padding: 0 0 0 1rem; -} -.p-panelmenu .p-panelmenu-panel { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { - border-radius: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-content { - border-radius: 0; -} -.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { - border-top: 0 none; -} -.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { - border-top: 0 none; -} -.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-slidemenu { - padding: 0.5rem 0; - background: #ffffff; - color: #212529; - border: 1px solid #dee2e6; - border-radius: 4px; - width: 12.5rem; -} -.p-slidemenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: #212529; - border-radius: 0; - transition: box-shadow 0.15s; - user-select: none; -} -.p-slidemenu .p-menuitem-link .p-menuitem-text { - color: #212529; -} -.p-slidemenu .p-menuitem-link .p-menuitem-icon { - color: #212529; - margin-right: 0.5rem; -} -.p-slidemenu .p-menuitem-link .p-submenu-icon { - color: #212529; -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #212529; -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #212529; -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #212529; -} -.p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); -} -.p-slidemenu.p-slidemenu-overlay { - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: none; -} -.p-slidemenu .p-slidemenu-list { - padding: 0.5rem 0; - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: none; -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { - background: #e9ecef; -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { - color: #212529; -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { - color: #212529; -} -.p-slidemenu .p-slidemenu-separator { - border-top: 1px solid #dee2e6; - margin: 0.5rem 0; -} -.p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; -} -.p-slidemenu .p-slidemenu-backward { - padding: 0.75rem 1rem; - color: #212529; -} - -.p-steps .p-steps-item .p-menuitem-link { - background: transparent; - transition: box-shadow 0.15s; - border-radius: 4px; - background: transparent; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-number { - color: #212529; - border: 1px solid #dee2e6; - background: transparent; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - z-index: 1; - border-radius: 4px; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-title { - margin-top: 0.5rem; - color: #6c757d; -} -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); -} -.p-steps .p-steps-item.p-highlight .p-steps-number { - background: #883cae; - color: #ffffff; -} -.p-steps .p-steps-item.p-highlight .p-steps-title { - font-weight: 600; - color: #212529; -} -.p-steps .p-steps-item:before { - content: " "; - border-top: 1px solid #dee2e6; - width: 100%; - top: 50%; - left: 0; - display: block; - position: absolute; - margin-top: -1rem; -} - -.p-tabmenu .p-tabmenu-nav { - background: transparent; - border: 1px solid #dee2e6; - border-width: 0 0 1px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { - margin-right: 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { - border: solid; - border-width: 1px; - border-color: #ffffff #ffffff #dee2e6 #ffffff; - background: #ffffff; - color: #6c757d; - padding: 0.75rem 1rem; - font-weight: 600; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - transition: box-shadow 0.15s; - margin: 0 0 -1px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(136, 60, 174, 0.5); -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: #ffffff; - border-color: #dee2e6; - color: #6c757d; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #ffffff; - border-color: #dee2e6 #dee2e6 #ffffff #dee2e6; - color: #495057; -} - -.p-tieredmenu { - padding: 0.5rem 0; - background: #ffffff; - color: #212529; - border: 1px solid #dee2e6; - border-radius: 4px; - width: 12.5rem; -} -.p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: #212529; - border-radius: 0; - transition: box-shadow 0.15s; - user-select: none; -} -.p-tieredmenu .p-menuitem-link .p-menuitem-text { - color: #212529; -} -.p-tieredmenu .p-menuitem-link .p-menuitem-icon { - color: #212529; - margin-right: 0.5rem; -} -.p-tieredmenu .p-menuitem-link .p-submenu-icon { - color: #212529; -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #212529; -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #212529; -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #212529; -} -.p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); -} -.p-tieredmenu.p-tieredmenu-overlay { - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: none; -} -.p-tieredmenu .p-submenu-list { - padding: 0.5rem 0; - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: none; -} -.p-tieredmenu .p-menuitem { - margin: 0; -} -.p-tieredmenu .p-menuitem:last-child { - margin: 0; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #e9ecef; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #212529; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #212529; -} -.p-tieredmenu .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.5rem 0; -} -.p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-inline-message { - padding: 0.5rem 0.75rem; - margin: 0; - border-radius: 4px; -} -.p-inline-message.p-inline-message-info { - background: #cce5ff; - border: solid #b8daff; - border-width: 0px; - color: #004085; -} -.p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #004085; -} -.p-inline-message.p-inline-message-success { - background: #d4edda; - border: solid #c3e6cb; - border-width: 0px; - color: #155724; -} -.p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #155724; -} -.p-inline-message.p-inline-message-warn { - background: #fff3cd; - border: solid #ffeeba; - border-width: 0px; - color: #856404; -} -.p-inline-message.p-inline-message-warn .p-inline-message-icon { - color: #856404; -} -.p-inline-message.p-inline-message-error { - background: #f8d7da; - border: solid #f5c6cb; - border-width: 0px; - color: #721c24; -} -.p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #721c24; -} -.p-inline-message .p-inline-message-icon { - font-size: 1rem; - margin-right: 0.5rem; -} -.p-inline-message .p-inline-message-text { - font-size: 1rem; -} -.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { - margin-right: 0; -} - -.p-message { - margin: 1rem 0; - border-radius: 4px; -} -.p-message .p-message-wrapper { - padding: 1rem 1.25rem; -} -.p-message .p-message-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: box-shadow 0.15s; -} -.p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-message .p-message-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); -} -.p-message.p-message-info { - background: #cce5ff; - border: solid #b8daff; - border-width: 1px; - color: #004085; -} -.p-message.p-message-info .p-message-icon { - color: #004085; -} -.p-message.p-message-info .p-message-close { - color: #004085; -} -.p-message.p-message-success { - background: #d4edda; - border: solid #c3e6cb; - border-width: 1px; - color: #155724; -} -.p-message.p-message-success .p-message-icon { - color: #155724; -} -.p-message.p-message-success .p-message-close { - color: #155724; -} -.p-message.p-message-warn { - background: #fff3cd; - border: solid #ffeeba; - border-width: 1px; - color: #856404; -} -.p-message.p-message-warn .p-message-icon { - color: #856404; -} -.p-message.p-message-warn .p-message-close { - color: #856404; -} -.p-message.p-message-error { - background: #f8d7da; - border: solid #f5c6cb; - border-width: 1px; - color: #721c24; -} -.p-message.p-message-error .p-message-icon { - color: #721c24; -} -.p-message.p-message-error .p-message-close { - color: #721c24; -} -.p-message .p-message-text { - font-size: 1rem; - font-weight: 500; -} -.p-message .p-message-icon { - font-size: 1.5rem; - margin-right: 0.5rem; -} -.p-message .p-message-summary { - font-weight: 700; -} -.p-message .p-message-detail { - margin-left: 0.5rem; -} - -.p-toast { - opacity: 1; -} -.p-toast .p-toast-message { - margin: 0 0 1rem 0; - box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); - border-radius: 4px; -} -.p-toast .p-toast-message .p-toast-message-content { - padding: 1rem; - border-width: 0; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { - margin: 0 0 0 1rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { - font-size: 2rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { - font-weight: 700; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { - margin: 0.5rem 0 0 0; -} -.p-toast .p-toast-message .p-toast-icon-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: box-shadow 0.15s; -} -.p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-toast .p-toast-message .p-toast-icon-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); -} -.p-toast .p-toast-message.p-toast-message-info { - background: #cce5ff; - border: solid #b8daff; - border-width: 1px; - color: #004085; -} -.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { - color: #004085; -} -.p-toast .p-toast-message.p-toast-message-success { - background: #d4edda; - border: solid #c3e6cb; - border-width: 1px; - color: #155724; -} -.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { - color: #155724; -} -.p-toast .p-toast-message.p-toast-message-warn { - background: #fff3cd; - border: solid #ffeeba; - border-width: 1px; - color: #856404; -} -.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { - color: #856404; -} -.p-toast .p-toast-message.p-toast-message-error { - background: #f8d7da; - border: solid #f5c6cb; - border-width: 1px; - color: #721c24; -} -.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { - color: #721c24; -} - -.p-galleria .p-galleria-close { - margin: 0.5rem; - background: transparent; - color: #efefef; - width: 4rem; - height: 4rem; - transition: box-shadow 0.15s; - border-radius: 4px; -} -.p-galleria .p-galleria-close .p-galleria-close-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-close:hover { - background: rgba(255, 255, 255, 0.1); - color: #efefef; -} -.p-galleria .p-galleria-item-nav { - background: transparent; - color: #efefef; - width: 4rem; - height: 4rem; - transition: box-shadow 0.15s; - border-radius: 4px; - margin: 0 0.5rem; -} -.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, -.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.1); - color: #efefef; -} -.p-galleria .p-galleria-caption { - background: rgba(0, 0, 0, 0.5); - color: #efefef; - padding: 1rem; -} -.p-galleria .p-galleria-indicators { - padding: 1rem; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #e9ecef; - width: 1rem; - height: 1rem; - transition: box-shadow 0.15s; - border-radius: 4px; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { - background: #dee2e6; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #883cae; - color: #ffffff; -} -.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { - margin-right: 0.5rem; -} -.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { - margin-bottom: 0.5rem; -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { - background: rgba(0, 0, 0, 0.5); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { - background: rgba(255, 255, 255, 0.4); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { - background: rgba(255, 255, 255, 0.6); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #883cae; - color: #ffffff; -} -.p-galleria .p-galleria-thumbnail-container { - background: rgba(0, 0, 0, 0.9); - padding: 1rem 0.25rem; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { - margin: 0.5rem; - background-color: transparent; - color: #efefef; - width: 2rem; - height: 2rem; - transition: box-shadow 0.15s; - border-radius: 4px; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { - background: rgba(255, 255, 255, 0.1); - color: #efefef; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); -} - -.p-galleria-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-preview-indicator { - background-color: transparent; - color: #f8f9fa; - transition: box-shadow 0.15s; -} - -.p-image-preview-container:hover > .p-image-preview-indicator { - background-color: rgba(0, 0, 0, 0.5); -} - -.p-image-toolbar { - padding: 1rem; -} - -.p-image-action.p-link { - color: #f8f9fa; - background-color: transparent; - width: 3rem; - height: 3rem; - border-radius: 50%; - transition: box-shadow 0.15s; - margin-right: 0.5rem; -} -.p-image-action.p-link:last-child { - margin-right: 0; -} -.p-image-action.p-link:hover { - color: #f8f9fa; - background-color: rgba(255, 255, 255, 0.1); -} -.p-image-action.p-link i { - font-size: 1.5rem; -} - -.p-avatar { - background-color: #dee2e6; - border-radius: 4px; -} -.p-avatar.p-avatar-lg { - width: 3rem; - height: 3rem; - font-size: 1.5rem; -} -.p-avatar.p-avatar-lg .p-avatar-icon { - font-size: 1.5rem; -} -.p-avatar.p-avatar-xl { - width: 4rem; - height: 4rem; - font-size: 2rem; -} -.p-avatar.p-avatar-xl .p-avatar-icon { - font-size: 2rem; -} - -.p-avatar-group .p-avatar { - border: 2px solid #ffffff; -} - -.p-badge { - background: #883cae; - color: #ffffff; - font-size: 0.75rem; - font-weight: 700; - min-width: 1.5rem; - height: 1.5rem; - line-height: 1.5rem; -} -.p-badge.p-badge-secondary { - background-color: #6c757d; - color: #ffffff; -} -.p-badge.p-badge-success { - background-color: #28a745; - color: #ffffff; -} -.p-badge.p-badge-info { - background-color: #17a2b8; - color: #ffffff; -} -.p-badge.p-badge-warning { - background-color: #ffc107; - color: #212529; -} -.p-badge.p-badge-danger { - background-color: #dc3545; - color: #ffffff; -} -.p-badge.p-badge-lg { - font-size: 1.125rem; - min-width: 2.25rem; - height: 2.25rem; - line-height: 2.25rem; -} -.p-badge.p-badge-xl { - font-size: 1.5rem; - min-width: 3rem; - height: 3rem; - line-height: 3rem; -} - -.p-chip { - background-color: #dee2e6; - color: #212529; - border-radius: 16px; - padding: 0 0.75rem; -} -.p-chip .p-chip-text { - line-height: 1.5; - margin-top: 0.25rem; - margin-bottom: 0.25rem; -} -.p-chip .p-chip-icon { - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - margin-left: 0.5rem; -} -.p-chip img { - width: 2rem; - height: 2rem; - margin-left: -0.75rem; - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - border-radius: 4px; - transition: box-shadow 0.15s; -} -.p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); -} - -.p-inplace .p-inplace-display { - padding: 0.5rem 0.75rem; - border-radius: 4px; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; -} -.p-inplace .p-inplace-display:not(.p-disabled):hover { - background: #e9ecef; - color: #212529; -} -.p-inplace .p-inplace-display:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); -} - -.p-progressbar { - border: 0 none; - height: 1.5rem; - background: #e9ecef; - border-radius: 4px; -} -.p-progressbar .p-progressbar-value { - border: 0 none; - margin: 0; - background: #883cae; -} -.p-progressbar .p-progressbar-label { - color: #ffffff; - line-height: 1.5rem; -} - -.p-scrolltop { - width: 3rem; - height: 3rem; - border-radius: 4px; - box-shadow: none; - transition: box-shadow 0.15s; -} -.p-scrolltop.p-link { - background: rgba(0, 0, 0, 0.7); -} -.p-scrolltop.p-link:hover { - background: rgba(0, 0, 0, 0.8); -} -.p-scrolltop .p-scrolltop-icon { - font-size: 1.5rem; - color: #efefef; -} - -.p-skeleton { - background-color: #e9ecef; - border-radius: 4px; -} -.p-skeleton:after { - background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); -} - -.p-tag { - background: #883cae; - color: #ffffff; - font-size: 0.75rem; - font-weight: 700; - padding: 0.25rem 0.4rem; - border-radius: 4px; -} -.p-tag.p-tag-success { - background-color: #28a745; - color: #ffffff; -} -.p-tag.p-tag-info { - background-color: #17a2b8; - color: #ffffff; -} -.p-tag.p-tag-warning { - background-color: #ffc107; - color: #212529; -} -.p-tag.p-tag-danger { - background-color: #dc3545; - color: #ffffff; -} -.p-tag .p-tag-icon { - margin-right: 0.25rem; - font-size: 0.75rem; -} - -.p-terminal { - background: #ffffff; - color: #212529; - border: 1px solid #dee2e6; - padding: 1.25rem; -} -.p-terminal .p-terminal-input { - font-size: 1rem; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; -} - -/* Vendor extensions to the designer enhanced bootstrap compatibility */ -.p-breadcrumb .p-breadcrumb-chevron { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; -} -.p-breadcrumb .p-breadcrumb-chevron:before { - content: "/"; -} - -/* Customizations to the designer theme should be defined here */ diff --git a/src/assets/theme/fluent-light/theme.css b/src/assets/theme/fluent-light/theme.css deleted file mode 100644 index dc711fc..0000000 --- a/src/assets/theme/fluent-light/theme.css +++ /dev/null @@ -1,5818 +0,0 @@ -:root { - --surface-a:#ffffff; - --surface-b:#faf9f8; - --surface-c:#f3f2f1; - --surface-d:#edebe9; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#323130; - --text-color-secondary:#605e5c; - --primary-color:#0078d4; - --primary-color-text:#ffffff; - --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; - --surface-0: #ffffff; - --surface-50: #f3f2f1; - --surface-100: #e1dfdd; - --surface-200: #bebbb8; - --surface-300: #a19f9d; - --surface-400: #797775; - --surface-500: #484644; - --surface-600: #323130; - --surface-700: #252423; - --surface-800: #1b1a19; - --surface-900: #11100f; - --gray-50: #f3f2f1; - --gray-100: #e1dfdd; - --gray-200: #bebbb8; - --gray-300: #a19f9d; - --gray-400: #797775; - --gray-500: #484644; - --gray-600: #323130; - --gray-700: #252423; - --gray-800: #1b1a19; - --gray-900: #11100f; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:2px; - --surface-ground:#faf9f8; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#edebe9; - --surface-hover:#f3f2f1; - --maskbg: rgba(0, 0, 0, 0.4); - --focus-ring: inset 0 0 0 1px #605e5c; -} - -* { - box-sizing: border-box; -} - -.p-component { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - font-weight: normal; -} - -.p-component-overlay { - background-color: rgba(0, 0, 0, 0.4); - transition-duration: 0.2s; -} - -.p-disabled, .p-component:disabled { - opacity: 0.6; -} - -.p-error { - color: #a4252c; -} - -.p-text-secondary { - color: #605e5c; -} - -.pi { - font-size: 1rem; -} - -.p-link { - font-size: 1rem; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - border-radius: 2px; -} -.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; -} - -.p-component-overlay-enter { - animation: p-component-overlay-enter-animation 150ms forwards; -} - -.p-component-overlay-leave { - animation: p-component-overlay-leave-animation 150ms forwards; -} - -@keyframes p-component-overlay-enter-animation { - from { - background-color: transparent; - } - to { - background-color: var(--maskbg); - } -} -@keyframes p-component-overlay-leave-animation { - from { - background-color: var(--maskbg); - } - to { - background-color: transparent; - } -} - -:root { - --blue-50:#f3f8fc; - --blue-100:#c6dcef; - --blue-200:#98c1e3; - --blue-300:#6ba5d7; - --blue-400:#3d8aca; - --blue-500:#106ebe; - --blue-600:#0e5ea2; - --blue-700:#0b4d85; - --blue-800:#093d69; - --blue-900:#062c4c; - --green-50:#f7fbf3; - --green-100:#d9eac4; - --green-200:#bbda96; - --green-300:#9cca67; - --green-400:#7eb939; - --green-500:#60a90a; - --green-600:#529009; - --green-700:#437607; - --green-800:#355d06; - --green-900:#264404; - --yellow-50:#fffcf2; - --yellow-100:#ffeec2; - --yellow-200:#ffe191; - --yellow-300:#ffd461; - --yellow-400:#ffc630; - --yellow-500:#ffb900; - --yellow-600:#d99d00; - --yellow-700:#b38200; - --yellow-800:#8c6600; - --yellow-900:#664a00; - --cyan-50:#f2fbfc; - --cyan-100:#c2eef1; - --cyan-200:#91e0e5; - --cyan-300:#61d2da; - --cyan-400:#30c5ce; - --cyan-500:#00b7c3; - --cyan-600:#009ca6; - --cyan-700:#008089; - --cyan-800:#00656b; - --cyan-900:#00494e; - --pink-50:#fef2f9; - --pink-100:#f8c2e3; - --pink-200:#f391ce; - --pink-300:#ee61b8; - --pink-400:#e830a2; - --pink-500:#e3008c; - --pink-600:#c10077; - --pink-700:#9f0062; - --pink-800:#7d004d; - --pink-900:#5b0038; - --indigo-50:#f5f6fc; - --indigo-100:#cdd3f1; - --indigo-200:#a5b0e6; - --indigo-300:#7d8edc; - --indigo-400:#566bd1; - --indigo-500:#2e48c6; - --indigo-600:#273da8; - --indigo-700:#20328b; - --indigo-800:#19286d; - --indigo-900:#121d4f; - --teal-50:#f2f9f8; - --teal-100:#c2e1dd; - --teal-200:#91c9c2; - --teal-300:#61b2a8; - --teal-400:#309a8d; - --teal-500:#008272; - --teal-600:#006f61; - --teal-700:#005b50; - --teal-800:#00483f; - --teal-900:#00342e; - --orange-50:#fdf7f2; - --orange-100:#f5d8c2; - --orange-200:#edb991; - --orange-300:#e49a61; - --orange-400:#dc7b30; - --orange-500:#d45c00; - --orange-600:#b44e00; - --orange-700:#944000; - --orange-800:#753300; - --orange-900:#552500; - --bluegray-50:#f8f9fb; - --bluegray-100:#dee4ed; - --bluegray-200:#c4cfe0; - --bluegray-300:#a9bad2; - --bluegray-400:#8fa4c4; - --bluegray-500:#758fb6; - --bluegray-600:#637a9b; - --bluegray-700:#52647f; - --bluegray-800:#404f64; - --bluegray-900:#2f3949; - --purple-50:#f9f8fd; - --purple-100:#e1dff7; - --purple-200:#cac5f1; - --purple-300:#b2abeb; - --purple-400:#9b92e4; - --purple-500:#8378de; - --purple-600:#6f66bd; - --purple-700:#5c549b; - --purple-800:#48427a; - --purple-900:#343059; -} - -.p-autocomplete .p-autocomplete-loader { - right: 0.5rem; -} -.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 2.857rem; -} -.p-autocomplete .p-autocomplete-multiple-container { - padding: 0.25rem 0.5rem; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: #323130; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; - border-color: #0078d4; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { - padding: 0.25rem 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - color: #323130; - padding: 0; - margin: 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { - padding: 0.25rem 0.5rem; - margin-right: 0.5rem; - background: #edebe9; - color: #323130; - border-radius: 2px; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; -} - -p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #a4252c; -} - -.p-autocomplete-panel { - background: #ffffff; - color: #323130; - border: 0 none; - border-radius: 2px; - box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px; -} -.p-autocomplete-panel .p-autocomplete-items:not(.p-autocomplete-virtualscroll) { - padding: 0; -} -.p-autocomplete-panel .p-autocomplete-items.p-autocomplete-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { - margin: 0; - padding: 0.75rem 0.5rem; - border: 1px solid transparent; - color: #323130; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: #323130; - background: #f3f2f1; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: #323130; - background: #edebe9; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.75rem 0.5rem; - color: #323130; - background: transparent; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { - margin: 0; - padding: 0.75rem 0.5rem; - color: #0078d4; - background: #ffffff; - font-weight: 600; -} - -p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { - border-color: #a4252c; -} - -.p-datepicker { - padding: 0.75rem; - background: #ffffff; - color: #323130; - border: 1px solid #605e5c; - border-radius: 2px; -} -.p-datepicker:not(.p-datepicker-inline) { - background: #ffffff; - border: 0 none; - box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px; -} -.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { - background: #ffffff; -} -.p-datepicker .p-datepicker-header { - padding: 0 0.5rem 0.5rem 0.5rem; - color: #323130; - background: #ffffff; - font-weight: 600; - margin: 0; - border-bottom: 0 none; - border-top-right-radius: 2px; - border-top-left-radius: 2px; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev, -.p-datepicker .p-datepicker-header .p-datepicker-next { - width: 2rem; - height: 2rem; - color: #605e5c; - border: 0 none; - background: transparent; - border-radius: 2px; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { - color: #605e5c; - border-color: transparent; - background: #f3f2f1; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; -} -.p-datepicker .p-datepicker-header .p-datepicker-title { - line-height: 2rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - color: #323130; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - font-weight: 600; - padding: 0.5rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #0078d4; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - margin-right: 0.5rem; -} -.p-datepicker table { - font-size: 1rem; - margin: 0; -} -.p-datepicker table th { - padding: 0.5rem; -} -.p-datepicker table th > span { - width: 2rem; - height: 2rem; -} -.p-datepicker table td { - padding: 1px; -} -.p-datepicker table td > span { - width: 2rem; - height: 2rem; - border-radius: 2px; - transition: box-shadow 0.2s; - border: 0 none; -} -.p-datepicker table td > span.p-highlight { - color: #323130; - background: #edebe9; -} -.p-datepicker table td > span:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; -} -.p-datepicker table td.p-datepicker-today > span { - background: #0078d4; - color: #ffffff; - border-color: transparent; -} -.p-datepicker table td.p-datepicker-today > span.p-highlight { - color: #323130; - background: #edebe9; -} -.p-datepicker .p-datepicker-buttonbar { - padding: 1rem 0; - border-top: 1px solid #edebe9; -} -.p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; -} -.p-datepicker .p-timepicker { - border-top: 1px solid #edebe9; - padding: 0.5rem; -} -.p-datepicker .p-timepicker button { - width: 2rem; - height: 2rem; - color: #605e5c; - border: 0 none; - background: transparent; - border-radius: 2px; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-timepicker button:enabled:hover { - color: #605e5c; - border-color: transparent; - background: #f3f2f1; -} -.p-datepicker .p-timepicker button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; -} -.p-datepicker .p-timepicker button:last-child { - margin-top: 0.2em; -} -.p-datepicker .p-timepicker span { - font-size: 1.25rem; -} -.p-datepicker .p-timepicker > div { - padding: 0 0.5rem; -} -.p-datepicker.p-datepicker-timeonly .p-timepicker { - border-top: 0 none; -} -.p-datepicker .p-monthpicker { - margin: 0; -} -.p-datepicker .p-monthpicker .p-monthpicker-month { - padding: 1px; - transition: box-shadow 0.2s; - border-radius: 2px; -} -.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: #323130; - background: #edebe9; -} -.p-datepicker .p-yearpicker { - margin: 0; -} -.p-datepicker .p-yearpicker .p-yearpicker-year { - padding: 1px; - transition: box-shadow 0.2s; - border-radius: 2px; -} -.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { - color: #323130; - background: #edebe9; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #edebe9; - padding-right: 0.75rem; - padding-left: 0.75rem; - padding-top: 0; - padding-bottom: 0; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { - padding-left: 0; - border-left: 0 none; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { - padding-right: 0; -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { - background: #f3f2f1; -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { - background: #f3f2f1; -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { - background: #f3f2f1; -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; -} - -@media screen and (max-width: 769px) { - .p-datepicker table th, .p-datepicker table td { - padding: 0; - } -} -.p-cascadeselect { - background: #ffffff; - border: 1px solid #605e5c; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 2px; -} -.p-cascadeselect:not(.p-disabled):hover { - border-color: #323130; -} -.p-cascadeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; - border-color: #0078d4; -} -.p-cascadeselect .p-cascadeselect-label { - background: transparent; - border: 0 none; - padding: 0.5rem 0.5rem; -} -.p-cascadeselect .p-cascadeselect-label.p-placeholder { - color: #605e5c; -} -.p-cascadeselect .p-cascadeselect-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-cascadeselect .p-cascadeselect-trigger { - background: transparent; - color: #605e5c; - width: 2.357rem; - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; -} - -.p-cascadeselect-panel { - background: #ffffff; - color: #323130; - border: 0 none; - border-radius: 2px; - box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px; -} -.p-cascadeselect-panel .p-cascadeselect-items { - padding: 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { - margin: 0; - border: 1px solid transparent; - color: #323130; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.75rem 0.5rem; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { - color: #323130; - background: #edebe9; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #323130; - background: #f3f2f1; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { - font-size: 0.875rem; -} - -p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #a4252c; -} - -.p-input-filled .p-cascadeselect { - background: #faf9f8; -} -.p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #faf9f8; -} -.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #faf9f8; -} - -.p-checkbox { - width: 20px; - height: 20px; -} -.p-checkbox .p-checkbox-box { - border: 1px solid #605e5c; - background: #ffffff; - width: 20px; - height: 20px; - color: #323130; - border-radius: 2px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-checkbox .p-checkbox-box .p-checkbox-icon { - transition-duration: 0.2s; - color: #ffffff; - font-size: 14px; -} -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #0078d4; - background: #0078d4; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #323130; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; - border-color: #0078d4; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #005a9e; - background: #005a9e; - color: #ffffff; -} - -p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #a4252c; -} - -.p-input-filled .p-checkbox .p-checkbox-box { - background-color: #faf9f8; -} -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #0078d4; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #faf9f8; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #005a9e; -} - -.p-checkbox-label { - margin-left: 0.5rem; -} - -.p-chips .p-chips-multiple-container { - padding: 0.25rem 0.5rem; -} -.p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: #323130; -} -.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; - border-color: #0078d4; -} -.p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.25rem 0.5rem; - margin-right: 0.5rem; - background: #edebe9; - color: #323130; - border-radius: 2px; -} -.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { - margin-left: 0.5rem; -} -.p-chips .p-chips-multiple-container .p-chips-input-token { - padding: 0.25rem 0; -} -.p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - color: #323130; - padding: 0; - margin: 0; -} - -p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { - border-color: #a4252c; -} - -.p-colorpicker-preview, -.p-fluid .p-colorpicker-preview.p-inputtext { - width: 2rem; - height: 2rem; -} - -.p-colorpicker-panel { - background: #323232; - border: 1px solid #191919; -} -.p-colorpicker-panel .p-colorpicker-color-handle, -.p-colorpicker-panel .p-colorpicker-hue-handle { - border-color: #ffffff; -} - -.p-colorpicker-overlay-panel { - box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px; -} - -.p-dropdown { - background: #ffffff; - border: 1px solid #605e5c; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 2px; -} -.p-dropdown:not(.p-disabled):hover { - border-color: #323130; -} -.p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; - border-color: #0078d4; -} -.p-dropdown.p-dropdown-clearable .p-dropdown-label { - padding-right: 1.5rem; -} -.p-dropdown .p-dropdown-label { - background: transparent; - border: 0 none; -} -.p-dropdown .p-dropdown-label.p-placeholder { - color: #605e5c; -} -.p-dropdown .p-dropdown-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-dropdown .p-dropdown-trigger { - background: transparent; - color: #605e5c; - width: 2.357rem; - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; -} -.p-dropdown .p-dropdown-clear-icon { - color: #605e5c; - right: 2.357rem; -} - -.p-dropdown-panel { - background: #ffffff; - color: #323130; - border: 0 none; - border-radius: 2px; - box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px; -} -.p-dropdown-panel .p-dropdown-header { - padding: 0.75rem 0.5rem; - border-bottom: 1px solid #edebe9; - color: #323130; - background: #ffffff; - margin: 0; - border-top-right-radius: 2px; - border-top-left-radius: 2px; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { - padding-right: 1.5rem; - margin-right: -1.5rem; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { - right: 0.5rem; - color: #605e5c; -} -.p-dropdown-panel .p-dropdown-items:not(.p-dropdown-virtualscroll) { - padding: 0; -} -.p-dropdown-panel .p-dropdown-items.p-dropdown-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item { - margin: 0; - padding: 0.75rem 0.5rem; - border: 1px solid transparent; - color: #323130; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: #323130; - background: #edebe9; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: #323130; - background: #f3f2f1; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.75rem 0.5rem; - color: #323130; - background: transparent; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { - margin: 0; - padding: 0.75rem 0.5rem; - color: #0078d4; - background: #ffffff; - font-weight: 600; -} - -p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #a4252c; -} - -.p-input-filled .p-dropdown { - background: #faf9f8; -} -.p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #faf9f8; -} -.p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: #faf9f8; -} - -.p-editor-container .p-editor-toolbar { - background: #faf9f8; - border-top-right-radius: 2px; - border-top-left-radius: 2px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #a19f9d; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: #605e5c; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: #605e5c; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: #605e5c; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: #323130; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: #323130; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: #323130; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: #323130; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: #323130; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: #323130; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #ffffff; - border: 0 none; - box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px; - border-radius: 2px; - padding: 0; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: #323130; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: #323130; - background: #f3f2f1; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.75rem 0.5rem; -} -.p-editor-container .p-editor-content { - border-bottom-right-radius: 2px; - border-bottom-left-radius: 2px; -} -.p-editor-container .p-editor-content.ql-snow { - border: 1px solid #a19f9d; -} -.p-editor-container .p-editor-content .ql-editor { - background: #ffffff; - color: #323130; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 2px; -} -.p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: #323130; -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: #323130; -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: #323130; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #0078d4; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #0078d4; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #0078d4; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #0078d4; -} - -.p-inputgroup-addon { - background: #f3f2f1; - color: #605e5c; - border-top: 1px solid #605e5c; - border-left: 1px solid #605e5c; - border-bottom: 1px solid #605e5c; - padding: 0.5rem 0.5rem; - min-width: 2.357rem; -} -.p-inputgroup-addon:last-child { - border-right: 1px solid #605e5c; -} - -.p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, -.p-inputgroup > .p-float-label > .p-component { - border-radius: 0; - margin: 0; -} -.p-inputgroup > .p-component + .p-inputgroup-addon, -.p-inputgroup > .p-element + .p-inputgroup-addon, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, -.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { - border-left: 0 none; -} -.p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, -.p-inputgroup > .p-float-label > .p-component:focus { - z-index: 1; -} -.p-inputgroup > .p-component:focus ~ label, -.p-inputgroup > .p-element:focus ~ label, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, -.p-inputgroup > .p-float-label > .p-component:focus ~ label { - z-index: 1; -} - -.p-inputgroup-addon:first-child, -.p-inputgroup button:first-child, -.p-inputgroup input:first-child, -.p-inputgroup > .p-inputwrapper:first-child > .p-component, -.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; -} - -.p-inputgroup .p-float-label:first-child input { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; -} - -.p-inputgroup-addon:last-child, -.p-inputgroup button:last-child, -.p-inputgroup input:last-child, -.p-inputgroup > .p-inputwrapper:last-child > .p-component, -.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; -} - -.p-inputgroup .p-float-label:last-child input { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; -} - -.p-fluid .p-inputgroup .p-button { - width: auto; -} -.p-fluid .p-inputgroup .p-button.p-button-icon-only { - width: 2.357rem; -} - -p-inputmask.ng-dirty.ng-invalid > .p-inputtext { - border-color: #a4252c; -} - -p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { - border-color: #a4252c; -} - -.p-inputswitch { - width: 3rem; - height: 1.75rem; -} -.p-inputswitch .p-inputswitch-slider { - background: #ffffff; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 30px; -} -.p-inputswitch .p-inputswitch-slider:before { - background: #605e5c; - width: 1.25rem; - height: 1.25rem; - left: 0.25rem; - margin-top: -0.625rem; - border-radius: 50%; - transition-duration: 0.2s; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - transform: translateX(1.25rem); -} -.p-inputswitch.p-focus .p-inputswitch-slider { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; -} -.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #ffffff; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #0078d4; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: #ffffff; -} -.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #005a9e; -} - -p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { - border-color: #a4252c; -} - -.p-inputtext { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - color: #323130; - background: #ffffff; - padding: 0.5rem 0.5rem; - border: 1px solid #605e5c; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - appearance: none; - border-radius: 2px; -} -.p-inputtext:enabled:hover { - border-color: #323130; -} -.p-inputtext:enabled:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; - border-color: #0078d4; -} -.p-inputtext.ng-dirty.ng-invalid { - border-color: #a4252c; -} -.p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.4375rem; -} -.p-inputtext.p-inputtext-lg { - font-size: 1.25rem; - padding: 0.625rem 0.625rem; -} - -.p-float-label > label { - left: 0.5rem; - color: #605e5c; - transition-duration: 0.2s; -} - -.p-float-label > .ng-invalid.ng-dirty + label { - color: #a4252c; -} - -.p-input-icon-left > i:first-of-type { - left: 0.5rem; - color: #605e5c; -} - -.p-input-icon-left > .p-inputtext { - padding-left: 2rem; -} - -.p-input-icon-left.p-float-label > label { - left: 2rem; -} - -.p-input-icon-right > i:last-of-type { - right: 0.5rem; - color: #605e5c; -} - -.p-input-icon-right > .p-inputtext { - padding-right: 2rem; -} - -::-webkit-input-placeholder { - color: #605e5c; -} - -:-moz-placeholder { - color: #605e5c; -} - -::-moz-placeholder { - color: #605e5c; -} - -:-ms-input-placeholder { - color: #605e5c; -} - -.p-input-filled .p-inputtext { - background-color: #faf9f8; -} -.p-input-filled .p-inputtext:enabled:hover { - background-color: #faf9f8; -} -.p-input-filled .p-inputtext:enabled:focus { - background-color: #faf9f8; -} - -.p-inputtext-sm .p-inputtext { - font-size: 0.875rem; - padding: 0.4375rem 0.4375rem; -} - -.p-inputtext-lg .p-inputtext { - font-size: 1.25rem; - padding: 0.625rem 0.625rem; -} - -.p-listbox { - background: #ffffff; - color: #323130; - border: 1px solid #605e5c; - border-radius: 2px; -} -.p-listbox .p-listbox-header { - padding: 0.75rem 0.5rem; - border-bottom: 1px solid #edebe9; - color: #323130; - background: #ffffff; - margin: 0; - border-top-right-radius: 2px; - border-top-left-radius: 2px; -} -.p-listbox .p-listbox-header .p-listbox-filter { - padding-right: 1.5rem; -} -.p-listbox .p-listbox-header .p-listbox-filter-icon { - right: 0.5rem; - color: #605e5c; -} -.p-listbox .p-listbox-header .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list { - padding: 0; -} -.p-listbox .p-listbox-list .p-listbox-item { - margin: 0; - padding: 0.75rem 0.5rem; - border: 1px solid transparent; - color: #323130; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: #323130; - background: #edebe9; -} -.p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; -} -.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list .p-listbox-item-group { - margin: 0; - padding: 0.75rem 0.5rem; - color: #0078d4; - background: #ffffff; - font-weight: 600; -} -.p-listbox .p-listbox-list .p-listbox-empty-message { - padding: 0.75rem 0.5rem; - color: #323130; - background: transparent; -} -.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { - color: #323130; - background: #f3f2f1; -} - -p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #a4252c; -} - -.p-multiselect { - background: #ffffff; - border: 1px solid #605e5c; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 2px; -} -.p-multiselect:not(.p-disabled):hover { - border-color: #323130; -} -.p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; - border-color: #0078d4; -} -.p-multiselect .p-multiselect-label { - padding: 0.5rem 0.5rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-multiselect .p-multiselect-label.p-placeholder { - color: #605e5c; -} -.p-multiselect.p-multiselect-chip .p-multiselect-token { - padding: 0.25rem 0.5rem; - margin-right: 0.5rem; - background: #edebe9; - color: #323130; - border-radius: 2px; -} -.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { - margin-left: 0.5rem; -} -.p-multiselect .p-multiselect-trigger { - background: transparent; - color: #605e5c; - width: 2.357rem; - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; -} - -.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { - padding: 0.25rem 0.5rem; -} - -.p-multiselect-panel { - background: #ffffff; - color: #323130; - border: 0 none; - border-radius: 2px; - box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px; -} -.p-multiselect-panel .p-multiselect-header { - padding: 0.75rem 0.5rem; - border-bottom: 1px solid #edebe9; - color: #323130; - background: #ffffff; - margin: 0; - border-top-right-radius: 2px; - border-top-left-radius: 2px; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { - padding-right: 1.5rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { - right: 0.5rem; - color: #605e5c; -} -.p-multiselect-panel .p-multiselect-header .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close { - margin-left: 0.5rem; - width: 2rem; - height: 2rem; - color: #605e5c; - border: 0 none; - background: transparent; - border-radius: 2px; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { - color: #605e5c; - border-color: transparent; - background: #f3f2f1; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; -} -.p-multiselect-panel .p-multiselect-items:not(.p-multiselect-virtualscroll) { - padding: 0; -} -.p-multiselect-panel .p-multiselect-items.p-multiselect-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item { - margin: 0; - padding: 0.75rem 0.5rem; - border: 1px solid transparent; - color: #323130; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: #323130; - background: #edebe9; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #323130; - background: #f3f2f1; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { - margin: 0; - padding: 0.75rem 0.5rem; - color: #0078d4; - background: #ffffff; - font-weight: 600; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { - padding: 0.75rem 0.5rem; - color: #323130; - background: transparent; -} - -p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #a4252c; -} - -.p-input-filled .p-multiselect { - background: #faf9f8; -} -.p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #faf9f8; -} -.p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #faf9f8; -} - -p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #a4252c; -} - -.p-password-panel { - padding: 1rem; - background: #ffffff; - color: #323130; - border: 0 none; - box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px; - border-radius: 2px; -} -.p-password-panel .p-password-meter { - margin-bottom: 0.5rem; - background: #edebe9; -} -.p-password-panel .p-password-meter .p-password-strength.weak { - background: #d13438; -} -.p-password-panel .p-password-meter .p-password-strength.medium { - background: #ffaa44; -} -.p-password-panel .p-password-meter .p-password-strength.strong { - background: #498205; -} - -.p-radiobutton { - width: 20px; - height: 20px; -} -.p-radiobutton .p-radiobutton-box { - border: 1px solid #605e5c; - background: #ffffff; - width: 20px; - height: 20px; - color: #323130; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #323130; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; - border-color: #0078d4; -} -.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - width: 12px; - height: 12px; - transition-duration: 0.2s; - background-color: #0078d4; -} -.p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #0078d4; - background: #ffffff; -} -.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #005a9e; - background: #ffffff; - color: #005a9e; -} - -p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #a4252c; -} - -.p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #faf9f8; -} -.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #faf9f8; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #ffffff; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #ffffff; -} - -.p-radiobutton-label { - margin-left: 0.5rem; -} - -.p-rating .p-rating-icon { - color: #323130; - margin-left: 0.5rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - font-size: 1.143rem; -} -.p-rating .p-rating-icon.p-rating-cancel { - color: #a4252c; -} -.p-rating .p-rating-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; -} -.p-rating .p-rating-icon:first-child { - margin-left: 0; -} -.p-rating .p-rating-icon.pi-star-fill { - color: #323130; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { - color: #0078d4; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - color: #a4252c; -} - -.p-selectbutton .p-button { - background: #ffffff; - border: 1px solid #605e5c; - color: #323130; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-selectbutton .p-button .p-button-icon-left, -.p-selectbutton .p-button .p-button-icon-right { - color: #605e5c; -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { - background: #f3f2f1; - border-color: #605e5c; - color: #323130; -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: #605e5c; -} -.p-selectbutton .p-button.p-highlight { - background: #edebe9; - border-color: #605e5c; - color: #323130; -} -.p-selectbutton .p-button.p-highlight .p-button-icon-left, -.p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: #323130; -} -.p-selectbutton .p-button.p-highlight:hover { - background: #edebe9; - border-color: #605e5c; - color: #323130; -} -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: #323130; -} - -p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #a4252c; -} - -.p-slider { - background: #c8c6c4; - border: 0 none; - border-radius: 2px; -} -.p-slider.p-slider-horizontal { - height: 4px; -} -.p-slider.p-slider-horizontal .p-slider-handle { - margin-top: -8px; - margin-left: -8px; -} -.p-slider.p-slider-vertical { - width: 4px; -} -.p-slider.p-slider-vertical .p-slider-handle { - margin-left: -8px; - margin-bottom: -8px; -} -.p-slider .p-slider-handle { - height: 16px; - width: 16px; - background: #ffffff; - border: 2px solid #605e5c; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-slider .p-slider-handle:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; -} -.p-slider .p-slider-range { - background: #605e5c; -} -.p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #ffffff; - border-color: #005a9e; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { - transition: width 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { - transition: height 0.2s; -} - -.p-togglebutton.p-button { - background: #ffffff; - border: 1px solid #605e5c; - color: #323130; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-togglebutton.p-button .p-button-icon-left, -.p-togglebutton.p-button .p-button-icon-right { - color: #605e5c; -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { - background: #f3f2f1; - border-color: #605e5c; - color: #323130; -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: #605e5c; -} -.p-togglebutton.p-button.p-highlight { - background: #edebe9; - border-color: #605e5c; - color: #323130; -} -.p-togglebutton.p-button.p-highlight .p-button-icon-left, -.p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: #323130; -} -.p-togglebutton.p-button.p-highlight:hover { - background: #edebe9; - border-color: #605e5c; - color: #323130; -} -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: #323130; -} - -p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #a4252c; -} - -.p-treeselect { - background: #ffffff; - border: 1px solid #605e5c; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 2px; -} -.p-treeselect:not(.p-disabled):hover { - border-color: #323130; -} -.p-treeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; - border-color: #0078d4; -} -.p-treeselect .p-treeselect-label { - padding: 0.5rem 0.5rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-treeselect .p-treeselect-label.p-placeholder { - color: #605e5c; -} -.p-treeselect.p-treeselect-chip .p-treeselect-token { - padding: 0.25rem 0.5rem; - margin-right: 0.5rem; - background: #edebe9; - color: #323130; - border-radius: 16px; -} -.p-treeselect .p-treeselect-trigger { - background: transparent; - color: #605e5c; - width: 2.357rem; - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; -} - -p-treeselect.ng-invalid.ng-dirty > .p-treeselect { - border-color: #a4252c; -} - -.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { - padding: 0.25rem 0.5rem; -} - -.p-treeselect-panel { - background: #ffffff; - color: #323130; - border: 0 none; - border-radius: 2px; - box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px; -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { - border: 0 none; -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { - padding: 0.75rem 0.5rem; - color: #323130; - background: transparent; -} - -.p-input-filled .p-treeselect { - background: #faf9f8; -} -.p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #faf9f8; -} -.p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: #faf9f8; -} - -.p-button { - color: #ffffff; - background: #0078d4; - border: 1px solid #0078d4; - padding: 0.5rem 1rem; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 2px; -} -.p-button:enabled:hover { - background: #106ebe; - color: #ffffff; - border-color: #106ebe; -} -.p-button:enabled:active { - background: #005a9e; - color: #ffffff; - border-color: #005a9e; -} -.p-button.p-button-outlined { - background-color: transparent; - color: #0078d4; - border: 1px solid; -} -.p-button.p-button-outlined:enabled:hover { - background: rgba(0, 120, 212, 0.04); - color: #0078d4; - border: 1px solid; -} -.p-button.p-button-outlined:enabled:active { - background: rgba(0, 120, 212, 0.16); - color: #0078d4; - border: 1px solid; -} -.p-button.p-button-outlined.p-button-plain { - color: #605e5c; - border-color: #605e5c; -} -.p-button.p-button-outlined.p-button-plain:enabled:hover { - background: #f3f2f1; - color: #605e5c; -} -.p-button.p-button-outlined.p-button-plain:enabled:active { - background: #edebe9; - color: #605e5c; -} -.p-button.p-button-text { - background-color: transparent; - color: #0078d4; - border-color: transparent; -} -.p-button.p-button-text:enabled:hover { - background: rgba(0, 120, 212, 0.04); - color: #0078d4; - border-color: transparent; -} -.p-button.p-button-text:enabled:active { - background: rgba(0, 120, 212, 0.16); - color: #0078d4; - border-color: transparent; -} -.p-button.p-button-text.p-button-plain { - color: #605e5c; -} -.p-button.p-button-text.p-button-plain:enabled:hover { - background: #f3f2f1; - color: #605e5c; -} -.p-button.p-button-text.p-button-plain:enabled:active { - background: #edebe9; - color: #605e5c; -} -.p-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; -} -.p-button .p-button-icon-left { - margin-right: 0.5rem; -} -.p-button .p-button-icon-right { - margin-left: 0.5rem; -} -.p-button .p-button-icon-bottom { - margin-top: 0.5rem; -} -.p-button .p-button-icon-top { - margin-bottom: 0.5rem; -} -.p-button .p-badge { - margin-left: 0.5rem; - min-width: 1rem; - height: 1rem; - line-height: 1rem; - color: #0078d4; - background-color: #ffffff; -} -.p-button.p-button-raised { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -} -.p-button.p-button-rounded { - border-radius: 2rem; -} -.p-button.p-button-icon-only { - width: 2.357rem; - padding: 0.5rem 0; -} -.p-button.p-button-icon-only .p-button-icon-left, -.p-button.p-button-icon-only .p-button-icon-right { - margin: 0; -} -.p-button.p-button-icon-only.p-button-rounded { - border-radius: 50%; - height: 2.357rem; -} -.p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.875rem; -} -.p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; -} -.p-button.p-button-lg { - font-size: 1.25rem; - padding: 0.625rem 1.25rem; -} -.p-button.p-button-lg .p-button-icon { - font-size: 1.25rem; -} -.p-button.p-button-loading-label-only .p-button-label { - margin-left: 0.5rem; -} -.p-button.p-button-loading-label-only .p-button-loading-icon { - margin-right: 0; -} - -.p-fluid .p-button { - width: 100%; -} -.p-fluid .p-button-icon-only { - width: 2.357rem; -} -.p-fluid .p-buttonset { - display: flex; -} -.p-fluid .p-buttonset .p-button { - flex: 1; -} - -.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { - color: #ffffff; - background: #d45c00; - border: 1px solid #d45c00; -} -.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { - background: #bf5300; - color: #ffffff; - border-color: #bf5300; -} -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #ffbc88; -} -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: #aa4a00; - color: #ffffff; - border-color: #aa4a00; -} -.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { - background-color: transparent; - color: #d45c00; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { - background: rgba(212, 92, 0, 0.04); - color: #d45c00; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { - background: rgba(212, 92, 0, 0.16); - color: #d45c00; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { - background-color: transparent; - color: #d45c00; - border-color: transparent; -} -.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { - background: rgba(212, 92, 0, 0.04); - border-color: transparent; - color: #d45c00; -} -.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { - background: rgba(212, 92, 0, 0.16); - border-color: transparent; - color: #d45c00; -} - -.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { - color: #ffffff; - background: #00b7c3; - border: 1px solid #00b7c3; -} -.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { - background: #00a5b0; - color: #ffffff; - border-color: #00a5b0; -} -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #81f7ff; -} -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: #00929c; - color: #ffffff; - border-color: #00929c; -} -.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { - background-color: transparent; - color: #00b7c3; - border: 1px solid; -} -.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { - background: rgba(0, 183, 195, 0.04); - color: #00b7c3; - border: 1px solid; -} -.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { - background: rgba(0, 183, 195, 0.16); - color: #00b7c3; - border: 1px solid; -} -.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { - background-color: transparent; - color: #00b7c3; - border-color: transparent; -} -.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { - background: rgba(0, 183, 195, 0.04); - border-color: transparent; - color: #00b7c3; -} -.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { - background: rgba(0, 183, 195, 0.16); - border-color: transparent; - color: #00b7c3; -} - -.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { - color: #ffffff; - background: #498205; - border: 1px solid #498205; -} -.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { - background: #427505; - color: #ffffff; - border-color: #427505; -} -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #baf96f; -} -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: #3a6804; - color: #ffffff; - border-color: #3a6804; -} -.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { - background-color: transparent; - color: #498205; - border: 1px solid; -} -.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { - background: rgba(73, 130, 5, 0.04); - color: #498205; - border: 1px solid; -} -.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { - background: rgba(73, 130, 5, 0.16); - color: #498205; - border: 1px solid; -} -.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { - background-color: transparent; - color: #498205; - border-color: transparent; -} -.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { - background: rgba(73, 130, 5, 0.04); - border-color: transparent; - color: #498205; -} -.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { - background: rgba(73, 130, 5, 0.16); - border-color: transparent; - color: #498205; -} - -.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { - color: #323130; - background: #ffaa44; - border: 1px solid #ffaa44; -} -.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { - background: #ff9b24; - color: #323130; - border-color: #ff9b24; -} -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #ffddb4; -} -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: #ff8d03; - color: #323130; - border-color: #ff8d03; -} -.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { - background-color: transparent; - color: #ffaa44; - border: 1px solid; -} -.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { - background: rgba(255, 170, 68, 0.04); - color: #ffaa44; - border: 1px solid; -} -.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { - background: rgba(255, 170, 68, 0.16); - color: #ffaa44; - border: 1px solid; -} -.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { - background-color: transparent; - color: #ffaa44; - border-color: transparent; -} -.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { - background: rgba(255, 170, 68, 0.04); - border-color: transparent; - color: #ffaa44; -} -.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { - background: rgba(255, 170, 68, 0.16); - border-color: transparent; - color: #ffaa44; -} - -.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { - color: #ffffff; - background: #8378de; - border: 1px solid #8378de; -} -.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { - background: #6a5dd7; - color: #ffffff; - border-color: #6a5dd7; -} -.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #cdc9f2; -} -.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: #5141d1; - color: #ffffff; - border-color: #5141d1; -} -.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { - background-color: transparent; - color: #8378de; - border: 1px solid; -} -.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { - background: rgba(131, 120, 222, 0.04); - color: #8378de; - border: 1px solid; -} -.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { - background: rgba(131, 120, 222, 0.16); - color: #8378de; - border: 1px solid; -} -.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { - background-color: transparent; - color: #8378de; - border-color: transparent; -} -.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { - background: rgba(131, 120, 222, 0.04); - border-color: transparent; - color: #8378de; -} -.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { - background: rgba(131, 120, 222, 0.16); - border-color: transparent; - color: #8378de; -} - -.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { - color: #ffffff; - background: #d13438; - border: 1px solid #d13438; -} -.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { - background: #c02b2f; - color: #ffffff; - border-color: #c02b2f; -} -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #edaeaf; -} -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: #aa272a; - color: #ffffff; - border-color: #aa272a; -} -.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { - background-color: transparent; - color: #d13438; - border: 1px solid; -} -.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { - background: rgba(209, 52, 56, 0.04); - color: #d13438; - border: 1px solid; -} -.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { - background: rgba(209, 52, 56, 0.16); - color: #d13438; - border: 1px solid; -} -.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { - background-color: transparent; - color: #d13438; - border-color: transparent; -} -.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { - background: rgba(209, 52, 56, 0.04); - border-color: transparent; - color: #d13438; -} -.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { - background: rgba(209, 52, 56, 0.16); - border-color: transparent; - color: #d13438; -} - -.p-button.p-button-link { - color: #0078d4; - background: transparent; - border: transparent; -} -.p-button.p-button-link:enabled:hover { - background: transparent; - color: #005a9e; - border-color: transparent; -} -.p-button.p-button-link:enabled:hover .p-button-label { - text-decoration: underline; -} -.p-button.p-button-link:enabled:focus { - background: transparent; - box-shadow: 0 0 0 1px #605e5c; - border-color: transparent; -} -.p-button.p-button-link:enabled:active { - background: transparent; - color: #0078d4; - border-color: transparent; -} - -.p-speeddial-button.p-button.p-button-icon-only { - width: 4rem; - height: 4rem; -} -.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { - font-size: 1.3rem; -} - -.p-speeddial-action { - width: 3rem; - height: 3rem; - background: #323130; - color: #ffffff; -} -.p-speeddial-action:hover { - background: #605e5c; - color: #ffffff; -} - -.p-speeddial-direction-up .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-up .p-speeddial-item:first-child { - margin-bottom: 0.5rem; -} - -.p-speeddial-direction-down .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-down .p-speeddial-item:first-child { - margin-top: 0.5rem; -} - -.p-speeddial-direction-left .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-left .p-speeddial-item:first-child { - margin-right: 0.5rem; -} - -.p-speeddial-direction-right .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-right .p-speeddial-item:first-child { - margin-left: 0.5rem; -} - -.p-speeddial-circle .p-speeddial-item, -.p-speeddial-semi-circle .p-speeddial-item, -.p-speeddial-quarter-circle .p-speeddial-item { - margin: 0; -} -.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, -.p-speeddial-semi-circle .p-speeddial-item:first-child, -.p-speeddial-semi-circle .p-speeddial-item:last-child, -.p-speeddial-quarter-circle .p-speeddial-item:first-child, -.p-speeddial-quarter-circle .p-speeddial-item:last-child { - margin: 0; -} - -.p-speeddial-mask { - background-color: rgba(0, 0, 0, 0.4); -} - -.p-carousel .p-carousel-content .p-carousel-prev, -.p-carousel .p-carousel-content .p-carousel-next { - width: 2rem; - height: 2rem; - color: #605e5c; - border: 0 none; - background: transparent; - border-radius: 2px; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin: 0.5rem; -} -.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, -.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { - color: #605e5c; - border-color: transparent; - background: #f3f2f1; -} -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; -} -.p-carousel .p-carousel-indicators { - padding: 1rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator { - margin-right: 0.5rem; - margin-bottom: 0.5rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: #c8c6c4; - width: 2rem; - height: 0.5rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 0; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { - background: #e1dfdd; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #edebe9; - color: #323130; -} - -.p-datatable .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-datatable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-datatable .p-datatable-header { - background: #ffffff; - color: #323130; - border: 1px solid #f3f2f1; - border-width: 1px 0 1px 0; - padding: 0.75rem 0.75rem; - font-weight: 600; -} -.p-datatable .p-datatable-footer { - background: #ffffff; - color: #323130; - border: 1px solid #f3f2f1; - border-width: 0 0 1px 0; - padding: 0.75rem 0.75rem; - font-weight: 600; -} -.p-datatable .p-datatable-thead > tr > th { - text-align: left; - padding: 0.75rem 0.75rem; - border: 1px solid #f3f2f1; - border-width: 0 0 1px 0; - font-weight: 600; - color: #323130; - background: #ffffff; - transition: box-shadow 0.2s; -} -.p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 0.75rem 0.75rem; - border: 1px solid #f3f2f1; - border-width: 0 0 1px 0; - font-weight: 600; - color: #323130; - background: #ffffff; -} -.p-datatable .p-sortable-column .p-sortable-column-icon { - color: #605e5c; - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: #323130; - background: #edebe9; - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column:not(.p-highlight):hover { - background: #f3f2f1; - color: #323130; -} -.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #605e5c; -} -.p-datatable .p-sortable-column.p-highlight { - background: #edebe9; - color: #323130; -} -.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #323130; -} -.p-datatable .p-sortable-column.p-highlight:hover { - background: #f3f2f1; - color: #323130; -} -.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { - color: #323130; -} -.p-datatable .p-sortable-column:focus { - box-shadow: inset 0 0 0 1px #605e5c; - outline: 0 none; -} -.p-datatable .p-datatable-tbody > tr { - background: #ffffff; - color: #323130; - transition: box-shadow 0.2s; - outline-color: #605e5c; -} -.p-datatable .p-datatable-tbody > tr > td { - text-align: left; - border: 1px solid #f3f2f1; - border-width: 0 0 1px 0; - padding: 0.75rem 0.75rem; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { - width: 2rem; - height: 2rem; - color: #605e5c; - border: 0 none; - background: transparent; - border-radius: 2px; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { - color: #605e5c; - border-color: transparent; - background: #f3f2f1; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { - margin-right: 0.5rem; -} -.p-datatable .p-datatable-tbody > tr.p-highlight { - background: #edebe9; - color: #323130; -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #edebe9; -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #edebe9; -} -.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { - background: #f3f2f1; - color: #323130; -} -.p-datatable .p-column-resizer-helper { - background: #0078d4; -} -.p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #faf9f8; -} -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot { - background-color: #ffffff; -} -.p-datatable .p-datatable-loading-icon { - font-size: 2rem; -} -.p-datatable.p-datatable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-footer { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-top { - border-width: 0 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-bottom { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { - background: #faf9f8; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: #edebe9; - color: #323130; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: #323130; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: #323130; -} -.p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.375rem 0.375rem; -} -.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.375rem 0.375rem; -} -.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.375rem 0.375rem; -} -.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.375rem 0.375rem; -} -.p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.375rem 0.375rem; -} -.p-datatable.p-datatable-lg .p-datatable-header { - padding: 0.9375rem 0.9375rem; -} -.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { - padding: 0.9375rem 0.9375rem; -} -.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { - padding: 0.9375rem 0.9375rem; -} -.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { - padding: 0.9375rem 0.9375rem; -} -.p-datatable.p-datatable-lg .p-datatable-footer { - padding: 0.9375rem 0.9375rem; -} - -.p-dataview .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-dataview .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-dataview .p-dataview-header { - background: #ffffff; - color: #323130; - border: 1px solid #f3f2f1; - border-width: 1px 0 1px 0; - padding: 0.75rem 0.75rem; - font-weight: 600; -} -.p-dataview .p-dataview-content { - background: #ffffff; - color: #323130; - border: 0 none; - padding: 0; -} -.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid #f3f2f1; - border-width: 0 0 1px 0; -} -.p-dataview .p-dataview-footer { - background: #ffffff; - color: #323130; - border: 1px solid #f3f2f1; - border-width: 0 0 1px 0; - padding: 0.75rem 0.75rem; - font-weight: 600; - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; -} -.p-dataview .p-dataview-loading-icon { - font-size: 2rem; -} -.p-dataview .p-dataview-emptymessage { - padding: 1rem; -} - -.p-column-filter-row .p-column-filter-menu-button, -.p-column-filter-row .p-column-filter-clear-button { - margin-left: 0.5rem; -} - -.p-column-filter-menu-button { - width: 2rem; - height: 2rem; - color: #605e5c; - border: 0 none; - background: transparent; - border-radius: 2px; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-menu-button:hover { - color: #605e5c; - border-color: transparent; - background: #f3f2f1; -} -.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: #f3f2f1; - color: #605e5c; -} -.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: #edebe9; - color: #323130; -} -.p-column-filter-menu-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; -} - -.p-column-filter-clear-button { - width: 2rem; - height: 2rem; - color: #605e5c; - border: 0 none; - background: transparent; - border-radius: 2px; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-clear-button:hover { - color: #605e5c; - border-color: transparent; - background: #f3f2f1; -} -.p-column-filter-clear-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; -} - -.p-column-filter-overlay { - background: #ffffff; - color: #323130; - border: 0 none; - border-radius: 2px; - box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px; - min-width: 12.5rem; -} -.p-column-filter-overlay .p-column-filter-row-items { - padding: 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { - margin: 0; - padding: 0.75rem 0.5rem; - border: 1px solid transparent; - color: #323130; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: #323130; - background: #edebe9; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: #323130; - background: #f3f2f1; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #edebe9; - margin: 0.25rem 0; -} - -.p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.75rem 0.5rem; - border-bottom: 1px solid #edebe9; - color: #323130; - background: #ffffff; - margin: 0; - border-top-right-radius: 2px; - border-top-left-radius: 2px; -} -.p-column-filter-overlay-menu .p-column-filter-constraint { - padding: 1rem; - border-bottom: 1px solid #edebe9; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { - margin-bottom: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { - margin-top: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { - border-bottom: 0 none; -} -.p-column-filter-overlay-menu .p-column-filter-add-rule { - padding: 0.5rem 1rem; -} -.p-column-filter-overlay-menu .p-column-filter-buttonbar { - padding: 1rem; -} - -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #faf9f8; - border: 1px solid #a19f9d; - color: #323130; -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #ffffff; - border: 1px solid #a19f9d; - color: #323130; -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #a19f9d; -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #a19f9d; -} -.fc.fc-unthemed .fc-view-container .fc-event { - background: #0078d4; - border: 1px solid #0078d4; - color: #ffffff; -} -.fc.fc-unthemed .fc-view-container .fc-divider { - background: #faf9f8; - border: 1px solid #a19f9d; -} -.fc.fc-unthemed .fc-toolbar .fc-button { - color: #ffffff; - background: #0078d4; - border: 1px solid #0078d4; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 2px; - display: flex; - align-items: center; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #106ebe; - color: #ffffff; - border-color: #106ebe; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #005a9e; - color: #ffffff; - border-color: #005a9e; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 1px solid #605e5c; - color: #323130; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #f3f2f1; - border-color: #605e5c; - color: #323130; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #edebe9; - border-color: #605e5c; - color: #323130; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #edebe9; - border-color: #605e5c; - color: #323130; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; - z-index: 1; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; -} -.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #a19f9d; -} -.fc.fc-theme-standard .fc-view-harness th { - background: #faf9f8; - border-color: #a19f9d; - color: #323130; -} -.fc.fc-theme-standard .fc-view-harness td { - color: #323130; - border-color: #a19f9d; -} -.fc.fc-theme-standard .fc-view-harness .fc-view { - background: #ffffff; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #a19f9d; - padding: 1rem; - background: #faf9f8; - color: #323130; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: #605e5c; - border: 0 none; - background: transparent; - border-radius: 2px; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: #605e5c; - border-color: transparent; - background: #f3f2f1; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1rem; - border: 1px solid #a19f9d; - background: #ffffff; - color: #323130; - border-top: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #ffffff; - background: #0078d4; - border-color: #0078d4; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #ffffff; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #0078d4; - border-color: #0078d4; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: #f3f2f1; - color: #323130; -} -.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #faf9f8; -} -.fc.fc-theme-standard .fc-toolbar .fc-button { - color: #ffffff; - background: #0078d4; - border: 1px solid #0078d4; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 2px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #106ebe; - color: #ffffff; - border-color: #106ebe; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #005a9e; - color: #ffffff; - border-color: #005a9e; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.6; - color: #ffffff; - background: #0078d4; - border: 1px solid #0078d4; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 1px solid #605e5c; - color: #323130; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #f3f2f1; - border-color: #605e5c; - color: #323130; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #edebe9; - border-color: #605e5c; - color: #323130; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #edebe9; - border-color: #605e5c; - color: #323130; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; - z-index: 1; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; -} -.fc.fc-theme-standard a { - color: #323130; -} -.fc.fc-theme-standard .fc-highlight { - color: #323130; - background: #edebe9; -} - -.p-orderlist .p-orderlist-controls { - padding: 1rem; -} -.p-orderlist .p-orderlist-controls .p-button { - margin-bottom: 0.5rem; -} -.p-orderlist .p-orderlist-header { - background: #faf9f8; - color: #323130; - border: 1px solid #a19f9d; - padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 2px; - border-top-left-radius: 2px; -} -.p-orderlist .p-orderlist-header .p-orderlist-title { - font-weight: 600; -} -.p-orderlist .p-orderlist-filter-container { - padding: 1rem; - background: #ffffff; - border: 1px solid #a19f9d; - border-bottom: 0 none; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { - padding-right: 1.5rem; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { - right: 0.5rem; - color: #605e5c; -} -.p-orderlist .p-orderlist-list { - border: 1px solid #a19f9d; - background: #ffffff; - color: #323130; - padding: 0; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 2px; -} -.p-orderlist .p-orderlist-list .p-orderlist-item { - padding: 0.75rem 0.5rem; - margin: 0; - border: 1px solid transparent; - color: #323130; - background: transparent; - transition: box-shadow 0.2s; -} -.p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; -} -.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #323130; - background: #edebe9; -} -.p-orderlist .p-orderlist-list .p-orderlist-empty-message { - padding: 0.75rem 0.5rem; - color: #323130; -} -.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { - background: #f3f2f1; - color: #323130; -} - -.p-orderlist-item.cdk-drag-preview { - padding: 0.75rem 0.5rem; - box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px; - border: 1px solid transparent; - color: #323130; - background: #ffffff; - margin: 0; -} - -.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: #f3f2f1; - color: #323130; -} -.p-organizationchart .p-organizationchart-node-content.p-highlight { - background: #edebe9; - color: #323130; -} -.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: #b4aba3; -} -.p-organizationchart .p-organizationchart-line-down { - background: #a19f9d; -} -.p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #a19f9d; - border-color: #a19f9d; -} -.p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #a19f9d; - border-color: #a19f9d; -} -.p-organizationchart .p-organizationchart-node-content { - border: 1px solid #a19f9d; - background: #ffffff; - color: #323130; - padding: 1rem; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler { - background: inherit; - color: inherit; - border-radius: 50%; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; -} - -.p-paginator { - background: #ffffff; - color: #605e5c; - border: solid #f3f2f1; - border-width: 0; - padding: 0.5rem 1rem; - border-radius: 2px; -} -.p-paginator .p-paginator-first, -.p-paginator .p-paginator-prev, -.p-paginator .p-paginator-next, -.p-paginator .p-paginator-last { - background-color: transparent; - border: 0 none; - color: #605e5c; - min-width: 2.357rem; - height: 2.357rem; - margin: 0.143rem; - transition: box-shadow 0.2s; - border-radius: 2px; -} -.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { - background: #f3f2f1; - border-color: transparent; - color: #323130; -} -.p-paginator .p-paginator-first { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; -} -.p-paginator .p-paginator-last { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; -} -.p-paginator .p-dropdown { - margin-left: 0.5rem; - margin-right: 0.5rem; - height: 2.357rem; -} -.p-paginator .p-dropdown .p-dropdown-label { - padding-right: 0; -} -.p-paginator .p-paginator-page-input { - margin-left: 0.5rem; - margin-right: 0.5rem; -} -.p-paginator .p-paginator-page-input .p-inputtext { - max-width: 2.357rem; -} -.p-paginator .p-paginator-current { - background-color: transparent; - border: 0 none; - color: #605e5c; - min-width: 2.357rem; - height: 2.357rem; - margin: 0.143rem; - padding: 0 0.5rem; -} -.p-paginator .p-paginator-pages .p-paginator-page { - background-color: transparent; - border: 0 none; - color: #605e5c; - min-width: 2.357rem; - height: 2.357rem; - margin: 0.143rem; - transition: box-shadow 0.2s; - border-radius: 2px; -} -.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: #edebe9; - border-color: #edebe9; - color: #323130; -} -.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { - background: #f3f2f1; - border-color: transparent; - color: #323130; -} - -.p-picklist .p-picklist-buttons { - padding: 1rem; -} -.p-picklist .p-picklist-buttons .p-button { - margin-bottom: 0.5rem; -} -.p-picklist .p-picklist-header { - background: #faf9f8; - color: #323130; - border: 1px solid #a19f9d; - padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 2px; - border-top-left-radius: 2px; -} -.p-picklist .p-picklist-header .p-picklist-title { - font-weight: 600; -} -.p-picklist .p-picklist-filter-container { - padding: 1rem; - background: #ffffff; - border: 1px solid #a19f9d; - border-bottom: 0 none; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-input { - padding-right: 1.5rem; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { - right: 0.5rem; - color: #605e5c; -} -.p-picklist .p-picklist-list { - border: 1px solid #a19f9d; - background: #ffffff; - color: #323130; - padding: 0; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 2px; -} -.p-picklist .p-picklist-list .p-picklist-item { - padding: 0.75rem 0.5rem; - margin: 0; - border: 1px solid transparent; - color: #323130; - background: transparent; - transition: box-shadow 0.2s; -} -.p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; -} -.p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: #323130; - background: #edebe9; -} -.p-picklist .p-picklist-list .p-picklist-empty-message { - padding: 0.75rem 0.5rem; - color: #323130; -} -.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { - background: #f3f2f1; - color: #323130; -} - -.p-picklist-item.cdk-drag-preview { - padding: 0.75rem 0.5rem; - box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px; - border: 1px solid transparent; - color: #323130; - background: #ffffff; - margin: 0; -} - -.p-timeline .p-timeline-event-marker { - border: 0 none; - border-radius: 50%; - width: 1rem; - height: 1rem; - background-color: #0078d4; -} -.p-timeline .p-timeline-event-connector { - background-color: #a19f9d; -} -.p-timeline.p-timeline-vertical .p-timeline-event-opposite, -.p-timeline.p-timeline-vertical .p-timeline-event-content { - padding: 0 1rem; -} -.p-timeline.p-timeline-vertical .p-timeline-event-connector { - width: 2px; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, -.p-timeline.p-timeline-horizontal .p-timeline-event-content { - padding: 1rem 0; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-connector { - height: 2px; -} - -.p-tree { - border: 1px solid #a19f9d; - background: #ffffff; - color: #323130; - padding: 1rem; - border-radius: 2px; -} -.p-tree .p-tree-container .p-treenode { - padding: 0.143rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content { - border-radius: 2px; - transition: box-shadow 0.2s; - padding: 0.5rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; - width: 2rem; - height: 2rem; - color: #605e5c; - border: 0 none; - background: transparent; - border-radius: 2px; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { - color: #605e5c; - border-color: transparent; - background: #f3f2f1; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { - margin-right: 0.5rem; - color: #605e5c; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { - color: #323130; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: #edebe9; - color: #323130; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #323130; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { - color: #323130; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: #f3f2f1; - color: #323130; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { - background: #f3f2f1; - color: #323130; -} -.p-tree .p-tree-filter-container { - margin-bottom: 0.5rem; -} -.p-tree .p-tree-filter-container .p-tree-filter { - width: 100%; - padding-right: 1.5rem; -} -.p-tree .p-tree-filter-container .p-tree-filter-icon { - right: 0.5rem; - color: #605e5c; -} -.p-tree .p-treenode-children { - padding: 0 0 0 1rem; -} -.p-tree .p-tree-loading-icon { - font-size: 2rem; -} -.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: #c3bcb5; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { - border-radius: 2px; - border: 1px solid #a19f9d; - background-color: #ffffff; - color: #323130; - padding: 0.5rem; - transition: box-shadow 0.2s; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { - background-color: #edebe9; - color: #323130; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #323130; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { - color: #605e5c; - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { - background-color: inherit; - color: inherit; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: #f3f2f1; - color: #323130; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; -} - -.p-treetable .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-treetable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-treetable .p-treetable-header { - background: #ffffff; - color: #323130; - border: 1px solid #f3f2f1; - border-width: 1px 0 1px 0; - padding: 0.75rem 0.75rem; - font-weight: 600; -} -.p-treetable .p-treetable-footer { - background: #ffffff; - color: #323130; - border: 1px solid #f3f2f1; - border-width: 0 0 1px 0; - padding: 0.75rem 0.75rem; - font-weight: 600; -} -.p-treetable .p-treetable-thead > tr > th { - text-align: left; - padding: 0.75rem 0.75rem; - border: 1px solid #f3f2f1; - border-width: 0 0 1px 0; - font-weight: 600; - color: #323130; - background: #ffffff; - transition: box-shadow 0.2s; -} -.p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 0.75rem 0.75rem; - border: 1px solid #f3f2f1; - border-width: 0 0 1px 0; - font-weight: 600; - color: #323130; - background: #ffffff; -} -.p-treetable .p-sortable-column { - outline-color: #605e5c; -} -.p-treetable .p-sortable-column .p-sortable-column-icon { - color: #605e5c; - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: #323130; - background: #edebe9; - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column:not(.p-highlight):hover { - background: #f3f2f1; - color: #323130; -} -.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #605e5c; -} -.p-treetable .p-sortable-column.p-highlight { - background: #edebe9; - color: #323130; -} -.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #323130; -} -.p-treetable .p-treetable-tbody > tr { - background: #ffffff; - color: #323130; - transition: box-shadow 0.2s; - outline-color: #605e5c; -} -.p-treetable .p-treetable-tbody > tr > td { - text-align: left; - border: 1px solid #f3f2f1; - border-width: 0 0 1px 0; - padding: 0.75rem 0.75rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { - width: 2rem; - height: 2rem; - color: #605e5c; - border: 0 none; - background: transparent; - border-radius: 2px; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { - color: #605e5c; - border-color: transparent; - background: #f3f2f1; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { - color: #323130; -} -.p-treetable .p-treetable-tbody > tr.p-highlight { - background: #edebe9; - color: #323130; -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: #323130; -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: #323130; -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { - background: #f3f2f1; - color: #323130; -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { - color: #323130; -} -.p-treetable .p-column-resizer-helper { - background: #0078d4; -} -.p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #faf9f8; -} -.p-treetable .p-treetable-loading-icon { - font-size: 2rem; -} -.p-treetable.p-treetable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-footer { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-top { - border-width: 0 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-bottom { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-sm .p-treetable-header { - padding: 0.65625rem 0.65625rem; -} -.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { - padding: 0.375rem 0.375rem; -} -.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { - padding: 0.375rem 0.375rem; -} -.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { - padding: 0.375rem 0.375rem; -} -.p-treetable.p-treetable-sm .p-treetable-footer { - padding: 0.375rem 0.375rem; -} -.p-treetable.p-treetable-lg .p-treetable-header { - padding: 0.9375rem 0.9375rem; -} -.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { - padding: 0.9375rem 0.9375rem; -} -.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { - padding: 0.9375rem 0.9375rem; -} -.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { - padding: 0.9375rem 0.9375rem; -} -.p-treetable.p-treetable-lg .p-treetable-footer { - padding: 0.9375rem 0.9375rem; -} - -.p-virtualscroller .p-virtualscroller-header { - background: #ffffff; - color: #323130; - border: 1px solid #f3f2f1; - border-width: 1px 0 1px 0; - padding: 0.75rem 0.75rem; - font-weight: 600; -} -.p-virtualscroller .p-virtualscroller-content { - background: #ffffff; - color: #323130; - border: 0 none; - padding: 0; -} -.p-virtualscroller .p-virtualscroller-footer { - background: #ffffff; - color: #323130; - border: 1px solid #f3f2f1; - border-width: 0 0 1px 0; - padding: 0.75rem 0.75rem; - font-weight: 600; - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; -} - -.p-accordion .p-accordion-header .p-accordion-header-link { - padding: 1rem; - border: 1px solid #a19f9d; - color: #323130; - background: #faf9f8; - font-weight: 600; - border-radius: 2px; - transition: box-shadow 0.2s; -} -.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { - margin-right: 0.5rem; -} -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; -} -.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { - background: #f3f2f1; - border-color: #a19f9d; - color: #323130; -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #faf9f8; - border-color: #a19f9d; - color: #323130; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-color: #a19f9d; - background: #f3f2f1; - color: #323130; -} -.p-accordion .p-accordion-content { - padding: 1rem; - border: 1px solid #a19f9d; - background: #ffffff; - color: #323130; - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 2px; -} -.p-accordion p-accordiontab .p-accordion-tab { - margin-bottom: 4px; -} - -.p-card { - background: #ffffff; - color: #323130; - box-shadow: rgba(0, 0, 0, 0.133) 0px 1.6px 3.6px 0px, rgba(0, 0, 0, 0.11) 0px 0.3px 0.9px 0px; - border-radius: 2px; -} -.p-card .p-card-body { - padding: 1rem; -} -.p-card .p-card-title { - font-size: 1.5rem; - font-weight: 700; - margin-bottom: 0.5rem; -} -.p-card .p-card-subtitle { - font-weight: 400; - margin-bottom: 0.5rem; - color: #605e5c; -} -.p-card .p-card-content { - padding: 1rem 0; -} -.p-card .p-card-footer { - padding: 1rem 0 0 0; -} - -.p-divider .p-divider-content { - background-color: #ffffff; -} -.p-divider.p-divider-horizontal { - margin: 1rem 0; - padding: 0 1rem; -} -.p-divider.p-divider-horizontal:before { - border-top: 1px #edebe9; -} -.p-divider.p-divider-horizontal .p-divider-content { - padding: 0 0.5rem; -} -.p-divider.p-divider-vertical { - margin: 0 1rem; - padding: 1rem 0; -} -.p-divider.p-divider-vertical:before { - border-left: 1px #edebe9; -} -.p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; -} - -.p-fieldset { - border: 1px solid #a19f9d; - background: #ffffff; - color: #323130; - border-radius: 2px; -} -.p-fieldset .p-fieldset-legend { - padding: 1rem; - border: 1px solid #a19f9d; - color: #323130; - background: #faf9f8; - font-weight: 600; - border-radius: 2px; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { - padding: 0; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { - padding: 1rem; - color: #323130; - border-radius: 2px; - transition: box-shadow 0.2s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { - margin-right: 0.5rem; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: #f3f2f1; - border-color: #a19f9d; - color: #323130; -} -.p-fieldset .p-fieldset-content { - padding: 1rem; -} - -.p-panel .p-panel-header { - border: 1px solid #a19f9d; - padding: 1rem; - background: #faf9f8; - color: #323130; - border-top-right-radius: 2px; - border-top-left-radius: 2px; -} -.p-panel .p-panel-header .p-panel-title { - font-weight: 600; -} -.p-panel .p-panel-header .p-panel-header-icon { - width: 2rem; - height: 2rem; - color: #605e5c; - border: 0 none; - background: transparent; - border-radius: 2px; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { - color: #605e5c; - border-color: transparent; - background: #f3f2f1; -} -.p-panel .p-panel-header .p-panel-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; -} -.p-panel.p-panel-toggleable .p-panel-header { - padding: 0.5rem 1rem; -} -.p-panel .p-panel-content { - padding: 1rem; - border: 1px solid #a19f9d; - background: #ffffff; - color: #323130; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 2px; - border-top: 0 none; -} -.p-panel .p-panel-footer { - padding: 0.5rem 1rem; - border: 1px solid #a19f9d; - background: #ffffff; - color: #323130; - border-top: 0 none; -} - -.p-scrollpanel .p-scrollpanel-bar { - background: #f3f2f1; - border: 0 none; -} - -.p-splitter { - border: 1px solid #a19f9d; - background: #ffffff; - border-radius: 2px; - color: #323130; -} -.p-splitter .p-splitter-gutter { - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - background: #faf9f8; -} -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: #edebe9; -} -.p-splitter .p-splitter-gutter-resizing { - background: #edebe9; -} - -.p-tabview .p-tabview-nav { - background: #ffffff; - border: 0 none; - border-width: 0 0 2px 0; -} -.p-tabview .p-tabview-nav li { - margin-right: 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #a19f9d; - border-width: 0 0 2px 0; - border-color: transparent transparent transparent transparent; - background: #ffffff; - color: #605e5c; - padding: 1rem; - font-weight: 600; - border-top-right-radius: 2px; - border-top-left-radius: 2px; - transition: box-shadow 0.2s; - margin: 0 0.5rem -2px 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset inset 0 0 0 1px #605e5c; -} -.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #f3f2f1; - border-color: transparent; - color: #605e5c; -} -.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #ffffff; - border-color: #0078d4; - color: #323130; -} -.p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; -} -.p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-close { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-nav-btn.p-link { - background: #ffffff; - color: #323130; - width: 2.357rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; -} -.p-tabview .p-tabview-nav-btn.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset inset 0 0 0 1px #605e5c; -} -.p-tabview .p-tabview-panels { - background: #ffffff; - padding: 1rem; - border: 0 none; - color: #323130; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 2px; -} - -.p-toolbar { - background: #faf9f8; - border: 1px solid #a19f9d; - padding: 1rem; - border-radius: 2px; -} -.p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; -} - -.p-confirm-popup { - background: #ffffff; - color: #323130; - border: 0 none; - border-radius: 2px; - box-shadow: rgba(0, 0, 0, 0.133) 0px 6.4px 14.4px 0px, rgba(0, 0, 0, 0.11) 0px 1.2px 3.6px 0px; -} -.p-confirm-popup .p-confirm-popup-content { - padding: 1rem; -} -.p-confirm-popup .p-confirm-popup-footer { - text-align: right; - padding: 0.5rem 1rem; -} -.p-confirm-popup .p-confirm-popup-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-confirm-popup .p-confirm-popup-footer button:last-child { - margin: 0; -} -.p-confirm-popup:after { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-confirm-popup:before { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-confirm-popup.p-confirm-popup-flipped:after { - border-top-color: #ffffff; -} -.p-confirm-popup.p-confirm-popup-flipped:before { - border-top-color: #ffffff; -} -.p-confirm-popup .p-confirm-popup-icon { - font-size: 1.5rem; -} -.p-confirm-popup .p-confirm-popup-message { - margin-left: 1rem; -} - -.p-dialog { - border-radius: 2px; - box-shadow: rgba(0, 0, 0, 0.133) 0px 6.4px 14.4px 0px, rgba(0, 0, 0, 0.11) 0px 1.2px 3.6px 0px; - border: 0 none; -} -.p-dialog .p-dialog-header { - border-bottom: 0 none; - background: #ffffff; - color: #323130; - padding: 1.5rem; - border-top-right-radius: 2px; - border-top-left-radius: 2px; -} -.p-dialog .p-dialog-header .p-dialog-title { - font-weight: 600; - font-size: 1.5rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon { - width: 2rem; - height: 2rem; - color: #605e5c; - border: 0 none; - background: transparent; - border-radius: 2px; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { - color: #605e5c; - border-color: transparent; - background: #f3f2f1; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { - margin-right: 0; -} -.p-dialog .p-dialog-content { - background: #ffffff; - color: #323130; - padding: 0 1.5rem 2rem 1.5rem; -} -.p-dialog .p-dialog-footer { - border-top: 0 none; - background: #ffffff; - color: #323130; - padding: 0 1.5rem 1.5rem 1.5rem; - text-align: right; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 2px; -} -.p-dialog .p-dialog-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { - font-size: 2rem; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; -} - -.p-overlaypanel { - background: #ffffff; - color: #323130; - border: 0 none; - border-radius: 2px; - box-shadow: rgba(0, 0, 0, 0.133) 0px 6.4px 14.4px 0px, rgba(0, 0, 0, 0.11) 0px 1.2px 3.6px 0px; -} -.p-overlaypanel .p-overlaypanel-content { - padding: 1rem; -} -.p-overlaypanel .p-overlaypanel-close { - background: #0078d4; - color: #ffffff; - width: 2rem; - height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 2px; - position: absolute; - top: -1rem; - right: -1rem; -} -.p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #106ebe; - color: #ffffff; -} -.p-overlaypanel:after { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-overlaypanel:before { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-overlaypanel.p-overlaypanel-flipped:after { - border-top-color: #ffffff; -} -.p-overlaypanel.p-overlaypanel-flipped:before { - border-top-color: #ffffff; -} - -.p-sidebar { - background: #ffffff; - color: #323130; - border: 0 none; - box-shadow: rgba(0, 0, 0, 0.133) 0px 6.4px 14.4px 0px, rgba(0, 0, 0, 0.11) 0px 1.2px 3.6px 0px; -} -.p-sidebar .p-sidebar-header { - padding: 1rem; -} -.p-sidebar .p-sidebar-header .p-sidebar-close, -.p-sidebar .p-sidebar-header .p-sidebar-icon { - width: 2rem; - height: 2rem; - color: #605e5c; - border: 0 none; - background: transparent; - border-radius: 2px; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, -.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { - color: #605e5c; - border-color: transparent; - background: #f3f2f1; -} -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; -} -.p-sidebar .p-sidebar-header + .p-sidebar-content { - padding-top: 0; -} -.p-sidebar .p-sidebar-content { - padding: 1rem; -} - -.p-tooltip .p-tooltip-text { - background: #ffffff; - color: #323130; - padding: 0.5rem 0.5rem; - box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px; - border-radius: 2px; -} -.p-tooltip.p-tooltip-right .p-tooltip-arrow { - border-right-color: #ffffff; -} -.p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #ffffff; -} -.p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #ffffff; -} -.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #ffffff; -} - -.p-fileupload .p-fileupload-buttonbar { - background: #faf9f8; - padding: 1rem; - border: 1px solid #a19f9d; - color: #323130; - border-bottom: 0 none; - border-top-right-radius: 2px; - border-top-left-radius: 2px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; -} -.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; -} -.p-fileupload .p-fileupload-content { - background: #ffffff; - padding: 2rem 1rem; - border: 1px solid #a19f9d; - color: #323130; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 2px; -} -.p-fileupload .p-progressbar { - height: 2px; -} -.p-fileupload .p-fileupload-row > div { - padding: 0.75rem 0.75rem; -} -.p-fileupload.p-fileupload-advanced .p-message { - margin-top: 0; -} - -.p-fileupload-choose:not(.p-disabled):hover { - background: #106ebe; - color: #ffffff; - border-color: #106ebe; -} -.p-fileupload-choose:not(.p-disabled):active { - background: #005a9e; - color: #ffffff; - border-color: #005a9e; -} - -.p-breadcrumb { - background: #ffffff; - border: 1px solid #eeeeee; - border-radius: 2px; - padding: 1rem; -} -.p-breadcrumb ul li .p-menuitem-link { - transition: box-shadow 0.2s; - border-radius: 2px; -} -.p-breadcrumb ul li .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { - color: #323130; -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { - color: #0078d4; -} -.p-breadcrumb ul li.p-breadcrumb-chevron { - margin: 0 0.5rem 0 0.5rem; - color: #323130; -} -.p-breadcrumb ul li:last-child .p-menuitem-text { - color: #323130; -} -.p-breadcrumb ul li:last-child .p-menuitem-icon { - color: #0078d4; -} - -.p-contextmenu { - padding: 0; - background: #ffffff; - color: #323130; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 2px; - width: 12.5rem; -} -.p-contextmenu .p-menuitem-link { - padding: 0.75rem 0.5rem; - color: #323130; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-contextmenu .p-menuitem-link .p-menuitem-text { - color: #323130; -} -.p-contextmenu .p-menuitem-link .p-menuitem-icon { - color: #0078d4; - margin-right: 0.5rem; -} -.p-contextmenu .p-menuitem-link .p-submenu-icon { - color: #0078d4; -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: #f3f2f1; -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #323130; -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #0078d4; -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #0078d4; -} -.p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; -} -.p-contextmenu .p-submenu-list { - padding: 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 2px; -} -.p-contextmenu .p-menuitem { - margin: 0; -} -.p-contextmenu .p-menuitem:last-child { - margin: 0; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #edebe9; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #323130; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #0078d4; -} -.p-contextmenu .p-menu-separator { - border-top: 1px solid #edebe9; - margin: 0.25rem 0; -} -.p-contextmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-dock .p-dock-list { - background: rgba(255, 255, 255, 0.1); - border: 1px solid rgba(255, 255, 255, 0.2); - padding: 0.5rem 0.5rem; - border-radius: 0.5rem; -} -.p-dock .p-dock-item { - padding: 0.5rem; -} -.p-dock .p-dock-action { - width: 4rem; - height: 4rem; -} -.p-dock.p-dock-top .p-dock-item-second-prev, -.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, -.p-dock.p-dock-bottom .p-dock-item-second-next { - margin: 0 0.9rem; -} -.p-dock.p-dock-top .p-dock-item-prev, -.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, -.p-dock.p-dock-bottom .p-dock-item-next { - margin: 0 1.3rem; -} -.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { - margin: 0 1.5rem; -} -.p-dock.p-dock-left .p-dock-item-second-prev, -.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, -.p-dock.p-dock-right .p-dock-item-second-next { - margin: 0.9rem 0; -} -.p-dock.p-dock-left .p-dock-item-prev, -.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, -.p-dock.p-dock-right .p-dock-item-next { - margin: 1.3rem 0; -} -.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { - margin: 1.5rem 0; -} - -@media screen and (max-width: 960px) { - .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { - margin: auto 0; - } - .p-dock .p-dock-list .p-dock-item { - transform: none; - margin: 0; - } -} -.p-megamenu { - padding: 0.5rem; - background: #ffffff; - color: #323130; - border: 1px solid #eeeeee; - border-radius: 2px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 0.5rem; - color: #323130; - border-radius: 2px; - transition: box-shadow 0.2s; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: #323130; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: #0078d4; - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: #0078d4; - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #f3f2f1; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #323130; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #0078d4; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #0078d4; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #edebe9; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #323130; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #0078d4; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #0078d4; -} -.p-megamenu .p-menuitem-link { - padding: 0.75rem 0.5rem; - color: #323130; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-megamenu .p-menuitem-link .p-menuitem-text { - color: #323130; -} -.p-megamenu .p-menuitem-link .p-menuitem-icon { - color: #0078d4; - margin-right: 0.5rem; -} -.p-megamenu .p-menuitem-link .p-submenu-icon { - color: #0078d4; -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover { - background: #f3f2f1; -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #323130; -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #0078d4; -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #0078d4; -} -.p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; -} -.p-megamenu .p-megamenu-panel { - background: #ffffff; - color: #323130; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-megamenu .p-megamenu-submenu-header { - margin: 0; - padding: 0.75rem 0.5rem; - color: #0078d4; - background: #ffffff; - font-weight: 600; - border-top-right-radius: 2px; - border-top-left-radius: 2px; -} -.p-megamenu .p-megamenu-submenu { - padding: 0; - width: 12.5rem; -} -.p-megamenu .p-megamenu-submenu .p-menu-separator { - border-top: 1px solid #edebe9; - margin: 0.25rem 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem { - margin: 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { - margin: 0; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #edebe9; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #323130; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #0078d4; -} -.p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem { - margin: 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { - margin: 0; -} - -.p-menu { - padding: 0; - background: #ffffff; - color: #323130; - border: 1px solid #eeeeee; - border-radius: 2px; - width: 12.5rem; -} -.p-menu .p-menuitem-link { - padding: 0.75rem 0.5rem; - color: #323130; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menu .p-menuitem-link .p-menuitem-text { - color: #323130; -} -.p-menu .p-menuitem-link .p-menuitem-icon { - color: #0078d4; - margin-right: 0.5rem; -} -.p-menu .p-menuitem-link .p-submenu-icon { - color: #0078d4; -} -.p-menu .p-menuitem-link:not(.p-disabled):hover { - background: #f3f2f1; -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #323130; -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #0078d4; -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #0078d4; -} -.p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; -} -.p-menu.p-menu-overlay { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-menu .p-submenu-header { - margin: 0; - padding: 0.75rem 0.5rem; - color: #0078d4; - background: #ffffff; - font-weight: 600; - border-top-right-radius: 0; - border-top-left-radius: 0; -} -.p-menu .p-menu-separator { - border-top: 1px solid #edebe9; - margin: 0.25rem 0; -} -.p-menu .p-menuitem { - margin: 0; -} -.p-menu .p-menuitem:last-child { - margin: 0; -} - -.p-menubar { - padding: 0.5rem; - background: #ffffff; - color: #323130; - border: 1px solid #eeeeee; - border-radius: 2px; -} -.p-menubar .p-menuitem-link { - padding: 0.75rem 0.5rem; - color: #323130; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menubar .p-menuitem-link .p-menuitem-text { - color: #323130; -} -.p-menubar .p-menuitem-link .p-menuitem-icon { - color: #0078d4; - margin-right: 0.5rem; -} -.p-menubar .p-menuitem-link .p-submenu-icon { - color: #0078d4; -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover { - background: #f3f2f1; -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #323130; -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #0078d4; -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #0078d4; -} -.p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 0.5rem; - color: #323130; - border-radius: 2px; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: #323130; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: #0078d4; - margin-right: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: #0078d4; - margin-left: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #f3f2f1; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #323130; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #0078d4; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #0078d4; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #edebe9; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #323130; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #0078d4; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #0078d4; -} -.p-menubar .p-submenu-list { - padding: 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - width: 12.5rem; -} -.p-menubar .p-submenu-list .p-menu-separator { - border-top: 1px solid #edebe9; - margin: 0.25rem 0; -} -.p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; -} -.p-menubar .p-submenu-list .p-menuitem { - margin: 0; -} -.p-menubar .p-submenu-list .p-menuitem:last-child { - margin: 0; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #edebe9; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #323130; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #0078d4; -} - -@media screen and (max-width: 960px) { - .p-menubar { - position: relative; - } - .p-menubar .p-menubar-button { - display: flex; - width: 2rem; - height: 2rem; - color: #0078d4; - border-radius: 2px; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-menubar .p-menubar-button:hover { - color: #0078d4; - background: #f3f2f1; - } - .p-menubar .p-menubar-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; - } - .p-menubar .p-menubar-root-list { - position: absolute; - display: none; - padding: 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - width: 100%; - } - .p-menubar .p-menubar-root-list .p-menu-separator { - border-top: 1px solid #edebe9; - margin: 0.25rem 0; - } - .p-menubar .p-menubar-root-list .p-submenu-icon { - font-size: 0.875rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 0.5rem; - color: #323130; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: #323130; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: #0078d4; - margin-right: 0.5rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: #0078d4; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #f3f2f1; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #323130; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #0078d4; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #0078d4; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - transition: transform 0.2s; - } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-180deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list { - width: 100%; - position: static; - box-shadow: none; - border: 0 none; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { - transition: transform 0.2s; - transform: rotate(90deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-90deg); - } - .p-menubar .p-menubar-root-list .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list ul li a { - padding-left: 2.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li a { - padding-left: 3.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li a { - padding-left: 5.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { - padding-left: 6.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { - padding-left: 8.25rem; - } - .p-menubar.p-menubar-mobile-active .p-menubar-root-list { - display: flex; - flex-direction: column; - top: 100%; - left: 0; - z-index: 1; - } -} -.p-panelmenu .p-panelmenu-header > a { - padding: 1rem; - border: 1px solid #a19f9d; - color: #323130; - background: #faf9f8; - font-weight: 600; - border-radius: 2px; - transition: box-shadow 0.2s; -} -.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; -} -.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { - background: #f3f2f1; - border-color: #a19f9d; - color: #323130; -} -.p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight > a { - background: #faf9f8; - border-color: #a19f9d; - color: #323130; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { - border-color: #a19f9d; - background: #f3f2f1; - color: #323130; -} -.p-panelmenu .p-panelmenu-content { - padding: 0; - border: 1px solid #a19f9d; - background: #ffffff; - color: #323130; - margin-bottom: 4px; - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 2px; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 0.5rem; - color: #323130; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { - color: #323130; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { - color: #0078d4; - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { - color: #0078d4; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: #f3f2f1; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #323130; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #0078d4; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #0078d4; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { - padding: 0 0 0 1rem; -} -.p-panelmenu .p-panelmenu-panel { - margin-bottom: 4px; -} - -.p-slidemenu { - padding: 0; - background: #ffffff; - color: #323130; - border: 1px solid #eeeeee; - border-radius: 2px; - width: 12.5rem; -} -.p-slidemenu .p-menuitem-link { - padding: 0.75rem 0.5rem; - color: #323130; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-slidemenu .p-menuitem-link .p-menuitem-text { - color: #323130; -} -.p-slidemenu .p-menuitem-link .p-menuitem-icon { - color: #0078d4; - margin-right: 0.5rem; -} -.p-slidemenu .p-menuitem-link .p-submenu-icon { - color: #0078d4; -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: #f3f2f1; -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #323130; -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #0078d4; -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #0078d4; -} -.p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; -} -.p-slidemenu.p-slidemenu-overlay { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-slidemenu .p-slidemenu-list { - padding: 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { - background: #edebe9; -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { - color: #323130; -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { - color: #0078d4; -} -.p-slidemenu .p-slidemenu-separator { - border-top: 1px solid #edebe9; - margin: 0.25rem 0; -} -.p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; -} -.p-slidemenu .p-slidemenu-backward { - padding: 0.75rem 0.5rem; - color: #323130; -} - -.p-steps .p-steps-item .p-menuitem-link { - background: transparent; - transition: box-shadow 0.2s; - border-radius: 2px; - background: #ffffff; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-number { - color: #323130; - border: 1px solid #f3f2f1; - background: #ffffff; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - z-index: 1; - border-radius: 50%; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-title { - margin-top: 0.5rem; - color: #605e5c; -} -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; -} -.p-steps .p-steps-item.p-highlight .p-steps-number { - background: #edebe9; - color: #323130; -} -.p-steps .p-steps-item.p-highlight .p-steps-title { - font-weight: 600; - color: #323130; -} -.p-steps .p-steps-item:before { - content: " "; - border-top: 1px solid #edebe9; - width: 100%; - top: 50%; - left: 0; - display: block; - position: absolute; - margin-top: -1rem; -} - -.p-tabmenu .p-tabmenu-nav { - background: #ffffff; - border: 0 none; - border-width: 0 0 2px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { - margin-right: 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { - border: solid #a19f9d; - border-width: 0 0 2px 0; - border-color: transparent transparent transparent transparent; - background: #ffffff; - color: #605e5c; - padding: 1rem; - font-weight: 600; - border-top-right-radius: 2px; - border-top-left-radius: 2px; - transition: box-shadow 0.2s; - margin: 0 0.5rem -2px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset inset 0 0 0 1px #605e5c; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: #f3f2f1; - border-color: transparent; - color: #605e5c; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #ffffff; - border-color: #0078d4; - color: #323130; -} - -.p-tieredmenu { - padding: 0; - background: #ffffff; - color: #323130; - border: 1px solid #eeeeee; - border-radius: 2px; - width: 12.5rem; -} -.p-tieredmenu .p-menuitem-link { - padding: 0.75rem 0.5rem; - color: #323130; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-tieredmenu .p-menuitem-link .p-menuitem-text { - color: #323130; -} -.p-tieredmenu .p-menuitem-link .p-menuitem-icon { - color: #0078d4; - margin-right: 0.5rem; -} -.p-tieredmenu .p-menuitem-link .p-submenu-icon { - color: #0078d4; -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: #f3f2f1; -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #323130; -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #0078d4; -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #0078d4; -} -.p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; -} -.p-tieredmenu.p-tieredmenu-overlay { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-tieredmenu .p-submenu-list { - padding: 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-tieredmenu .p-menuitem { - margin: 0; -} -.p-tieredmenu .p-menuitem:last-child { - margin: 0; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #edebe9; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #323130; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #0078d4; -} -.p-tieredmenu .p-menu-separator { - border-top: 1px solid #edebe9; - margin: 0.25rem 0; -} -.p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-inline-message { - padding: 0.5rem 0.5rem; - margin: 0; - border-radius: 2px; -} -.p-inline-message.p-inline-message-info { - background: #f3f2f1; - border: 0 none; - border-width: 0px; - color: #323130; -} -.p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #605e5c; -} -.p-inline-message.p-inline-message-success { - background: #dff6dd; - border: 0 none; - border-width: 0px; - color: #323130; -} -.p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #107c10; -} -.p-inline-message.p-inline-message-warn { - background: #fff4ce; - border: 0 none; - border-width: 0px; - color: #323130; -} -.p-inline-message.p-inline-message-warn .p-inline-message-icon { - color: #797775; -} -.p-inline-message.p-inline-message-error { - background: #fde7e9; - border: 0 none; - border-width: 0px; - color: #323130; -} -.p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #a80000; -} -.p-inline-message .p-inline-message-icon { - font-size: 1rem; - margin-right: 0.5rem; -} -.p-inline-message .p-inline-message-text { - font-size: 90%; -} -.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { - margin-right: 0; -} - -.p-message { - margin: 1rem 0; - border-radius: 2px; -} -.p-message .p-message-wrapper { - padding: 0.5rem; -} -.p-message .p-message-close { - width: 2rem; - height: 2rem; - border-radius: 2px; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-message .p-message-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; -} -.p-message.p-message-info { - background: #f3f2f1; - border: 0 none; - border-width: 0 0 0 6px; - color: #323130; -} -.p-message.p-message-info .p-message-icon { - color: #605e5c; -} -.p-message.p-message-info .p-message-close { - color: #605e5c; -} -.p-message.p-message-success { - background: #dff6dd; - border: 0 none; - border-width: 0 0 0 6px; - color: #323130; -} -.p-message.p-message-success .p-message-icon { - color: #107c10; -} -.p-message.p-message-success .p-message-close { - color: #107c10; -} -.p-message.p-message-warn { - background: #fff4ce; - border: 0 none; - border-width: 0 0 0 6px; - color: #323130; -} -.p-message.p-message-warn .p-message-icon { - color: #797775; -} -.p-message.p-message-warn .p-message-close { - color: #797775; -} -.p-message.p-message-error { - background: #fde7e9; - border: 0 none; - border-width: 0 0 0 6px; - color: #323130; -} -.p-message.p-message-error .p-message-icon { - color: #a80000; -} -.p-message.p-message-error .p-message-close { - color: #a80000; -} -.p-message .p-message-text { - font-size: 90%; - font-weight: 500; -} -.p-message .p-message-icon { - font-size: 1rem; - margin-right: 0.5rem; -} -.p-message .p-message-summary { - font-weight: 700; -} -.p-message .p-message-detail { - margin-left: 0.5rem; -} - -.p-toast { - opacity: 0.9; -} -.p-toast .p-toast-message { - margin: 0 0 1rem 0; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 2px; -} -.p-toast .p-toast-message .p-toast-message-content { - padding: 0.5rem; - border-width: 0; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { - margin: 0 0 0 1rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { - font-size: 1.25rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { - font-weight: 600; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { - margin: 0.5rem 0 0 0; -} -.p-toast .p-toast-message .p-toast-icon-close { - width: 1.25rem; - height: 1.25rem; - border-radius: 2px; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-toast .p-toast-message .p-toast-icon-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; -} -.p-toast .p-toast-message.p-toast-message-info { - background: #f3f2f1; - border: 0 none; - border-width: 0 0 0 6px; - color: #323130; -} -.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { - color: #605e5c; -} -.p-toast .p-toast-message.p-toast-message-success { - background: #dff6dd; - border: 0 none; - border-width: 0 0 0 6px; - color: #323130; -} -.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { - color: #107c10; -} -.p-toast .p-toast-message.p-toast-message-warn { - background: #fff4ce; - border: 0 none; - border-width: 0 0 0 6px; - color: #323130; -} -.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { - color: #797775; -} -.p-toast .p-toast-message.p-toast-message-error { - background: #fde7e9; - border: 0 none; - border-width: 0 0 0 6px; - color: #323130; -} -.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { - color: #a80000; -} - -.p-galleria .p-galleria-close { - margin: 0.5rem; - background: transparent; - color: #faf9f8; - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-close .p-galleria-close-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-close:hover { - background: rgba(255, 255, 255, 0.1); - color: #faf9f8; -} -.p-galleria .p-galleria-item-nav { - background: transparent; - color: #faf9f8; - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 2px; - margin: 0 0.5rem; -} -.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, -.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.1); - color: #faf9f8; -} -.p-galleria .p-galleria-caption { - background: rgba(0, 0, 0, 0.5); - color: #faf9f8; - padding: 1rem; -} -.p-galleria .p-galleria-indicators { - padding: 1rem; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #c8c6c4; - width: 1rem; - height: 1rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { - background: #e1dfdd; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #edebe9; - color: #323130; -} -.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { - margin-right: 0.5rem; -} -.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { - margin-bottom: 0.5rem; -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { - background: rgba(0, 0, 0, 0.5); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { - background: rgba(255, 255, 255, 0.4); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { - background: rgba(255, 255, 255, 0.6); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #edebe9; - color: #323130; -} -.p-galleria .p-galleria-thumbnail-container { - background: rgba(0, 0, 0, 0.9); - padding: 1rem 0.25rem; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { - margin: 0.5rem; - background-color: transparent; - color: #faf9f8; - width: 2rem; - height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { - background: rgba(255, 255, 255, 0.1); - color: #faf9f8; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; -} - -.p-galleria-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-preview-indicator { - background-color: transparent; - color: #f8f9fa; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} - -.p-image-preview-container:hover > .p-image-preview-indicator { - background-color: rgba(0, 0, 0, 0.5); -} - -.p-image-toolbar { - padding: 1rem; -} - -.p-image-action.p-link { - color: #f8f9fa; - background-color: transparent; - width: 3rem; - height: 3rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-image-action.p-link:last-child { - margin-right: 0; -} -.p-image-action.p-link:hover { - color: #f8f9fa; - background-color: rgba(255, 255, 255, 0.1); -} -.p-image-action.p-link i { - font-size: 1.5rem; -} - -.p-avatar { - background-color: #edebe9; - border-radius: 2px; -} -.p-avatar.p-avatar-lg { - width: 3rem; - height: 3rem; - font-size: 1.5rem; -} -.p-avatar.p-avatar-lg .p-avatar-icon { - font-size: 1.5rem; -} -.p-avatar.p-avatar-xl { - width: 4rem; - height: 4rem; - font-size: 2rem; -} -.p-avatar.p-avatar-xl .p-avatar-icon { - font-size: 2rem; -} - -.p-avatar-group .p-avatar { - border: 2px solid #ffffff; -} - -.p-badge { - background: #0078d4; - color: #ffffff; - font-size: 0.75rem; - font-weight: 700; - min-width: 1.5rem; - height: 1.5rem; - line-height: 1.5rem; -} -.p-badge.p-badge-secondary { - background-color: #d45c00; - color: #ffffff; -} -.p-badge.p-badge-success { - background-color: #498205; - color: #ffffff; -} -.p-badge.p-badge-info { - background-color: #00b7c3; - color: #ffffff; -} -.p-badge.p-badge-warning { - background-color: #ffaa44; - color: #323130; -} -.p-badge.p-badge-danger { - background-color: #d13438; - color: #ffffff; -} -.p-badge.p-badge-lg { - font-size: 1.125rem; - min-width: 2.25rem; - height: 2.25rem; - line-height: 2.25rem; -} -.p-badge.p-badge-xl { - font-size: 1.5rem; - min-width: 3rem; - height: 3rem; - line-height: 3rem; -} - -.p-chip { - background-color: #edebe9; - color: #323130; - border-radius: 16px; - padding: 0 0.5rem; -} -.p-chip .p-chip-text { - line-height: 1.5; - margin-top: 0.25rem; - margin-bottom: 0.25rem; -} -.p-chip .p-chip-icon { - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - margin-left: 0.5rem; -} -.p-chip img { - width: 2rem; - height: 2rem; - margin-left: -0.5rem; - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - border-radius: 2px; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; -} - -.p-inplace .p-inplace-display { - padding: 0.5rem 0.5rem; - border-radius: 2px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-inplace .p-inplace-display:not(.p-disabled):hover { - background: #f3f2f1; - color: #323130; -} -.p-inplace .p-inplace-display:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; -} - -.p-progressbar { - border: 0 none; - height: 2px; - background: #edebe9; - border-radius: 2px; -} -.p-progressbar .p-progressbar-value { - border: 0 none; - margin: 0; - background: #0078d4; -} -.p-progressbar .p-progressbar-label { - color: #ffffff; - line-height: 2px; -} - -.p-scrolltop { - width: 3rem; - height: 3rem; - border-radius: 2px; - box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-scrolltop.p-link { - background: rgba(0, 0, 0, 0.7); -} -.p-scrolltop.p-link:hover { - background: rgba(0, 0, 0, 0.8); -} -.p-scrolltop .p-scrolltop-icon { - font-size: 1.5rem; - color: #faf9f8; -} - -.p-skeleton { - background-color: #edebe9; - border-radius: 2px; -} -.p-skeleton:after { - background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); -} - -.p-tag { - background: #0078d4; - color: #ffffff; - font-size: 0.75rem; - font-weight: 700; - padding: 0.25rem 0.4rem; - border-radius: 2px; -} -.p-tag.p-tag-success { - background-color: #498205; - color: #ffffff; -} -.p-tag.p-tag-info { - background-color: #00b7c3; - color: #ffffff; -} -.p-tag.p-tag-warning { - background-color: #ffaa44; - color: #323130; -} -.p-tag.p-tag-danger { - background-color: #d13438; - color: #ffffff; -} -.p-tag .p-tag-icon { - margin-right: 0.25rem; - font-size: 0.75rem; -} - -.p-terminal { - background: #ffffff; - color: #323130; - border: 1px solid #a19f9d; - padding: 1rem; -} -.p-terminal .p-terminal-input { - font-size: 1rem; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; -} - -/* Customizations to the designer theme should be defined here */ -.p-button-label { - font-weight: 600; -} - -.p-slider:not(.p-disabled):hover { - background-color: #deecf9; -} -.p-slider:not(.p-disabled):hover .p-slider-range { - background-color: #0078d4; -} -.p-slider:not(.p-disabled):hover .p-slider-handle { - border-color: #005a9e; -} - -.p-inputswitch { - width: 40px; - height: 20px; -} -.p-inputswitch .p-inputswitch-slider { - border: 1px solid #605e5c; -} -.p-inputswitch .p-inputswitch-slider:before { - width: 12px; - height: 12px; - margin-top: -6px; -} -.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - border-color: #323130; -} -.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before { - background-color: #323130; -} -.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - border-color: #0078d4; -} -.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before { - background-color: #ffffff; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - border-color: #0078d4; -} - -.p-datepicker .p-datepicker-header .p-datepicker-title { - order: 1; - margin: 0 auto 0 0; -} -.p-datepicker .p-datepicker-prev { - order: 2; -} -.p-datepicker .p-datepicker-prev .p-datepicker-prev-icon:before { - content: "\e919"; -} -.p-datepicker .p-datepicker-next { - order: 3; - font-size: 90%; -} -.p-datepicker .p-datepicker-next .p-datepicker-next-icon:before { - content: "\e91c"; -} -.p-datepicker .p-datepicker-buttonbar { - border-top: 0 none; -} -.p-datepicker .p-timepicker { - border-top: 0 none; -} -.p-datepicker .p-timepicker span { - font-size: 90%; -} -.p-datepicker .p-timepicker .pi-chevron-up:before { - content: "\e91c"; -} -.p-datepicker .p-timepicker .pi-chevron-down:before { - content: "\e919"; -} -.p-datepicker table { - font-size: 90%; -} -.p-datepicker table td.p-datepicker-today > span { - border-radius: 50%; -} -.p-datepicker .p-datepicker-buttonbar .p-button { - font-size: 90%; - color: #323130; -} -.p-datepicker .p-datepicker-buttonbar .p-button .p-button-label { - font-weight: 400; -} -.p-datepicker .p-datepicker-buttonbar .p-button:enabled:hover { - color: #323130; - background-color: #f3f2f1; -} -.p-datepicker .p-monthpicker .p-monthpicker-month { - padding: 0.5rem 0; -} - -.p-datatable { - font-size: 90%; -} - -.p-toast { - font-size: 90%; -} -.p-toast .p-toast-icon-close-icon { - font-size: 90%; -} - -.p-message { - font-size: 90%; -} -.p-message .p-message-close .p-message-close-icon { - font-size: 90%; -} - -.p-tooltip .p-tooltip-text { - font-size: 90%; -} - -.p-component .p-menu-separator { - border-color: #eeeeee; -} - -.p-submenu-icon { - color: #605e5c !important; -} - -.p-menuitem-active .p-submenu-icon { - color: #323130 !important; -} - -.p-progressbar-label { - display: none !important; -} - -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #0078d4; -} - -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #0078d4; -} - -.p-inputtext:disabled { - background-color: #f3f2f1; - border-color: #f3f2f1; - color: #a19f9d; - opacity: 1; - user-select: none; -} -.p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #0078d4; -} - -.p-checkbox .p-checkbox-box.p-disabled, -.p-radiobutton .p-radiobutton-box.p-disabled, -.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container.p-disabled, -.p-chips .p-chips-multiple-container.p-disabled { - background-color: #f3f2f1; - border-color: #f3f2f1; - color: #a19f9d; - opacity: 1; - user-select: none; -} -.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus, -.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus, -.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus, -.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #0078d4; -} - -.p-dropdown.p-disabled, -.p-multiselect.p-disabled { - background-color: #f3f2f1; - border-color: #f3f2f1; - color: #a19f9d; - opacity: 1; - user-select: none; -} -.p-dropdown.p-disabled .p-dropdown-label, -.p-dropdown.p-disabled .p-dropdown-trigger-icon, -.p-multiselect.p-disabled .p-dropdown-label, -.p-multiselect.p-disabled .p-dropdown-trigger-icon { - color: #a19f9d; -} -.p-dropdown:not(.p-disabled).p-focus, -.p-multiselect:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #0078d4; -} - -.p-inputswitch.p-focus .p-inputswitch-slider { - box-shadow: none; - outline: 1px solid #605e5c; - outline-offset: 2px; -} diff --git a/src/assets/theme/lara-dark-blue/theme.css b/src/assets/theme/lara-dark-blue/theme.css deleted file mode 100644 index 9f1f881..0000000 --- a/src/assets/theme/lara-dark-blue/theme.css +++ /dev/null @@ -1,5716 +0,0 @@ -:root { - --surface-a:#071426; - --surface-b:#040d19; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#0b213f; - --surface-e:#071426; - --surface-f:#071426; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#93C5FD; - --primary-color-text:#1c2127; - --font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; - --surface-0: #040d19; - --surface-50: #1d2530; - --surface-100: #363d47; - --surface-200: #4f565e; - --surface-300: #686e75; - --surface-400: #82868c; - --surface-500: #9b9ea3; - --surface-600: #b4b6ba; - --surface-700: #cdcfd1; - --surface-800: #e6e7e8; - --surface-900: #ffffff; - --gray-50: #e6e7e8; - --gray-100: #cdcfd1; - --gray-200: #b4b6ba; - --gray-300: #9b9ea3; - --gray-400: #82868c; - --gray-500: #686e75; - --gray-600: #4f565e; - --gray-700: #363d47; - --gray-800: #1d2530; - --gray-900: #040d19; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#040d19; - --surface-section:#040d19; - --surface-card:#071426; - --surface-overlay:#071426; - --surface-border:#0b213f; - --surface-hover:rgba(255,255,255,.03); - --focus-ring: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - --maskbg: rgba(0, 0, 0, 0.4); -} - -@font-face { - font-family: "Inter"; - font-style: normal; - font-weight: 300; - src: local(""), url("./fonts/Inter-Light.woff2") format("woff2"), url("./fonts/Inter-Light.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -@font-face { - font-family: "Inter"; - font-style: normal; - font-weight: 400; - src: local(""), url("./fonts/Inter-Regular.woff2") format("woff2"), url("./fonts/Inter-Regular.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -@font-face { - font-family: "Inter"; - font-style: normal; - font-weight: 500; - src: local(""), url("./fonts/Inter-Medium.woff2") format("woff2"), url("./fonts/Inter-Medium.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -@font-face { - font-family: "Inter"; - font-style: normal; - font-weight: 600; - src: local(""), url("./fonts/Inter-SemiBold.woff2") format("woff2"), url("./fonts/Inter-SemiBold.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -@font-face { - font-family: "Inter"; - font-style: normal; - font-weight: 700; - src: local(""), url("./fonts/Inter-Bold.woff2") format("woff2"), url("./fonts/Inter-Bold.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -* { - box-sizing: border-box; -} - -.p-component { - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - font-size: 1rem; - font-weight: normal; -} - -.p-component-overlay { - background-color: rgba(0, 0, 0, 0.4); - transition-duration: 0.2s; -} - -.p-disabled, .p-component:disabled { - opacity: 0.4; -} - -.p-error { - color: #FCA5A5; -} - -.p-text-secondary { - color: rgba(255, 255, 255, 0.6); -} - -.pi { - font-size: 1rem; -} - -.p-link { - font-size: 1rem; - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - border-radius: 6px; -} -.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} - -.p-component-overlay-enter { - animation: p-component-overlay-enter-animation 150ms forwards; -} - -.p-component-overlay-leave { - animation: p-component-overlay-leave-animation 150ms forwards; -} - -@keyframes p-component-overlay-enter-animation { - from { - background-color: transparent; - } - to { - background-color: var(--maskbg); - } -} -@keyframes p-component-overlay-leave-animation { - from { - background-color: var(--maskbg); - } - to { - background-color: transparent; - } -} - -:root { - --blue-50:#f5f9ff; - --blue-100:#d0e1fd; - --blue-200:#abc9fb; - --blue-300:#85b2f9; - --blue-400:#609af8; - --blue-500:#3b82f6; - --blue-600:#326fd1; - --blue-700:#295bac; - --blue-800:#204887; - --blue-900:#183462; - --green-50:#f4fcf7; - --green-100:#caf1d8; - --green-200:#a0e6ba; - --green-300:#76db9b; - --green-400:#4cd07d; - --green-500:#22c55e; - --green-600:#1da750; - --green-700:#188a42; - --green-800:#136c34; - --green-900:#0e4f26; - --yellow-50:#fefbf3; - --yellow-100:#faedc4; - --yellow-200:#f6de95; - --yellow-300:#f2d066; - --yellow-400:#eec137; - --yellow-500:#eab308; - --yellow-600:#c79807; - --yellow-700:#a47d06; - --yellow-800:#816204; - --yellow-900:#5e4803; - --cyan-50:#f3fbfd; - --cyan-100:#c3edf5; - --cyan-200:#94e0ed; - --cyan-300:#65d2e4; - --cyan-400:#35c4dc; - --cyan-500:#06b6d4; - --cyan-600:#059bb4; - --cyan-700:#047f94; - --cyan-800:#036475; - --cyan-900:#024955; - --pink-50:#fef6fa; - --pink-100:#fad3e7; - --pink-200:#f7b0d3; - --pink-300:#f38ec0; - --pink-400:#f06bac; - --pink-500:#ec4899; - --pink-600:#c93d82; - --pink-700:#a5326b; - --pink-800:#822854; - --pink-900:#5e1d3d; - --indigo-50:#f7f7fe; - --indigo-100:#dadafc; - --indigo-200:#bcbdf9; - --indigo-300:#9ea0f6; - --indigo-400:#8183f4; - --indigo-500:#6366f1; - --indigo-600:#5457cd; - --indigo-700:#4547a9; - --indigo-800:#363885; - --indigo-900:#282960; - --teal-50:#f3fbfb; - --teal-100:#c7eeea; - --teal-200:#9ae0d9; - --teal-300:#6dd3c8; - --teal-400:#41c5b7; - --teal-500:#14b8a6; - --teal-600:#119c8d; - --teal-700:#0e8174; - --teal-800:#0b655b; - --teal-900:#084a42; - --orange-50:#fff8f3; - --orange-100:#feddc7; - --orange-200:#fcc39b; - --orange-300:#fba86f; - --orange-400:#fa8e42; - --orange-500:#f97316; - --orange-600:#d46213; - --orange-700:#ae510f; - --orange-800:#893f0c; - --orange-900:#642e09; - --bluegray-50:#f7f8f9; - --bluegray-100:#dadee3; - --bluegray-200:#bcc3cd; - --bluegray-300:#9fa9b7; - --bluegray-400:#818ea1; - --bluegray-500:#64748b; - --bluegray-600:#556376; - --bluegray-700:#465161; - --bluegray-800:#37404c; - --bluegray-900:#282e38; - --purple-50:#fbf7ff; - --purple-100:#ead6fd; - --purple-200:#dab6fc; - --purple-300:#c996fa; - --purple-400:#b975f9; - --purple-500:#a855f7; - --purple-600:#8f48d2; - --purple-700:#763cad; - --purple-800:#5c2f88; - --purple-900:#432263; -} - -.p-autocomplete .p-autocomplete-loader { - right: 0.75rem; -} -.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 3.75rem; -} -.p-autocomplete .p-autocomplete-multiple-container { - padding: 0.375rem 0.75rem; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: #93C5FD; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - border-color: #93C5FD; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { - padding: 0.375rem 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - padding: 0; - margin: 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: rgba(147, 197, 253, 0.16); - color: rgba(255, 255, 255, 0.87); - border-radius: 6px; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; -} - -p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #FCA5A5; -} - -.p-autocomplete-panel { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-autocomplete-panel .p-autocomplete-items:not(.p-autocomplete-virtualscroll) { - padding: 0.75rem 0; -} -.p-autocomplete-panel .p-autocomplete-items.p-autocomplete-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.75rem 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #091a32; - font-weight: 700; -} - -p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { - border-color: #FCA5A5; -} - -.p-datepicker { - padding: 0.5rem; - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; -} -.p-datepicker:not(.p-datepicker-inline) { - background: #071426; - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { - background: #071426; -} -.p-datepicker .p-datepicker-header { - padding: 0.5rem; - color: rgba(255, 255, 255, 0.87); - background: #071426; - font-weight: 700; - margin: 0; - border-bottom: 1px solid #0b213f; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev, -.p-datepicker .p-datepicker-header .p-datepicker-next { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} -.p-datepicker .p-datepicker-header .p-datepicker-title { - line-height: 2rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - font-weight: 700; - padding: 0.5rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #93C5FD; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - margin-right: 0.5rem; -} -.p-datepicker table { - font-size: 1rem; - margin: 0.5rem 0; -} -.p-datepicker table th { - padding: 0.5rem; -} -.p-datepicker table th > span { - width: 2.5rem; - height: 2.5rem; -} -.p-datepicker table td { - padding: 0.5rem; -} -.p-datepicker table td > span { - width: 2.5rem; - height: 2.5rem; - border-radius: 50%; - transition: box-shadow 0.2s; - border: 1px solid transparent; -} -.p-datepicker table td > span.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); -} -.p-datepicker table td > span:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} -.p-datepicker table td.p-datepicker-today > span { - background: transparent; - color: #93C5FD; - border-color: transparent; -} -.p-datepicker table td.p-datepicker-today > span.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); -} -.p-datepicker .p-datepicker-buttonbar { - padding: 1rem 0; - border-top: 1px solid #0b213f; -} -.p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; -} -.p-datepicker .p-timepicker { - border-top: 1px solid #0b213f; - padding: 0.5rem; -} -.p-datepicker .p-timepicker button { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-timepicker button:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker .p-timepicker button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} -.p-datepicker .p-timepicker button:last-child { - margin-top: 0.2em; -} -.p-datepicker .p-timepicker span { - font-size: 1.25rem; -} -.p-datepicker .p-timepicker > div { - padding: 0 0.5rem; -} -.p-datepicker.p-datepicker-timeonly .p-timepicker { - border-top: 0 none; -} -.p-datepicker .p-monthpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-monthpicker .p-monthpicker-month { - padding: 0.5rem; - transition: box-shadow 0.2s; - border-radius: 6px; -} -.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); -} -.p-datepicker .p-yearpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-yearpicker .p-yearpicker-year { - padding: 0.5rem; - transition: box-shadow 0.2s; - border-radius: 6px; -} -.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #0b213f; - padding-right: 0.5rem; - padding-left: 0.5rem; - padding-top: 0; - padding-bottom: 0; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { - padding-left: 0; - border-left: 0 none; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { - padding-right: 0; -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} - -@media screen and (max-width: 769px) { - .p-datepicker table th, .p-datepicker table td { - padding: 0; - } -} -.p-cascadeselect { - background: #040d19; - border: 1px solid #0b213f; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; -} -.p-cascadeselect:not(.p-disabled):hover { - border-color: #93C5FD; -} -.p-cascadeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - border-color: #93C5FD; -} -.p-cascadeselect .p-cascadeselect-label { - background: transparent; - border: 0 none; - padding: 0.75rem 0.75rem; -} -.p-cascadeselect .p-cascadeselect-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-cascadeselect .p-cascadeselect-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-cascadeselect .p-cascadeselect-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 3rem; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -.p-cascadeselect-panel { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-cascadeselect-panel .p-cascadeselect-items { - padding: 0.75rem 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { - margin: 0; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.75rem 1.25rem; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(147, 197, 253, 0.5); -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { - font-size: 0.875rem; -} - -p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #FCA5A5; -} - -.p-input-filled .p-cascadeselect { - background: #0b213f; -} -.p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #0b213f; -} -.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #0b213f; -} - -.p-checkbox { - width: 22px; - height: 22px; -} -.p-checkbox .p-checkbox-box { - border: 2px solid #0b213f; - background: #040d19; - width: 22px; - height: 22px; - color: rgba(255, 255, 255, 0.87); - border-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-checkbox .p-checkbox-box .p-checkbox-icon { - transition-duration: 0.2s; - color: #1c2127; - font-size: 14px; -} -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #93C5FD; - background: #93C5FD; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #93C5FD; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - border-color: #93C5FD; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #6cb0fc; - background: #6cb0fc; - color: #1c2127; -} - -p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #FCA5A5; -} - -.p-input-filled .p-checkbox .p-checkbox-box { - background-color: #0b213f; -} -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #93C5FD; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #0b213f; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #6cb0fc; -} - -.p-checkbox-label { - margin-left: 0.5rem; -} - -.p-chips .p-chips-multiple-container { - padding: 0.375rem 0.75rem; -} -.p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: #93C5FD; -} -.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - border-color: #93C5FD; -} -.p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: rgba(147, 197, 253, 0.16); - color: rgba(255, 255, 255, 0.87); - border-radius: 6px; -} -.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { - margin-left: 0.5rem; -} -.p-chips .p-chips-multiple-container .p-chips-input-token { - padding: 0.375rem 0; -} -.p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - padding: 0; - margin: 0; -} - -p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { - border-color: #FCA5A5; -} - -.p-colorpicker-preview, -.p-fluid .p-colorpicker-preview.p-inputtext { - width: 2rem; - height: 2rem; -} - -.p-colorpicker-panel { - background: #071426; - border: 1px solid #0b213f; -} -.p-colorpicker-panel .p-colorpicker-color-handle, -.p-colorpicker-panel .p-colorpicker-hue-handle { - border-color: rgba(255, 255, 255, 0.87); -} - -.p-colorpicker-overlay-panel { - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} - -.p-dropdown { - background: #040d19; - border: 1px solid #0b213f; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; -} -.p-dropdown:not(.p-disabled):hover { - border-color: #93C5FD; -} -.p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - border-color: #93C5FD; -} -.p-dropdown.p-dropdown-clearable .p-dropdown-label { - padding-right: 1.75rem; -} -.p-dropdown .p-dropdown-label { - background: transparent; - border: 0 none; -} -.p-dropdown .p-dropdown-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-dropdown .p-dropdown-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-dropdown .p-dropdown-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 3rem; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} -.p-dropdown .p-dropdown-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 3rem; -} - -.p-dropdown-panel { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-dropdown-panel .p-dropdown-header { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - background: #071426; - margin: 0; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { - padding-right: 1.75rem; - margin-right: -1.75rem; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} -.p-dropdown-panel .p-dropdown-items:not(.p-dropdown-virtualscroll) { - padding: 0.75rem 0; -} -.p-dropdown-panel .p-dropdown-items.p-dropdown-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.75rem 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #091a32; - font-weight: 700; -} - -p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #FCA5A5; -} - -.p-input-filled .p-dropdown { - background: #0b213f; -} -.p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #0b213f; -} -.p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: #0b213f; -} - -.p-editor-container .p-editor-toolbar { - background: #071426; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #0b213f; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #071426; - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 6px; - padding: 0.75rem 0; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.75rem 1.25rem; -} -.p-editor-container .p-editor-content { - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-editor-container .p-editor-content.ql-snow { - border: 1px solid #0b213f; -} -.p-editor-container .p-editor-content .ql-editor { - background: #040d19; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #93C5FD; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #93C5FD; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #93C5FD; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #93C5FD; -} - -.p-inputgroup-addon { - background: #071426; - color: rgba(255, 255, 255, 0.6); - border-top: 1px solid #0b213f; - border-left: 1px solid #0b213f; - border-bottom: 1px solid #0b213f; - padding: 0.75rem 0.75rem; - min-width: 3rem; -} -.p-inputgroup-addon:last-child { - border-right: 1px solid #0b213f; -} - -.p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, -.p-inputgroup > .p-float-label > .p-component { - border-radius: 0; - margin: 0; -} -.p-inputgroup > .p-component + .p-inputgroup-addon, -.p-inputgroup > .p-element + .p-inputgroup-addon, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, -.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { - border-left: 0 none; -} -.p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, -.p-inputgroup > .p-float-label > .p-component:focus { - z-index: 1; -} -.p-inputgroup > .p-component:focus ~ label, -.p-inputgroup > .p-element:focus ~ label, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, -.p-inputgroup > .p-float-label > .p-component:focus ~ label { - z-index: 1; -} - -.p-inputgroup-addon:first-child, -.p-inputgroup button:first-child, -.p-inputgroup input:first-child, -.p-inputgroup > .p-inputwrapper:first-child > .p-component, -.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.p-inputgroup .p-float-label:first-child input { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.p-inputgroup-addon:last-child, -.p-inputgroup button:last-child, -.p-inputgroup input:last-child, -.p-inputgroup > .p-inputwrapper:last-child > .p-component, -.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -.p-inputgroup .p-float-label:last-child input { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -.p-fluid .p-inputgroup .p-button { - width: auto; -} -.p-fluid .p-inputgroup .p-button.p-button-icon-only { - width: 3rem; -} - -p-inputmask.ng-dirty.ng-invalid > .p-inputtext { - border-color: #FCA5A5; -} - -p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { - border-color: #FCA5A5; -} - -.p-inputswitch { - width: 3rem; - height: 1.75rem; -} -.p-inputswitch .p-inputswitch-slider { - background: #233752; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 30px; -} -.p-inputswitch .p-inputswitch-slider:before { - background: rgba(255, 255, 255, 0.6); - width: 1.25rem; - height: 1.25rem; - left: 0.25rem; - margin-top: -0.625rem; - border-radius: 50%; - transition-duration: 0.2s; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - transform: translateX(1.25rem); -} -.p-inputswitch.p-focus .p-inputswitch-slider { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} -.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #0b213f; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #93C5FD; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: rgba(255, 255, 255, 0.87); -} -.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #7fbafd; -} - -p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { - border-color: #FCA5A5; -} - -.p-inputtext { - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - background: #040d19; - padding: 0.75rem 0.75rem; - border: 1px solid #0b213f; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - appearance: none; - border-radius: 6px; -} -.p-inputtext:enabled:hover { - border-color: #93C5FD; -} -.p-inputtext:enabled:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - border-color: #93C5FD; -} -.p-inputtext.ng-dirty.ng-invalid { - border-color: #FCA5A5; -} -.p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.65625rem 0.65625rem; -} -.p-inputtext.p-inputtext-lg { - font-size: 1.25rem; - padding: 0.9375rem 0.9375rem; -} - -.p-float-label > label { - left: 0.75rem; - color: rgba(255, 255, 255, 0.6); - transition-duration: 0.2s; -} - -.p-float-label > .ng-invalid.ng-dirty + label { - color: #FCA5A5; -} - -.p-input-icon-left > i:first-of-type { - left: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} - -.p-input-icon-left > .p-inputtext { - padding-left: 2.5rem; -} - -.p-input-icon-left.p-float-label > label { - left: 2.5rem; -} - -.p-input-icon-right > i:last-of-type { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} - -.p-input-icon-right > .p-inputtext { - padding-right: 2.5rem; -} - -::-webkit-input-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -:-moz-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -::-moz-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -:-ms-input-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -.p-input-filled .p-inputtext { - background-color: #0b213f; -} -.p-input-filled .p-inputtext:enabled:hover { - background-color: #0b213f; -} -.p-input-filled .p-inputtext:enabled:focus { - background-color: #0b213f; -} - -.p-inputtext-sm .p-inputtext { - font-size: 0.875rem; - padding: 0.65625rem 0.65625rem; -} - -.p-inputtext-lg .p-inputtext { - font-size: 1.25rem; - padding: 0.9375rem 0.9375rem; -} - -.p-listbox { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; -} -.p-listbox .p-listbox-header { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - background: #071426; - margin: 0; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-listbox .p-listbox-header .p-listbox-filter { - padding-right: 1.75rem; -} -.p-listbox .p-listbox-header .p-listbox-filter-icon { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} -.p-listbox .p-listbox-header .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list { - padding: 0.75rem 0; -} -.p-listbox .p-listbox-list .p-listbox-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); -} -.p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(147, 197, 253, 0.5); -} -.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list .p-listbox-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #091a32; - font-weight: 700; -} -.p-listbox .p-listbox-list .p-listbox-empty-message { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} - -p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #FCA5A5; -} - -.p-multiselect { - background: #040d19; - border: 1px solid #0b213f; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; -} -.p-multiselect:not(.p-disabled):hover { - border-color: #93C5FD; -} -.p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - border-color: #93C5FD; -} -.p-multiselect .p-multiselect-label { - padding: 0.75rem 0.75rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-multiselect .p-multiselect-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-multiselect.p-multiselect-chip .p-multiselect-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: rgba(147, 197, 253, 0.16); - color: rgba(255, 255, 255, 0.87); - border-radius: 6px; -} -.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { - margin-left: 0.5rem; -} -.p-multiselect .p-multiselect-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 3rem; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { - padding: 0.375rem 0.75rem; -} - -.p-multiselect-panel { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-multiselect-panel .p-multiselect-header { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - background: #071426; - margin: 0; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { - padding-right: 1.75rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} -.p-multiselect-panel .p-multiselect-header .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close { - margin-left: 0.5rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} -.p-multiselect-panel .p-multiselect-items:not(.p-multiselect-virtualscroll) { - padding: 0.75rem 0; -} -.p-multiselect-panel .p-multiselect-items.p-multiselect-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.75rem 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(147, 197, 253, 0.5); -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #091a32; - font-weight: 700; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} - -p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #FCA5A5; -} - -.p-input-filled .p-multiselect { - background: #0b213f; -} -.p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #0b213f; -} -.p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #0b213f; -} - -p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #FCA5A5; -} - -.p-password-panel { - padding: 1.25rem; - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 6px; -} -.p-password-panel .p-password-meter { - margin-bottom: 0.5rem; - background: #0b213f; -} -.p-password-panel .p-password-meter .p-password-strength.weak { - background: #eb9a9c; -} -.p-password-panel .p-password-meter .p-password-strength.medium { - background: #ffcf91; -} -.p-password-panel .p-password-meter .p-password-strength.strong { - background: #93deac; -} - -.p-radiobutton { - width: 22px; - height: 22px; -} -.p-radiobutton .p-radiobutton-box { - border: 2px solid #0b213f; - background: #040d19; - width: 22px; - height: 22px; - color: rgba(255, 255, 255, 0.87); - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #93C5FD; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - border-color: #93C5FD; -} -.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - width: 12px; - height: 12px; - transition-duration: 0.2s; - background-color: #1c2127; -} -.p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #93C5FD; - background: #93C5FD; -} -.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #6cb0fc; - background: #6cb0fc; - color: #1c2127; -} - -p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #FCA5A5; -} - -.p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #0b213f; -} -.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #0b213f; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #93C5FD; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #6cb0fc; -} - -.p-radiobutton-label { - margin-left: 0.5rem; -} - -.p-rating .p-rating-icon { - color: rgba(255, 255, 255, 0.87); - margin-left: 0.5rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - font-size: 1.143rem; -} -.p-rating .p-rating-icon.p-rating-cancel { - color: #F48FB1; -} -.p-rating .p-rating-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} -.p-rating .p-rating-icon:first-child { - margin-left: 0; -} -.p-rating .p-rating-icon.pi-star-fill { - color: #93C5FD; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { - color: #93C5FD; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - color: #F48FB1; -} - -.p-selectbutton .p-button { - background: #071426; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-selectbutton .p-button .p-button-icon-left, -.p-selectbutton .p-button .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; - color: rgba(255, 255, 255, 0.87); -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-selectbutton .p-button.p-highlight { - background: #93C5FD; - border-color: #93C5FD; - color: #1c2127; -} -.p-selectbutton .p-button.p-highlight .p-button-icon-left, -.p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: #1c2127; -} -.p-selectbutton .p-button.p-highlight:hover { - background: #7fbafd; - border-color: #7fbafd; - color: #1c2127; -} -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: #1c2127; -} - -p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #FCA5A5; -} - -.p-slider { - background: #0b213f; - border: 0 none; - border-radius: 6px; -} -.p-slider.p-slider-horizontal { - height: 0.286rem; -} -.p-slider.p-slider-horizontal .p-slider-handle { - margin-top: -0.5715rem; - margin-left: -0.5715rem; -} -.p-slider.p-slider-vertical { - width: 0.286rem; -} -.p-slider.p-slider-vertical .p-slider-handle { - margin-left: -0.5715rem; - margin-bottom: -0.5715rem; -} -.p-slider .p-slider-handle { - height: 1.143rem; - width: 1.143rem; - background: #0b213f; - border: 2px solid #93C5FD; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-slider .p-slider-handle:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} -.p-slider .p-slider-range { - background: #93C5FD; -} -.p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #93C5FD; - border-color: #93C5FD; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { - transition: width 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { - transition: height 0.2s; -} - -.p-togglebutton.p-button { - background: #071426; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-togglebutton.p-button .p-button-icon-left, -.p-togglebutton.p-button .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; - color: rgba(255, 255, 255, 0.87); -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-togglebutton.p-button.p-highlight { - background: #93C5FD; - border-color: #93C5FD; - color: #1c2127; -} -.p-togglebutton.p-button.p-highlight .p-button-icon-left, -.p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: #1c2127; -} -.p-togglebutton.p-button.p-highlight:hover { - background: #7fbafd; - border-color: #7fbafd; - color: #1c2127; -} -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: #1c2127; -} - -p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #FCA5A5; -} - -.p-treeselect { - background: #040d19; - border: 1px solid #0b213f; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; -} -.p-treeselect:not(.p-disabled):hover { - border-color: #93C5FD; -} -.p-treeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - border-color: #93C5FD; -} -.p-treeselect .p-treeselect-label { - padding: 0.75rem 0.75rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-treeselect .p-treeselect-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-treeselect.p-treeselect-chip .p-treeselect-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #0b213f; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; -} -.p-treeselect .p-treeselect-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 3rem; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -p-treeselect.ng-invalid.ng-dirty > .p-treeselect { - border-color: #FCA5A5; -} - -.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { - padding: 0.375rem 0.75rem; -} - -.p-treeselect-panel { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { - border: 0 none; -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} - -.p-input-filled .p-treeselect { - background: #0b213f; -} -.p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #0b213f; -} -.p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: #0b213f; -} - -.p-button { - color: #1c2127; - background: #93C5FD; - border: 1px solid #93C5FD; - padding: 0.75rem 1.25rem; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; -} -.p-button:enabled:hover { - background: #7fbafd; - color: #1c2127; - border-color: #7fbafd; -} -.p-button:enabled:active { - background: #6cb0fc; - color: #1c2127; - border-color: #6cb0fc; -} -.p-button.p-button-outlined { - background-color: transparent; - color: #93C5FD; - border: 1px solid; -} -.p-button.p-button-outlined:enabled:hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; - border: 1px solid; -} -.p-button.p-button-outlined:enabled:active { - background: rgba(147, 197, 253, 0.16); - color: #93C5FD; - border: 1px solid; -} -.p-button.p-button-outlined.p-button-plain { - color: rgba(255, 255, 255, 0.6); - border-color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-outlined.p-button-plain:enabled:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-outlined.p-button-plain:enabled:active { - background: rgba(255, 255, 255, 0.16); - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-text { - background-color: transparent; - color: #93C5FD; - border-color: transparent; -} -.p-button.p-button-text:enabled:hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; - border-color: transparent; -} -.p-button.p-button-text:enabled:active { - background: rgba(147, 197, 253, 0.16); - color: #93C5FD; - border-color: transparent; -} -.p-button.p-button-text.p-button-plain { - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-text.p-button-plain:enabled:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-text.p-button-plain:enabled:active { - background: rgba(255, 255, 255, 0.16); - color: rgba(255, 255, 255, 0.6); -} -.p-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} -.p-button .p-button-icon-left { - margin-right: 0.5rem; -} -.p-button .p-button-icon-right { - margin-left: 0.5rem; -} -.p-button .p-button-icon-bottom { - margin-top: 0.5rem; -} -.p-button .p-button-icon-top { - margin-bottom: 0.5rem; -} -.p-button .p-badge { - margin-left: 0.5rem; - min-width: 1rem; - height: 1rem; - line-height: 1rem; - color: #93C5FD; - background-color: #1c2127; -} -.p-button.p-button-raised { - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); -} -.p-button.p-button-rounded { - border-radius: 2rem; -} -.p-button.p-button-icon-only { - width: 3rem; - padding: 0.75rem 0; -} -.p-button.p-button-icon-only .p-button-icon-left, -.p-button.p-button-icon-only .p-button-icon-right { - margin: 0; -} -.p-button.p-button-icon-only.p-button-rounded { - border-radius: 50%; - height: 3rem; -} -.p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.65625rem 1.09375rem; -} -.p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; -} -.p-button.p-button-lg { - font-size: 1.25rem; - padding: 0.9375rem 1.5625rem; -} -.p-button.p-button-lg .p-button-icon { - font-size: 1.25rem; -} -.p-button.p-button-loading-label-only .p-button-label { - margin-left: 0.5rem; -} -.p-button.p-button-loading-label-only .p-button-loading-icon { - margin-right: 0; -} - -.p-fluid .p-button { - width: 100%; -} -.p-fluid .p-button-icon-only { - width: 3rem; -} -.p-fluid .p-buttonset { - display: flex; -} -.p-fluid .p-buttonset .p-button { - flex: 1; -} - -.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { - color: #1c2127; - background: #CBD5E1; - border: 1px solid #CBD5E1; -} -.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { - background: #b0bfd1; - color: #1c2127; - border-color: #b0bfd1; -} -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #dbe2ea; -} -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: #95a9c2; - color: #1c2127; - border-color: #95a9c2; -} -.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { - background-color: transparent; - color: #CBD5E1; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { - background: rgba(203, 213, 225, 0.04); - color: #CBD5E1; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { - background: rgba(203, 213, 225, 0.16); - color: #CBD5E1; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { - background-color: transparent; - color: #CBD5E1; - border-color: transparent; -} -.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { - background: rgba(203, 213, 225, 0.04); - border-color: transparent; - color: #CBD5E1; -} -.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { - background: rgba(203, 213, 225, 0.16); - border-color: transparent; - color: #CBD5E1; -} - -.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { - color: #1c2127; - background: #93C5FD; - border: 1px solid #93C5FD; -} -.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { - background: #6cb0fc; - color: #1c2127; - border-color: #6cb0fc; -} -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #b3d6fe; -} -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: #449bfc; - color: #1c2127; - border-color: #449bfc; -} -.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { - background-color: transparent; - color: #93C5FD; - border: 1px solid; -} -.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; - border: 1px solid; -} -.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { - background: rgba(147, 197, 253, 0.16); - color: #93C5FD; - border: 1px solid; -} -.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { - background-color: transparent; - color: #93C5FD; - border-color: transparent; -} -.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { - background: rgba(147, 197, 253, 0.04); - border-color: transparent; - color: #93C5FD; -} -.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { - background: rgba(147, 197, 253, 0.16); - border-color: transparent; - color: #93C5FD; -} - -.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { - color: #1c2127; - background: #86EFAC; - border: 1px solid #86EFAC; -} -.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { - background: #65eb95; - color: #1c2127; - border-color: #65eb95; -} -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #aaf4c5; -} -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: #44e67f; - color: #1c2127; - border-color: #44e67f; -} -.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { - background-color: transparent; - color: #86EFAC; - border: 1px solid; -} -.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { - background: rgba(134, 239, 172, 0.04); - color: #86EFAC; - border: 1px solid; -} -.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { - background: rgba(134, 239, 172, 0.16); - color: #86EFAC; - border: 1px solid; -} -.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { - background-color: transparent; - color: #86EFAC; - border-color: transparent; -} -.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { - background: rgba(134, 239, 172, 0.04); - border-color: transparent; - color: #86EFAC; -} -.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { - background: rgba(134, 239, 172, 0.16); - border-color: transparent; - color: #86EFAC; -} - -.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { - color: #1c2127; - background: #FCD34D; - border: 1px solid #FCD34D; -} -.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { - background: #fbcb2d; - color: #1c2127; - border-color: #fbcb2d; -} -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #fde082; -} -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: #fbc30c; - color: #1c2127; - border-color: #fbc30c; -} -.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { - background-color: transparent; - color: #FCD34D; - border: 1px solid; -} -.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { - background: rgba(252, 211, 77, 0.04); - color: #FCD34D; - border: 1px solid; -} -.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { - background: rgba(252, 211, 77, 0.16); - color: #FCD34D; - border: 1px solid; -} -.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { - background-color: transparent; - color: #FCD34D; - border-color: transparent; -} -.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { - background: rgba(252, 211, 77, 0.04); - border-color: transparent; - color: #FCD34D; -} -.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { - background: rgba(252, 211, 77, 0.16); - border-color: transparent; - color: #FCD34D; -} - -.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { - color: #1c2127; - background: #D8B4FE; - border: 1px solid #D8B4FE; -} -.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { - background: #c289fd; - color: #1c2127; - border-color: #c289fd; -} -.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #e4cbfe; -} -.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: #ab5efd; - color: #1c2127; - border-color: #ab5efd; -} -.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { - background-color: transparent; - color: #D8B4FE; - border: 1px solid; -} -.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { - background: rgba(216, 180, 254, 0.04); - color: #D8B4FE; - border: 1px solid; -} -.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { - background: rgba(216, 180, 254, 0.16); - color: #D8B4FE; - border: 1px solid; -} -.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { - background-color: transparent; - color: #D8B4FE; - border-color: transparent; -} -.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { - background: rgba(216, 180, 254, 0.04); - border-color: transparent; - color: #D8B4FE; -} -.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { - background: rgba(216, 180, 254, 0.16); - border-color: transparent; - color: #D8B4FE; -} - -.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { - color: #1c2127; - background: #FCA5A5; - border: 1px solid #FCA5A5; -} -.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { - background: #fb7d7d; - color: #1c2127; - border-color: #fb7d7d; -} -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #fdc0c0; -} -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: #f95454; - color: #1c2127; - border-color: #f95454; -} -.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { - background-color: transparent; - color: #FCA5A5; - border: 1px solid; -} -.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { - background: rgba(252, 165, 165, 0.04); - color: #FCA5A5; - border: 1px solid; -} -.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { - background: rgba(252, 165, 165, 0.16); - color: #FCA5A5; - border: 1px solid; -} -.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { - background-color: transparent; - color: #FCA5A5; - border-color: transparent; -} -.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { - background: rgba(252, 165, 165, 0.04); - border-color: transparent; - color: #FCA5A5; -} -.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { - background: rgba(252, 165, 165, 0.16); - border-color: transparent; - color: #FCA5A5; -} - -.p-button.p-button-link { - color: #93C5FD; - background: transparent; - border: transparent; -} -.p-button.p-button-link:enabled:hover { - background: transparent; - color: #93C5FD; - border-color: transparent; -} -.p-button.p-button-link:enabled:hover .p-button-label { - text-decoration: underline; -} -.p-button.p-button-link:enabled:focus { - background: transparent; - box-shadow: 0 0 0 1px rgba(147, 197, 253, 0.5); - border-color: transparent; -} -.p-button.p-button-link:enabled:active { - background: transparent; - color: #93C5FD; - border-color: transparent; -} - -.p-speeddial-button.p-button.p-button-icon-only { - width: 4rem; - height: 4rem; -} -.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { - font-size: 1.3rem; -} - -.p-speeddial-action { - width: 3rem; - height: 3rem; - background: rgba(255, 255, 255, 0.87); - color: #040d19; -} -.p-speeddial-action:hover { - background: rgba(255, 255, 255, 0.6); - color: #040d19; -} - -.p-speeddial-direction-up .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-up .p-speeddial-item:first-child { - margin-bottom: 0.5rem; -} - -.p-speeddial-direction-down .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-down .p-speeddial-item:first-child { - margin-top: 0.5rem; -} - -.p-speeddial-direction-left .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-left .p-speeddial-item:first-child { - margin-right: 0.5rem; -} - -.p-speeddial-direction-right .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-right .p-speeddial-item:first-child { - margin-left: 0.5rem; -} - -.p-speeddial-circle .p-speeddial-item, -.p-speeddial-semi-circle .p-speeddial-item, -.p-speeddial-quarter-circle .p-speeddial-item { - margin: 0; -} -.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, -.p-speeddial-semi-circle .p-speeddial-item:first-child, -.p-speeddial-semi-circle .p-speeddial-item:last-child, -.p-speeddial-quarter-circle .p-speeddial-item:first-child, -.p-speeddial-quarter-circle .p-speeddial-item:last-child { - margin: 0; -} - -.p-speeddial-mask { - background-color: rgba(0, 0, 0, 0.4); -} - -.p-carousel .p-carousel-content .p-carousel-prev, -.p-carousel .p-carousel-content .p-carousel-next { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin: 0.5rem; -} -.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, -.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} -.p-carousel .p-carousel-indicators { - padding: 1rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator { - margin-right: 0.5rem; - margin-bottom: 0.5rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: #0b213f; - width: 2rem; - height: 0.5rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 0; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { - background: rgba(255, 255, 255, 0.03); -} -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: rgba(147, 197, 253, 0.16); - color: rgba(255, 255, 255, 0.87); -} - -.p-datatable .p-paginator-top { - border-width: 1px 0 1px 0; - border-radius: 0; -} -.p-datatable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-datatable .p-datatable-header { - background: #071426; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; -} -.p-datatable .p-datatable-footer { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; -} -.p-datatable .p-datatable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #071426; - transition: box-shadow 0.2s; -} -.p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #071426; -} -.p-datatable .p-sortable-column .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column.p-highlight { - background: rgba(147, 197, 253, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column.p-highlight:hover { - background: rgba(147, 197, 253, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column:focus { - box-shadow: inset 0 0 0 1px rgba(147, 197, 253, 0.5); - outline: 0 none; -} -.p-datatable .p-datatable-tbody > tr { - background: #071426; - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - outline-color: rgba(147, 197, 253, 0.5); -} -.p-datatable .p-datatable-tbody > tr > td { - text-align: left; - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - padding: 1rem 1rem; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { - margin-right: 0.5rem; -} -.p-datatable .p-datatable-tbody > tr.p-highlight { - background: rgba(147, 197, 253, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 rgba(147, 197, 253, 0.16); -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 rgba(147, 197, 253, 0.16); -} -.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-column-resizer-helper { - background: #93C5FD; -} -.p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #071426; -} -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot { - background-color: #071426; -} -.p-datatable .p-datatable-loading-icon { - font-size: 2rem; -} -.p-datatable.p-datatable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-footer { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-top { - border-width: 0 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-bottom { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { - background: rgba(255, 255, 255, 0.01); -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: rgba(147, 197, 253, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: rgba(255, 255, 255, 0.87); -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: rgba(255, 255, 255, 0.87); -} -.p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-lg .p-datatable-header { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-footer { - padding: 1.25rem 1.25rem; -} - -.p-dataview .p-paginator-top { - border-width: 1px 0 1px 0; - border-radius: 0; -} -.p-dataview .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-dataview .p-dataview-header { - background: #071426; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; -} -.p-dataview .p-dataview-content { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; -} -.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid #0b213f; - border-width: 0 0 1px 0; -} -.p-dataview .p-dataview-footer { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} -.p-dataview .p-dataview-loading-icon { - font-size: 2rem; -} -.p-dataview .p-dataview-emptymessage { - padding: 1.25rem; -} - -.p-column-filter-row .p-column-filter-menu-button, -.p-column-filter-row .p-column-filter-clear-button { - margin-left: 0.5rem; -} - -.p-column-filter-menu-button { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-menu-button:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: rgba(147, 197, 253, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-column-filter-menu-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} - -.p-column-filter-clear-button { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-clear-button:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-column-filter-clear-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} - -.p-column-filter-overlay { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - min-width: 12.5rem; -} -.p-column-filter-overlay .p-column-filter-row-items { - padding: 0.75rem 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(147, 197, 253, 0.5); -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #0b213f; - margin: 0.25rem 0; -} - -.p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - background: #071426; - margin: 0; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-column-filter-overlay-menu .p-column-filter-constraint { - padding: 1.25rem; - border-bottom: 1px solid #0b213f; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { - margin-bottom: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { - margin-top: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { - border-bottom: 0 none; -} -.p-column-filter-overlay-menu .p-column-filter-add-rule { - padding: 0.75rem 1.25rem; -} -.p-column-filter-overlay-menu .p-column-filter-buttonbar { - padding: 1.25rem; -} - -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #071426; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #071426; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #0b213f; -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #0b213f; -} -.fc.fc-unthemed .fc-view-container .fc-event { - background: #7fbafd; - border: 1px solid #7fbafd; - color: #1c2127; -} -.fc.fc-unthemed .fc-view-container .fc-divider { - background: #071426; - border: 1px solid #0b213f; -} -.fc.fc-unthemed .fc-toolbar .fc-button { - color: #1c2127; - background: #93C5FD; - border: 1px solid #93C5FD; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; - display: flex; - align-items: center; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #7fbafd; - color: #1c2127; - border-color: #7fbafd; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #6cb0fc; - color: #1c2127; - border-color: #6cb0fc; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #071426; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #93C5FD; - border-color: #93C5FD; - color: #1c2127; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #7fbafd; - border-color: #7fbafd; - color: #1c2127; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - z-index: 1; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} -.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #0b213f; -} -.fc.fc-theme-standard .fc-view-harness th { - background: #071426; - border-color: #0b213f; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness td { - color: rgba(255, 255, 255, 0.87); - border-color: #0b213f; -} -.fc.fc-theme-standard .fc-view-harness .fc-view { - background: #071426; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #0b213f; - padding: 1.25rem; - background: #071426; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1.25rem; - border: 1px solid #0b213f; - background: #071426; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #1c2127; - background: #7fbafd; - border-color: #7fbafd; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #1c2127; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #7fbafd; - border-color: #7fbafd; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #071426; -} -.fc.fc-theme-standard .fc-toolbar .fc-button { - color: #1c2127; - background: #93C5FD; - border: 1px solid #93C5FD; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #7fbafd; - color: #1c2127; - border-color: #7fbafd; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #6cb0fc; - color: #1c2127; - border-color: #6cb0fc; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} -.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.4; - color: #1c2127; - background: #93C5FD; - border: 1px solid #93C5FD; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #071426; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #93C5FD; - border-color: #93C5FD; - color: #1c2127; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #7fbafd; - border-color: #7fbafd; - color: #1c2127; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - z-index: 1; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} -.fc.fc-theme-standard a { - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); -} - -.p-orderlist .p-orderlist-controls { - padding: 1.25rem; -} -.p-orderlist .p-orderlist-controls .p-button { - margin-bottom: 0.5rem; -} -.p-orderlist .p-orderlist-header { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - padding: 1.25rem; - border-bottom: 0 none; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-orderlist .p-orderlist-header .p-orderlist-title { - font-weight: 700; -} -.p-orderlist .p-orderlist-filter-container { - padding: 1.25rem; - background: #071426; - border: 1px solid #0b213f; - border-bottom: 0 none; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { - padding-right: 1.75rem; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} -.p-orderlist .p-orderlist-list { - border: 1px solid #0b213f; - background: #071426; - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-orderlist .p-orderlist-list .p-orderlist-item { - padding: 0.75rem 1.25rem; - margin: 0; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; -} -.p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(147, 197, 253, 0.5); -} -.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); -} -.p-orderlist .p-orderlist-list .p-orderlist-empty-message { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); -} -.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} - -.p-orderlist-item.cdk-drag-preview { - padding: 0.75rem 1.25rem; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #071426; - margin: 0; -} - -.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-organizationchart .p-organizationchart-node-content.p-highlight { - background: rgba(147, 197, 253, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: rgba(22, 130, 251, 0.16); -} -.p-organizationchart .p-organizationchart-line-down { - background: #0b213f; -} -.p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #0b213f; - border-color: #0b213f; -} -.p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #0b213f; - border-color: #0b213f; -} -.p-organizationchart .p-organizationchart-node-content { - border: 1px solid #0b213f; - background: #071426; - color: rgba(255, 255, 255, 0.87); - padding: 1.25rem; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler { - background: inherit; - color: inherit; - border-radius: 50%; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} - -.p-paginator { - background: #071426; - color: rgba(255, 255, 255, 0.6); - border: solid #0b213f; - border-width: 1px; - padding: 0.5rem 1rem; - border-radius: 6px; -} -.p-paginator .p-paginator-first, -.p-paginator .p-paginator-prev, -.p-paginator .p-paginator-next, -.p-paginator .p-paginator-last { - background-color: transparent; - border: 0 none; - color: rgba(255, 255, 255, 0.6); - min-width: 3rem; - height: 3rem; - margin: 0.143rem; - transition: box-shadow 0.2s; - border-radius: 6px; -} -.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - border-color: transparent; - color: rgba(255, 255, 255, 0.87); -} -.p-paginator .p-paginator-first { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-paginator .p-paginator-last { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} -.p-paginator .p-dropdown { - margin-left: 0.5rem; - margin-right: 0.5rem; - height: 3rem; -} -.p-paginator .p-dropdown .p-dropdown-label { - padding-right: 0; -} -.p-paginator .p-paginator-page-input { - margin-left: 0.5rem; - margin-right: 0.5rem; -} -.p-paginator .p-paginator-page-input .p-inputtext { - max-width: 3rem; -} -.p-paginator .p-paginator-current { - background-color: transparent; - border: 0 none; - color: rgba(255, 255, 255, 0.6); - min-width: 3rem; - height: 3rem; - margin: 0.143rem; - padding: 0 0.5rem; -} -.p-paginator .p-paginator-pages .p-paginator-page { - background-color: transparent; - border: 0 none; - color: rgba(255, 255, 255, 0.6); - min-width: 3rem; - height: 3rem; - margin: 0.143rem; - transition: box-shadow 0.2s; - border-radius: 6px; -} -.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: rgba(147, 197, 253, 0.16); - border-color: rgba(147, 197, 253, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - border-color: transparent; - color: rgba(255, 255, 255, 0.87); -} - -.p-picklist .p-picklist-buttons { - padding: 1.25rem; -} -.p-picklist .p-picklist-buttons .p-button { - margin-bottom: 0.5rem; -} -.p-picklist .p-picklist-header { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - padding: 1.25rem; - border-bottom: 0 none; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-picklist .p-picklist-header .p-picklist-title { - font-weight: 700; -} -.p-picklist .p-picklist-filter-container { - padding: 1.25rem; - background: #071426; - border: 1px solid #0b213f; - border-bottom: 0 none; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-input { - padding-right: 1.75rem; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} -.p-picklist .p-picklist-list { - border: 1px solid #0b213f; - background: #071426; - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-picklist .p-picklist-list .p-picklist-item { - padding: 0.75rem 1.25rem; - margin: 0; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; -} -.p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(147, 197, 253, 0.5); -} -.p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); -} -.p-picklist .p-picklist-list .p-picklist-empty-message { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); -} -.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} - -.p-picklist-item.cdk-drag-preview { - padding: 0.75rem 1.25rem; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #071426; - margin: 0; -} - -.p-timeline .p-timeline-event-marker { - border: 2px solid #93C5FD; - border-radius: 50%; - width: 1rem; - height: 1rem; - background-color: #1c2127; -} -.p-timeline .p-timeline-event-connector { - background-color: #0b213f; -} -.p-timeline.p-timeline-vertical .p-timeline-event-opposite, -.p-timeline.p-timeline-vertical .p-timeline-event-content { - padding: 0 1rem; -} -.p-timeline.p-timeline-vertical .p-timeline-event-connector { - width: 2px; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, -.p-timeline.p-timeline-horizontal .p-timeline-event-content { - padding: 1rem 0; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-connector { - height: 2px; -} - -.p-tree { - border: 1px solid #0b213f; - background: #071426; - color: rgba(255, 255, 255, 0.87); - padding: 1.25rem; - border-radius: 6px; -} -.p-tree .p-tree-container .p-treenode { - padding: 0.143rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content { - border-radius: 6px; - transition: box-shadow 0.2s; - padding: 0.5rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { - margin-right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: rgba(147, 197, 253, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-filter-container { - margin-bottom: 0.5rem; -} -.p-tree .p-tree-filter-container .p-tree-filter { - width: 100%; - padding-right: 1.75rem; -} -.p-tree .p-tree-filter-container .p-tree-filter-icon { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} -.p-tree .p-treenode-children { - padding: 0 0 0 1rem; -} -.p-tree .p-tree-loading-icon { - font-size: 2rem; -} -.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: rgba(68, 155, 252, 0.16); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { - border-radius: 6px; - border: 1px solid #0b213f; - background-color: #071426; - color: rgba(255, 255, 255, 0.87); - padding: 0.5rem; - transition: box-shadow 0.2s; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { - background-color: rgba(147, 197, 253, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { - background-color: inherit; - color: inherit; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} - -.p-treetable .p-paginator-top { - border-width: 1px 0 1px 0; - border-radius: 0; -} -.p-treetable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-treetable .p-treetable-header { - background: #071426; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; -} -.p-treetable .p-treetable-footer { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; -} -.p-treetable .p-treetable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #071426; - transition: box-shadow 0.2s; -} -.p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #071426; -} -.p-treetable .p-sortable-column { - outline-color: rgba(147, 197, 253, 0.5); -} -.p-treetable .p-sortable-column .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-sortable-column.p-highlight { - background: rgba(147, 197, 253, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-treetable-tbody > tr { - background: #071426; - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - outline-color: rgba(147, 197, 253, 0.5); -} -.p-treetable .p-treetable-tbody > tr > td { - text-align: left; - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - padding: 1rem 1rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-treetable-tbody > tr.p-highlight { - background: rgba(147, 197, 253, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-column-resizer-helper { - background: #93C5FD; -} -.p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #071426; -} -.p-treetable .p-treetable-loading-icon { - font-size: 2rem; -} -.p-treetable.p-treetable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-footer { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-top { - border-width: 0 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-bottom { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-sm .p-treetable-header { - padding: 0.875rem 0.875rem; -} -.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-footer { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-lg .p-treetable-header { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-footer { - padding: 1.25rem 1.25rem; -} - -.p-virtualscroller .p-virtualscroller-header { - background: #071426; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; -} -.p-virtualscroller .p-virtualscroller-content { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; -} -.p-virtualscroller .p-virtualscroller-footer { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.p-accordion .p-accordion-header .p-accordion-header-link { - padding: 1.25rem; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - background: #071426; - font-weight: 700; - border-radius: 6px; - transition: box-shadow 0.2s; -} -.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { - margin-right: 0.5rem; -} -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} -.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { - background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; - color: rgba(255, 255, 255, 0.87); -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #071426; - border-color: #0b213f; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-color: #0b213f; - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-accordion .p-accordion-content { - padding: 1.25rem; - border: 1px solid #0b213f; - background: #071426; - color: rgba(255, 255, 255, 0.87); - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-accordion p-accordiontab .p-accordion-tab { - margin-bottom: 4px; -} - -.p-card { - background: #071426; - color: rgba(255, 255, 255, 0.87); - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); - border-radius: 6px; -} -.p-card .p-card-body { - padding: 1.25rem; -} -.p-card .p-card-title { - font-size: 1.5rem; - font-weight: 700; - margin-bottom: 0.5rem; -} -.p-card .p-card-subtitle { - font-weight: 400; - margin-bottom: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-card .p-card-content { - padding: 1.25rem 0; -} -.p-card .p-card-footer { - padding: 1.25rem 0 0 0; -} - -.p-divider .p-divider-content { - background-color: #071426; -} -.p-divider.p-divider-horizontal { - margin: 1.25rem 0; - padding: 0 1.25rem; -} -.p-divider.p-divider-horizontal:before { - border-top: 1px #0b213f; -} -.p-divider.p-divider-horizontal .p-divider-content { - padding: 0 0.5rem; -} -.p-divider.p-divider-vertical { - margin: 0 1.25rem; - padding: 1.25rem 0; -} -.p-divider.p-divider-vertical:before { - border-left: 1px #0b213f; -} -.p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; -} - -.p-fieldset { - border: 1px solid #0b213f; - background: #071426; - color: rgba(255, 255, 255, 0.87); - border-radius: 6px; -} -.p-fieldset .p-fieldset-legend { - padding: 1.25rem; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - background: #071426; - font-weight: 700; - border-radius: 6px; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { - padding: 0; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { - padding: 1.25rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 6px; - transition: box-shadow 0.2s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { - margin-right: 0.5rem; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; - color: rgba(255, 255, 255, 0.87); -} -.p-fieldset .p-fieldset-content { - padding: 1.25rem; -} - -.p-panel .p-panel-header { - border: 1px solid #0b213f; - padding: 1.25rem; - background: #071426; - color: rgba(255, 255, 255, 0.87); - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-panel .p-panel-header .p-panel-title { - font-weight: 700; -} -.p-panel .p-panel-header .p-panel-header-icon { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-panel .p-panel-header .p-panel-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} -.p-panel.p-panel-toggleable .p-panel-header { - padding: 0.75rem 1.25rem; -} -.p-panel .p-panel-content { - padding: 1.25rem; - border: 1px solid #0b213f; - background: #071426; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - border-top: 0 none; -} -.p-panel .p-panel-footer { - padding: 0.75rem 1.25rem; - border: 1px solid #0b213f; - background: #071426; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; -} - -.p-scrollpanel .p-scrollpanel-bar { - background: #0b213f; - border: 0 none; -} - -.p-splitter { - border: 1px solid #0b213f; - background: #071426; - border-radius: 6px; - color: rgba(255, 255, 255, 0.87); -} -.p-splitter .p-splitter-gutter { - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - background: rgba(255, 255, 255, 0.03); -} -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: #0b213f; -} -.p-splitter .p-splitter-gutter-resizing { - background: #0b213f; -} - -.p-tabview .p-tabview-nav { - background: transparent; - border: 1px solid #0b213f; - border-width: 0 0 2px 0; -} -.p-tabview .p-tabview-nav li { - margin-right: 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #0b213f; - border-width: 0 0 2px 0; - border-color: transparent transparent #0b213f transparent; - background: #071426; - color: rgba(255, 255, 255, 0.6); - padding: 1.25rem; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} -.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #071426; - border-color: #93C5FD; - color: rgba(255, 255, 255, 0.87); -} -.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #071426; - border-color: #93C5FD; - color: #93C5FD; -} -.p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; -} -.p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-close { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-nav-btn.p-link { - background: #071426; - color: #93C5FD; - width: 3rem; - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); - border-radius: 0; -} -.p-tabview .p-tabview-nav-btn.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} -.p-tabview .p-tabview-panels { - background: #071426; - padding: 1.25rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} - -.p-toolbar { - background: #071426; - border: 1px solid #0b213f; - padding: 1.25rem; - border-radius: 6px; -} -.p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; -} - -.p-confirm-popup { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-confirm-popup .p-confirm-popup-content { - padding: 1.25rem; -} -.p-confirm-popup .p-confirm-popup-footer { - text-align: right; - padding: 0.75rem 1.25rem; -} -.p-confirm-popup .p-confirm-popup-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-confirm-popup .p-confirm-popup-footer button:last-child { - margin: 0; -} -.p-confirm-popup:after { - border: solid transparent; - border-color: rgba(7, 20, 38, 0); - border-bottom-color: #071426; -} -.p-confirm-popup:before { - border: solid transparent; - border-color: rgba(11, 33, 63, 0); - border-bottom-color: #0b213f; -} -.p-confirm-popup.p-confirm-popup-flipped:after { - border-top-color: #071426; -} -.p-confirm-popup.p-confirm-popup-flipped:before { - border-top-color: #0b213f; -} -.p-confirm-popup .p-confirm-popup-icon { - font-size: 1.5rem; -} -.p-confirm-popup .p-confirm-popup-message { - margin-left: 1rem; -} - -.p-dialog { - border-radius: 6px; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); - border: 1px solid #0b213f; -} -.p-dialog .p-dialog-header { - border-bottom: 0 none; - background: #071426; - color: rgba(255, 255, 255, 0.87); - padding: 1.5rem; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-dialog .p-dialog-header .p-dialog-title { - font-weight: 700; - font-size: 1.25rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} -.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { - margin-right: 0; -} -.p-dialog .p-dialog-content { - background: #071426; - color: rgba(255, 255, 255, 0.87); - padding: 0 1.5rem 2rem 1.5rem; -} -.p-dialog .p-dialog-footer { - border-top: 0 none; - background: #071426; - color: rgba(255, 255, 255, 0.87); - padding: 0 1.5rem 1.5rem 1.5rem; - text-align: right; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-dialog .p-dialog-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { - font-size: 2rem; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; -} - -.p-overlaypanel { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-overlaypanel .p-overlaypanel-content { - padding: 1.25rem; -} -.p-overlaypanel .p-overlaypanel-close { - background: #93C5FD; - color: #1c2127; - width: 2rem; - height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; - position: absolute; - top: -1rem; - right: -1rem; -} -.p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #7fbafd; - color: #1c2127; -} -.p-overlaypanel:after { - border: solid transparent; - border-color: rgba(7, 20, 38, 0); - border-bottom-color: #071426; -} -.p-overlaypanel:before { - border: solid transparent; - border-color: rgba(11, 33, 63, 0); - border-bottom-color: #0b213f; -} -.p-overlaypanel.p-overlaypanel-flipped:after { - border-top-color: #071426; -} -.p-overlaypanel.p-overlaypanel-flipped:before { - border-top-color: #0b213f; -} - -.p-sidebar { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-sidebar .p-sidebar-header { - padding: 1.25rem; -} -.p-sidebar .p-sidebar-header .p-sidebar-close, -.p-sidebar .p-sidebar-header .p-sidebar-icon { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, -.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} -.p-sidebar .p-sidebar-header + .p-sidebar-content { - padding-top: 0; -} -.p-sidebar .p-sidebar-content { - padding: 1.25rem; -} - -.p-tooltip .p-tooltip-text { - background: #0b213f; - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 0.75rem; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 6px; -} -.p-tooltip.p-tooltip-right .p-tooltip-arrow { - border-right-color: #0b213f; -} -.p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #0b213f; -} -.p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #0b213f; -} -.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #0b213f; -} - -.p-fileupload .p-fileupload-buttonbar { - background: #071426; - padding: 1.25rem; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - border-bottom: 0 none; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; -} -.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} -.p-fileupload .p-fileupload-content { - background: #071426; - padding: 2rem 1rem; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-fileupload .p-progressbar { - height: 0.25rem; -} -.p-fileupload .p-fileupload-row > div { - padding: 1rem 1rem; -} -.p-fileupload.p-fileupload-advanced .p-message { - margin-top: 0; -} - -.p-fileupload-choose:not(.p-disabled):hover { - background: #7fbafd; - color: #1c2127; - border-color: #7fbafd; -} -.p-fileupload-choose:not(.p-disabled):active { - background: #6cb0fc; - color: #1c2127; - border-color: #6cb0fc; -} - -.p-breadcrumb { - background: #091a32; - border: 1px solid #0b213f; - border-radius: 6px; - padding: 1rem; -} -.p-breadcrumb ul li .p-menuitem-link { - transition: box-shadow 0.2s; - border-radius: 6px; -} -.p-breadcrumb ul li .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-breadcrumb ul li.p-breadcrumb-chevron { - margin: 0 0.5rem 0 0.5rem; - color: rgba(255, 255, 255, 0.87); -} -.p-breadcrumb ul li:last-child .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-breadcrumb ul li:last-child .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} - -.p-contextmenu { - padding: 0.25rem 0; - background: #091a32; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 6px; - width: 12.5rem; -} -.p-contextmenu .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-contextmenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-contextmenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(147, 197, 253, 0.5); -} -.p-contextmenu .p-submenu-list { - padding: 0.25rem 0; - background: #091a32; - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 6px; -} -.p-contextmenu .p-menuitem { - margin: 0; -} -.p-contextmenu .p-menuitem:last-child { - margin: 0; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(147, 197, 253, 0.16); -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menu-separator { - border-top: 1px solid #0b213f; - margin: 0.25rem 0; -} -.p-contextmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-dock .p-dock-list { - background: rgba(255, 255, 255, 0.1); - border: 1px solid rgba(255, 255, 255, 0.2); - padding: 0.5rem 0.5rem; - border-radius: 0.5rem; -} -.p-dock .p-dock-item { - padding: 0.5rem; -} -.p-dock .p-dock-action { - width: 4rem; - height: 4rem; -} -.p-dock.p-dock-top .p-dock-item-second-prev, -.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, -.p-dock.p-dock-bottom .p-dock-item-second-next { - margin: 0 0.9rem; -} -.p-dock.p-dock-top .p-dock-item-prev, -.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, -.p-dock.p-dock-bottom .p-dock-item-next { - margin: 0 1.3rem; -} -.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { - margin: 0 1.5rem; -} -.p-dock.p-dock-left .p-dock-item-second-prev, -.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, -.p-dock.p-dock-right .p-dock-item-second-next { - margin: 0.9rem 0; -} -.p-dock.p-dock-left .p-dock-item-prev, -.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, -.p-dock.p-dock-right .p-dock-item-next { - margin: 1.3rem 0; -} -.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { - margin: 1.5rem 0; -} - -@media screen and (max-width: 960px) { - .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { - margin: auto 0; - } - .p-dock .p-dock-list .p-dock-item { - transform: none; - margin: 0; - } -} -.p-megamenu { - padding: 0.5rem; - background: #091a32; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 6px; - transition: box-shadow 0.2s; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(147, 197, 253, 0.5); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(147, 197, 253, 0.16); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-megamenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(147, 197, 253, 0.5); -} -.p-megamenu .p-megamenu-panel { - background: #091a32; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-megamenu .p-megamenu-submenu-header { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #091a32; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-megamenu .p-megamenu-submenu { - padding: 0.25rem 0; - width: 12.5rem; -} -.p-megamenu .p-megamenu-submenu .p-menu-separator { - border-top: 1px solid #0b213f; - margin: 0.25rem 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem { - margin: 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { - margin: 0; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(147, 197, 253, 0.16); -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.25rem 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem { - margin: 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { - margin: 0; -} - -.p-menu { - padding: 0.25rem 0; - background: #091a32; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; - width: 12.5rem; -} -.p-menu .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-menu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(147, 197, 253, 0.5); -} -.p-menu.p-menu-overlay { - background: #091a32; - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-menu .p-submenu-header { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #091a32; - font-weight: 700; - border-top-right-radius: 0; - border-top-left-radius: 0; -} -.p-menu .p-menu-separator { - border-top: 1px solid #0b213f; - margin: 0.25rem 0; -} -.p-menu .p-menuitem { - margin: 0; -} -.p-menu .p-menuitem:last-child { - margin: 0; -} - -.p-menubar { - padding: 0.5rem; - background: #091a32; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; -} -.p-menubar .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menubar .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-menubar .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(147, 197, 253, 0.5); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 6px; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(147, 197, 253, 0.5); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(147, 197, 253, 0.16); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-submenu-list { - padding: 0.25rem 0; - background: #091a32; - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - width: 12.5rem; -} -.p-menubar .p-submenu-list .p-menu-separator { - border-top: 1px solid #0b213f; - margin: 0.25rem 0; -} -.p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; -} -.p-menubar .p-submenu-list .p-menuitem { - margin: 0; -} -.p-menubar .p-submenu-list .p-menuitem:last-child { - margin: 0; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(147, 197, 253, 0.16); -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} - -@media screen and (max-width: 960px) { - .p-menubar { - position: relative; - } - .p-menubar .p-menubar-button { - display: flex; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-menubar .p-menubar-button:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menubar .p-menubar-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - } - .p-menubar .p-menubar-root-list { - position: absolute; - display: none; - padding: 0.25rem 0; - background: #091a32; - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - width: 100%; - } - .p-menubar .p-menubar-root-list .p-menu-separator { - border-top: 1px solid #0b213f; - margin: 0.25rem 0; - } - .p-menubar .p-menubar-root-list .p-submenu-icon { - font-size: 0.875rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(147, 197, 253, 0.5); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - transition: transform 0.2s; - } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-180deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list { - width: 100%; - position: static; - box-shadow: none; - border: 0 none; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { - transition: transform 0.2s; - transform: rotate(90deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-90deg); - } - .p-menubar .p-menubar-root-list .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list ul li a { - padding-left: 2.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li a { - padding-left: 3.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li a { - padding-left: 5.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { - padding-left: 6.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { - padding-left: 8.25rem; - } - .p-menubar.p-menubar-mobile-active .p-menubar-root-list { - display: flex; - flex-direction: column; - top: 100%; - left: 0; - z-index: 1; - } -} -.p-panelmenu .p-panelmenu-header > a { - padding: 1.25rem; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - background: #071426; - font-weight: 700; - border-radius: 6px; - transition: box-shadow 0.2s; -} -.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} -.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight > a { - background: #071426; - border-color: #0b213f; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { - border-color: #0b213f; - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content { - padding: 0.25rem 0; - border: 1px solid #0b213f; - background: #071426; - color: rgba(255, 255, 255, 0.87); - margin-bottom: 4px; - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(147, 197, 253, 0.5); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { - padding: 0 0 0 1rem; -} -.p-panelmenu .p-panelmenu-panel { - margin-bottom: 4px; -} - -.p-slidemenu { - padding: 0.25rem 0; - background: #091a32; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; - width: 12.5rem; -} -.p-slidemenu .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-slidemenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-slidemenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(147, 197, 253, 0.5); -} -.p-slidemenu.p-slidemenu-overlay { - background: #091a32; - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-slidemenu .p-slidemenu-list { - padding: 0.25rem 0; - background: #091a32; - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { - background: rgba(147, 197, 253, 0.16); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-slidemenu-separator { - border-top: 1px solid #0b213f; - margin: 0.25rem 0; -} -.p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; -} -.p-slidemenu .p-slidemenu-backward { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); -} - -.p-steps .p-steps-item .p-menuitem-link { - background: transparent; - transition: box-shadow 0.2s; - border-radius: 6px; - background: transparent; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-number { - color: rgba(255, 255, 255, 0.87); - border: 0 none; - background: transparent; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - z-index: 1; - border-radius: 50%; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-title { - margin-top: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} -.p-steps .p-steps-item.p-highlight .p-steps-number { - background: rgba(147, 197, 253, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-steps .p-steps-item.p-highlight .p-steps-title { - font-weight: 700; - color: rgba(255, 255, 255, 0.87); -} -.p-steps .p-steps-item:before { - content: " "; - border-top: 1px solid #0b213f; - width: 100%; - top: 50%; - left: 0; - display: block; - position: absolute; - margin-top: -1rem; -} - -.p-tabmenu .p-tabmenu-nav { - background: transparent; - border: 1px solid #0b213f; - border-width: 0 0 2px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { - margin-right: 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { - border: solid #0b213f; - border-width: 0 0 2px 0; - border-color: transparent transparent #0b213f transparent; - background: #071426; - color: rgba(255, 255, 255, 0.6); - padding: 1.25rem; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: #071426; - border-color: #93C5FD; - color: rgba(255, 255, 255, 0.87); -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #071426; - border-color: #93C5FD; - color: #93C5FD; -} - -.p-tieredmenu { - padding: 0.25rem 0; - background: #091a32; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; - width: 12.5rem; -} -.p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-tieredmenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-tieredmenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(147, 197, 253, 0.5); -} -.p-tieredmenu.p-tieredmenu-overlay { - background: #091a32; - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #091a32; - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-tieredmenu .p-menuitem { - margin: 0; -} -.p-tieredmenu .p-menuitem:last-child { - margin: 0; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(147, 197, 253, 0.16); -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menu-separator { - border-top: 1px solid #0b213f; - margin: 0.25rem 0; -} -.p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-inline-message { - padding: 0.75rem 0.75rem; - margin: 0; - border-radius: 6px; -} -.p-inline-message.p-inline-message-info { - background: #e9e9ff; - border: solid #696cff; - border-width: 1px; - color: #696cff; -} -.p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #696cff; -} -.p-inline-message.p-inline-message-success { - background: #e4f8f0; - border: solid #1ea97c; - border-width: 1px; - color: #1ea97c; -} -.p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #1ea97c; -} -.p-inline-message.p-inline-message-warn { - background: #fff2e2; - border: solid #cc8925; - border-width: 1px; - color: #cc8925; -} -.p-inline-message.p-inline-message-warn .p-inline-message-icon { - color: #cc8925; -} -.p-inline-message.p-inline-message-error { - background: #ffe7e6; - border: solid #ff5757; - border-width: 1px; - color: #ff5757; -} -.p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #ff5757; -} -.p-inline-message .p-inline-message-icon { - font-size: 1rem; - margin-right: 0.5rem; -} -.p-inline-message .p-inline-message-text { - font-size: 1rem; -} -.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { - margin-right: 0; -} - -.p-message { - margin: 1rem 0; - border-radius: 6px; -} -.p-message .p-message-wrapper { - padding: 1.25rem 1.75rem; -} -.p-message .p-message-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-message .p-message-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} -.p-message.p-message-info { - background: #e9e9ff; - border: solid #696cff; - border-width: 0 0 0 6px; - color: #696cff; -} -.p-message.p-message-info .p-message-icon { - color: #696cff; -} -.p-message.p-message-info .p-message-close { - color: #696cff; -} -.p-message.p-message-success { - background: #e4f8f0; - border: solid #1ea97c; - border-width: 0 0 0 6px; - color: #1ea97c; -} -.p-message.p-message-success .p-message-icon { - color: #1ea97c; -} -.p-message.p-message-success .p-message-close { - color: #1ea97c; -} -.p-message.p-message-warn { - background: #fff2e2; - border: solid #cc8925; - border-width: 0 0 0 6px; - color: #cc8925; -} -.p-message.p-message-warn .p-message-icon { - color: #cc8925; -} -.p-message.p-message-warn .p-message-close { - color: #cc8925; -} -.p-message.p-message-error { - background: #ffe7e6; - border: solid #ff5757; - border-width: 0 0 0 6px; - color: #ff5757; -} -.p-message.p-message-error .p-message-icon { - color: #ff5757; -} -.p-message.p-message-error .p-message-close { - color: #ff5757; -} -.p-message .p-message-text { - font-size: 1rem; - font-weight: 400; -} -.p-message .p-message-icon { - font-size: 1.5rem; - margin-right: 0.5rem; -} -.p-message .p-message-summary { - font-weight: 700; -} -.p-message .p-message-detail { - margin-left: 0.5rem; -} - -.p-toast { - opacity: 0.9; -} -.p-toast .p-toast-message { - margin: 0 0 1rem 0; - box-shadow: none; - border-radius: 6px; -} -.p-toast .p-toast-message .p-toast-message-content { - padding: 1rem; - border-width: 0 0 0 6px; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { - margin: 0 0 0 1rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { - font-size: 2rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { - font-weight: 700; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { - margin: 0.5rem 0 0 0; -} -.p-toast .p-toast-message .p-toast-icon-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-toast .p-toast-message .p-toast-icon-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} -.p-toast .p-toast-message.p-toast-message-info { - background: #e9e9ff; - border: solid #696cff; - border-width: 0 0 0 6px; - color: #696cff; -} -.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { - color: #696cff; -} -.p-toast .p-toast-message.p-toast-message-success { - background: #e4f8f0; - border: solid #1ea97c; - border-width: 0 0 0 6px; - color: #1ea97c; -} -.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { - color: #1ea97c; -} -.p-toast .p-toast-message.p-toast-message-warn { - background: #fff2e2; - border: solid #cc8925; - border-width: 0 0 0 6px; - color: #cc8925; -} -.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { - color: #cc8925; -} -.p-toast .p-toast-message.p-toast-message-error { - background: #ffe7e6; - border: solid #ff5757; - border-width: 0 0 0 6px; - color: #ff5757; -} -.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { - color: #ff5757; -} - -.p-galleria .p-galleria-close { - margin: 0.5rem; - background: transparent; - color: #f8f9fa; - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-close .p-galleria-close-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-close:hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-item-nav { - background: transparent; - color: #f8f9fa; - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 6px; - margin: 0 0.5rem; -} -.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, -.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-caption { - background: rgba(0, 0, 0, 0.5); - color: #f8f9fa; - padding: 1rem; -} -.p-galleria .p-galleria-indicators { - padding: 1rem; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #0b213f; - width: 1rem; - height: 1rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { - background: rgba(255, 255, 255, 0.1); -} -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(147, 197, 253, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { - margin-right: 0.5rem; -} -.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { - margin-bottom: 0.5rem; -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { - background: rgba(0, 0, 0, 0.5); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { - background: rgba(255, 255, 255, 0.4); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { - background: rgba(255, 255, 255, 0.6); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(147, 197, 253, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-galleria .p-galleria-thumbnail-container { - background: rgba(0, 0, 0, 0.9); - padding: 1rem 0.25rem; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { - margin: 0.5rem; - background-color: transparent; - color: #f8f9fa; - width: 2rem; - height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} - -.p-galleria-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-preview-indicator { - background-color: transparent; - color: #f8f9fa; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} - -.p-image-preview-container:hover > .p-image-preview-indicator { - background-color: rgba(0, 0, 0, 0.5); -} - -.p-image-toolbar { - padding: 1rem; -} - -.p-image-action.p-link { - color: #f8f9fa; - background-color: transparent; - width: 3rem; - height: 3rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-image-action.p-link:last-child { - margin-right: 0; -} -.p-image-action.p-link:hover { - color: #f8f9fa; - background-color: rgba(255, 255, 255, 0.1); -} -.p-image-action.p-link i { - font-size: 1.5rem; -} - -.p-avatar { - background-color: #0b213f; - border-radius: 6px; -} -.p-avatar.p-avatar-lg { - width: 3rem; - height: 3rem; - font-size: 1.5rem; -} -.p-avatar.p-avatar-lg .p-avatar-icon { - font-size: 1.5rem; -} -.p-avatar.p-avatar-xl { - width: 4rem; - height: 4rem; - font-size: 2rem; -} -.p-avatar.p-avatar-xl .p-avatar-icon { - font-size: 2rem; -} - -.p-avatar-group .p-avatar { - border: 2px solid #071426; -} - -.p-badge { - background: #93C5FD; - color: #1c2127; - font-size: 0.75rem; - font-weight: 700; - min-width: 1.5rem; - height: 1.5rem; - line-height: 1.5rem; -} -.p-badge.p-badge-secondary { - background-color: #CBD5E1; - color: #1c2127; -} -.p-badge.p-badge-success { - background-color: #86EFAC; - color: #1c2127; -} -.p-badge.p-badge-info { - background-color: #93C5FD; - color: #1c2127; -} -.p-badge.p-badge-warning { - background-color: #FCD34D; - color: #1c2127; -} -.p-badge.p-badge-danger { - background-color: #FCA5A5; - color: #1c2127; -} -.p-badge.p-badge-lg { - font-size: 1.125rem; - min-width: 2.25rem; - height: 2.25rem; - line-height: 2.25rem; -} -.p-badge.p-badge-xl { - font-size: 1.5rem; - min-width: 3rem; - height: 3rem; - line-height: 3rem; -} - -.p-chip { - background-color: #0b213f; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - padding: 0 0.75rem; -} -.p-chip .p-chip-text { - line-height: 1.5; - margin-top: 0.375rem; - margin-bottom: 0.375rem; -} -.p-chip .p-chip-icon { - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - margin-left: 0.5rem; -} -.p-chip img { - width: 2.25rem; - height: 2.25rem; - margin-left: -0.75rem; - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - border-radius: 6px; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} - -.p-inplace .p-inplace-display { - padding: 0.75rem 0.75rem; - border-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-inplace .p-inplace-display:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-inplace .p-inplace-display:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} - -.p-progressbar { - border: 0 none; - height: 1.5rem; - background: #0b213f; - border-radius: 6px; -} -.p-progressbar .p-progressbar-value { - border: 0 none; - margin: 0; - background: #93C5FD; -} -.p-progressbar .p-progressbar-label { - color: #1c2127; - line-height: 1.5rem; -} - -.p-scrolltop { - width: 3rem; - height: 3rem; - border-radius: 50%; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-scrolltop.p-link { - background: rgba(147, 197, 253, 0.16); -} -.p-scrolltop.p-link:hover { - background: rgba(147, 197, 253, 0.3616); -} -.p-scrolltop .p-scrolltop-icon { - font-size: 1.5rem; - color: rgba(255, 255, 255, 0.87); -} - -.p-skeleton { - background-color: rgba(255, 255, 255, 0.06); - border-radius: 6px; -} -.p-skeleton:after { - background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); -} - -.p-tag { - background: #93C5FD; - color: #1c2127; - font-size: 0.75rem; - font-weight: 700; - padding: 0.25rem 0.4rem; - border-radius: 6px; -} -.p-tag.p-tag-success { - background-color: #86EFAC; - color: #1c2127; -} -.p-tag.p-tag-info { - background-color: #93C5FD; - color: #1c2127; -} -.p-tag.p-tag-warning { - background-color: #FCD34D; - color: #1c2127; -} -.p-tag.p-tag-danger { - background-color: #FCA5A5; - color: #1c2127; -} -.p-tag .p-tag-icon { - margin-right: 0.25rem; - font-size: 0.75rem; -} - -.p-terminal { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - padding: 1.25rem; -} -.p-terminal .p-terminal-input { - font-size: 1rem; - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; -} - -.p-button-label { - font-weight: 700; -} - -.p-accordion .p-accordion-header .p-accordion-header-link { - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; -} - -.p-tabview .p-tabview-nav li .p-tabview-nav-link { - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-tabview .p-tabview-nav .p-tabview-ink-bar { - z-index: 1; - display: block; - position: absolute; - bottom: 0; - height: 2px; - background-color: #93C5FD; - transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); -} - -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #93C5FD; -} - -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #93C5FD; -} - -.p-button:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(147, 197, 253, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); -} -.p-button.p-button-secondary:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(203, 213, 225, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); -} -.p-button.p-button-success:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(134, 239, 172, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); -} -.p-button.p-button-info:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(147, 197, 253, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); -} -.p-button.p-button-warning:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(252, 211, 77, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); -} -.p-button.p-button-help:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(216, 180, 254, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); -} -.p-button.p-button-danger:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(252, 165, 165, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); -} - -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #93C5FD; -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #93C5FD; -} diff --git a/src/assets/theme/lara-dark-indigo/theme.css b/src/assets/theme/lara-dark-indigo/theme.css deleted file mode 100644 index ff6ab0d..0000000 --- a/src/assets/theme/lara-dark-indigo/theme.css +++ /dev/null @@ -1,5716 +0,0 @@ -:root { - --surface-a:#071426; - --surface-b:#040d19; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#0b213f; - --surface-e:#071426; - --surface-f:#071426; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#A5B4FC; - --primary-color-text:#1c2127; - --font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; - --surface-0: #040d19; - --surface-50: #1d2530; - --surface-100: #363d47; - --surface-200: #4f565e; - --surface-300: #686e75; - --surface-400: #82868c; - --surface-500: #9b9ea3; - --surface-600: #b4b6ba; - --surface-700: #cdcfd1; - --surface-800: #e6e7e8; - --surface-900: #ffffff; - --gray-50: #e6e7e8; - --gray-100: #cdcfd1; - --gray-200: #b4b6ba; - --gray-300: #9b9ea3; - --gray-400: #82868c; - --gray-500: #686e75; - --gray-600: #4f565e; - --gray-700: #363d47; - --gray-800: #1d2530; - --gray-900: #040d19; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#040d19; - --surface-section:#040d19; - --surface-card:#071426; - --surface-overlay:#071426; - --surface-border:#0b213f; - --surface-hover:rgba(255,255,255,.03); - --focus-ring: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); - --maskbg: rgba(0, 0, 0, 0.4); -} - -@font-face { - font-family: "Inter"; - font-style: normal; - font-weight: 300; - src: local(""), url("./fonts/Inter-Light.woff2") format("woff2"), url("./fonts/Inter-Light.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -@font-face { - font-family: "Inter"; - font-style: normal; - font-weight: 400; - src: local(""), url("./fonts/Inter-Regular.woff2") format("woff2"), url("./fonts/Inter-Regular.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -@font-face { - font-family: "Inter"; - font-style: normal; - font-weight: 500; - src: local(""), url("./fonts/Inter-Medium.woff2") format("woff2"), url("./fonts/Inter-Medium.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -@font-face { - font-family: "Inter"; - font-style: normal; - font-weight: 600; - src: local(""), url("./fonts/Inter-SemiBold.woff2") format("woff2"), url("./fonts/Inter-SemiBold.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -@font-face { - font-family: "Inter"; - font-style: normal; - font-weight: 700; - src: local(""), url("./fonts/Inter-Bold.woff2") format("woff2"), url("./fonts/Inter-Bold.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -* { - box-sizing: border-box; -} - -.p-component { - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - font-size: 1rem; - font-weight: normal; -} - -.p-component-overlay { - background-color: rgba(0, 0, 0, 0.4); - transition-duration: 0.2s; -} - -.p-disabled, .p-component:disabled { - opacity: 0.4; -} - -.p-error { - color: #FCA5A5; -} - -.p-text-secondary { - color: rgba(255, 255, 255, 0.6); -} - -.pi { - font-size: 1rem; -} - -.p-link { - font-size: 1rem; - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - border-radius: 6px; -} -.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); -} - -.p-component-overlay-enter { - animation: p-component-overlay-enter-animation 150ms forwards; -} - -.p-component-overlay-leave { - animation: p-component-overlay-leave-animation 150ms forwards; -} - -@keyframes p-component-overlay-enter-animation { - from { - background-color: transparent; - } - to { - background-color: var(--maskbg); - } -} -@keyframes p-component-overlay-leave-animation { - from { - background-color: var(--maskbg); - } - to { - background-color: transparent; - } -} - -:root { - --blue-50:#f5f9ff; - --blue-100:#d0e1fd; - --blue-200:#abc9fb; - --blue-300:#85b2f9; - --blue-400:#609af8; - --blue-500:#3b82f6; - --blue-600:#326fd1; - --blue-700:#295bac; - --blue-800:#204887; - --blue-900:#183462; - --green-50:#f4fcf7; - --green-100:#caf1d8; - --green-200:#a0e6ba; - --green-300:#76db9b; - --green-400:#4cd07d; - --green-500:#22c55e; - --green-600:#1da750; - --green-700:#188a42; - --green-800:#136c34; - --green-900:#0e4f26; - --yellow-50:#fefbf3; - --yellow-100:#faedc4; - --yellow-200:#f6de95; - --yellow-300:#f2d066; - --yellow-400:#eec137; - --yellow-500:#eab308; - --yellow-600:#c79807; - --yellow-700:#a47d06; - --yellow-800:#816204; - --yellow-900:#5e4803; - --cyan-50:#f3fbfd; - --cyan-100:#c3edf5; - --cyan-200:#94e0ed; - --cyan-300:#65d2e4; - --cyan-400:#35c4dc; - --cyan-500:#06b6d4; - --cyan-600:#059bb4; - --cyan-700:#047f94; - --cyan-800:#036475; - --cyan-900:#024955; - --pink-50:#fef6fa; - --pink-100:#fad3e7; - --pink-200:#f7b0d3; - --pink-300:#f38ec0; - --pink-400:#f06bac; - --pink-500:#ec4899; - --pink-600:#c93d82; - --pink-700:#a5326b; - --pink-800:#822854; - --pink-900:#5e1d3d; - --indigo-50:#f7f7fe; - --indigo-100:#dadafc; - --indigo-200:#bcbdf9; - --indigo-300:#9ea0f6; - --indigo-400:#8183f4; - --indigo-500:#6366f1; - --indigo-600:#5457cd; - --indigo-700:#4547a9; - --indigo-800:#363885; - --indigo-900:#282960; - --teal-50:#f3fbfb; - --teal-100:#c7eeea; - --teal-200:#9ae0d9; - --teal-300:#6dd3c8; - --teal-400:#41c5b7; - --teal-500:#14b8a6; - --teal-600:#119c8d; - --teal-700:#0e8174; - --teal-800:#0b655b; - --teal-900:#084a42; - --orange-50:#fff8f3; - --orange-100:#feddc7; - --orange-200:#fcc39b; - --orange-300:#fba86f; - --orange-400:#fa8e42; - --orange-500:#f97316; - --orange-600:#d46213; - --orange-700:#ae510f; - --orange-800:#893f0c; - --orange-900:#642e09; - --bluegray-50:#f7f8f9; - --bluegray-100:#dadee3; - --bluegray-200:#bcc3cd; - --bluegray-300:#9fa9b7; - --bluegray-400:#818ea1; - --bluegray-500:#64748b; - --bluegray-600:#556376; - --bluegray-700:#465161; - --bluegray-800:#37404c; - --bluegray-900:#282e38; - --purple-50:#fbf7ff; - --purple-100:#ead6fd; - --purple-200:#dab6fc; - --purple-300:#c996fa; - --purple-400:#b975f9; - --purple-500:#a855f7; - --purple-600:#8f48d2; - --purple-700:#763cad; - --purple-800:#5c2f88; - --purple-900:#432263; -} - -.p-autocomplete .p-autocomplete-loader { - right: 0.75rem; -} -.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 3.75rem; -} -.p-autocomplete .p-autocomplete-multiple-container { - padding: 0.375rem 0.75rem; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: #A5B4FC; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); - border-color: #A5B4FC; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { - padding: 0.375rem 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - padding: 0; - margin: 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: rgba(165, 180, 252, 0.16); - color: rgba(255, 255, 255, 0.87); - border-radius: 6px; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; -} - -p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #FCA5A5; -} - -.p-autocomplete-panel { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-autocomplete-panel .p-autocomplete-items:not(.p-autocomplete-virtualscroll) { - padding: 0.75rem 0; -} -.p-autocomplete-panel .p-autocomplete-items.p-autocomplete-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.75rem 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(165, 180, 252, 0.16); -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #091a32; - font-weight: 700; -} - -p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { - border-color: #FCA5A5; -} - -.p-datepicker { - padding: 0.5rem; - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; -} -.p-datepicker:not(.p-datepicker-inline) { - background: #071426; - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { - background: #071426; -} -.p-datepicker .p-datepicker-header { - padding: 0.5rem; - color: rgba(255, 255, 255, 0.87); - background: #071426; - font-weight: 700; - margin: 0; - border-bottom: 1px solid #0b213f; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev, -.p-datepicker .p-datepicker-header .p-datepicker-next { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); -} -.p-datepicker .p-datepicker-header .p-datepicker-title { - line-height: 2rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - font-weight: 700; - padding: 0.5rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #A5B4FC; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - margin-right: 0.5rem; -} -.p-datepicker table { - font-size: 1rem; - margin: 0.5rem 0; -} -.p-datepicker table th { - padding: 0.5rem; -} -.p-datepicker table th > span { - width: 2.5rem; - height: 2.5rem; -} -.p-datepicker table td { - padding: 0.5rem; -} -.p-datepicker table td > span { - width: 2.5rem; - height: 2.5rem; - border-radius: 50%; - transition: box-shadow 0.2s; - border: 1px solid transparent; -} -.p-datepicker table td > span.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(165, 180, 252, 0.16); -} -.p-datepicker table td > span:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); -} -.p-datepicker table td.p-datepicker-today > span { - background: transparent; - color: #A5B4FC; - border-color: transparent; -} -.p-datepicker table td.p-datepicker-today > span.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(165, 180, 252, 0.16); -} -.p-datepicker .p-datepicker-buttonbar { - padding: 1rem 0; - border-top: 1px solid #0b213f; -} -.p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; -} -.p-datepicker .p-timepicker { - border-top: 1px solid #0b213f; - padding: 0.5rem; -} -.p-datepicker .p-timepicker button { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-timepicker button:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker .p-timepicker button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); -} -.p-datepicker .p-timepicker button:last-child { - margin-top: 0.2em; -} -.p-datepicker .p-timepicker span { - font-size: 1.25rem; -} -.p-datepicker .p-timepicker > div { - padding: 0 0.5rem; -} -.p-datepicker.p-datepicker-timeonly .p-timepicker { - border-top: 0 none; -} -.p-datepicker .p-monthpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-monthpicker .p-monthpicker-month { - padding: 0.5rem; - transition: box-shadow 0.2s; - border-radius: 6px; -} -.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(165, 180, 252, 0.16); -} -.p-datepicker .p-yearpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-yearpicker .p-yearpicker-year { - padding: 0.5rem; - transition: box-shadow 0.2s; - border-radius: 6px; -} -.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(165, 180, 252, 0.16); -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #0b213f; - padding-right: 0.5rem; - padding-left: 0.5rem; - padding-top: 0; - padding-bottom: 0; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { - padding-left: 0; - border-left: 0 none; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { - padding-right: 0; -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); -} - -@media screen and (max-width: 769px) { - .p-datepicker table th, .p-datepicker table td { - padding: 0; - } -} -.p-cascadeselect { - background: #040d19; - border: 1px solid #0b213f; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; -} -.p-cascadeselect:not(.p-disabled):hover { - border-color: #A5B4FC; -} -.p-cascadeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); - border-color: #A5B4FC; -} -.p-cascadeselect .p-cascadeselect-label { - background: transparent; - border: 0 none; - padding: 0.75rem 0.75rem; -} -.p-cascadeselect .p-cascadeselect-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-cascadeselect .p-cascadeselect-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-cascadeselect .p-cascadeselect-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 3rem; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -.p-cascadeselect-panel { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-cascadeselect-panel .p-cascadeselect-items { - padding: 0.75rem 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { - margin: 0; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.75rem 1.25rem; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(165, 180, 252, 0.5); -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(165, 180, 252, 0.16); -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { - font-size: 0.875rem; -} - -p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #FCA5A5; -} - -.p-input-filled .p-cascadeselect { - background: #0b213f; -} -.p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #0b213f; -} -.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #0b213f; -} - -.p-checkbox { - width: 22px; - height: 22px; -} -.p-checkbox .p-checkbox-box { - border: 2px solid #0b213f; - background: #040d19; - width: 22px; - height: 22px; - color: rgba(255, 255, 255, 0.87); - border-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-checkbox .p-checkbox-box .p-checkbox-icon { - transition-duration: 0.2s; - color: #1c2127; - font-size: 14px; -} -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #A5B4FC; - background: #A5B4FC; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #A5B4FC; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); - border-color: #A5B4FC; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #7d92fb; - background: #7d92fb; - color: #1c2127; -} - -p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #FCA5A5; -} - -.p-input-filled .p-checkbox .p-checkbox-box { - background-color: #0b213f; -} -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #A5B4FC; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #0b213f; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #7d92fb; -} - -.p-checkbox-label { - margin-left: 0.5rem; -} - -.p-chips .p-chips-multiple-container { - padding: 0.375rem 0.75rem; -} -.p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: #A5B4FC; -} -.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); - border-color: #A5B4FC; -} -.p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: rgba(165, 180, 252, 0.16); - color: rgba(255, 255, 255, 0.87); - border-radius: 6px; -} -.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { - margin-left: 0.5rem; -} -.p-chips .p-chips-multiple-container .p-chips-input-token { - padding: 0.375rem 0; -} -.p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - padding: 0; - margin: 0; -} - -p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { - border-color: #FCA5A5; -} - -.p-colorpicker-preview, -.p-fluid .p-colorpicker-preview.p-inputtext { - width: 2rem; - height: 2rem; -} - -.p-colorpicker-panel { - background: #071426; - border: 1px solid #0b213f; -} -.p-colorpicker-panel .p-colorpicker-color-handle, -.p-colorpicker-panel .p-colorpicker-hue-handle { - border-color: rgba(255, 255, 255, 0.87); -} - -.p-colorpicker-overlay-panel { - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} - -.p-dropdown { - background: #040d19; - border: 1px solid #0b213f; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; -} -.p-dropdown:not(.p-disabled):hover { - border-color: #A5B4FC; -} -.p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); - border-color: #A5B4FC; -} -.p-dropdown.p-dropdown-clearable .p-dropdown-label { - padding-right: 1.75rem; -} -.p-dropdown .p-dropdown-label { - background: transparent; - border: 0 none; -} -.p-dropdown .p-dropdown-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-dropdown .p-dropdown-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-dropdown .p-dropdown-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 3rem; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} -.p-dropdown .p-dropdown-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 3rem; -} - -.p-dropdown-panel { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-dropdown-panel .p-dropdown-header { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - background: #071426; - margin: 0; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { - padding-right: 1.75rem; - margin-right: -1.75rem; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} -.p-dropdown-panel .p-dropdown-items:not(.p-dropdown-virtualscroll) { - padding: 0.75rem 0; -} -.p-dropdown-panel .p-dropdown-items.p-dropdown-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.75rem 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(165, 180, 252, 0.16); -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #091a32; - font-weight: 700; -} - -p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #FCA5A5; -} - -.p-input-filled .p-dropdown { - background: #0b213f; -} -.p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #0b213f; -} -.p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: #0b213f; -} - -.p-editor-container .p-editor-toolbar { - background: #071426; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #0b213f; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #071426; - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 6px; - padding: 0.75rem 0; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.75rem 1.25rem; -} -.p-editor-container .p-editor-content { - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-editor-container .p-editor-content.ql-snow { - border: 1px solid #0b213f; -} -.p-editor-container .p-editor-content .ql-editor { - background: #040d19; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #A5B4FC; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #A5B4FC; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #A5B4FC; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #A5B4FC; -} - -.p-inputgroup-addon { - background: #071426; - color: rgba(255, 255, 255, 0.6); - border-top: 1px solid #0b213f; - border-left: 1px solid #0b213f; - border-bottom: 1px solid #0b213f; - padding: 0.75rem 0.75rem; - min-width: 3rem; -} -.p-inputgroup-addon:last-child { - border-right: 1px solid #0b213f; -} - -.p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, -.p-inputgroup > .p-float-label > .p-component { - border-radius: 0; - margin: 0; -} -.p-inputgroup > .p-component + .p-inputgroup-addon, -.p-inputgroup > .p-element + .p-inputgroup-addon, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, -.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { - border-left: 0 none; -} -.p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, -.p-inputgroup > .p-float-label > .p-component:focus { - z-index: 1; -} -.p-inputgroup > .p-component:focus ~ label, -.p-inputgroup > .p-element:focus ~ label, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, -.p-inputgroup > .p-float-label > .p-component:focus ~ label { - z-index: 1; -} - -.p-inputgroup-addon:first-child, -.p-inputgroup button:first-child, -.p-inputgroup input:first-child, -.p-inputgroup > .p-inputwrapper:first-child > .p-component, -.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.p-inputgroup .p-float-label:first-child input { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.p-inputgroup-addon:last-child, -.p-inputgroup button:last-child, -.p-inputgroup input:last-child, -.p-inputgroup > .p-inputwrapper:last-child > .p-component, -.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -.p-inputgroup .p-float-label:last-child input { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -.p-fluid .p-inputgroup .p-button { - width: auto; -} -.p-fluid .p-inputgroup .p-button.p-button-icon-only { - width: 3rem; -} - -p-inputmask.ng-dirty.ng-invalid > .p-inputtext { - border-color: #FCA5A5; -} - -p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { - border-color: #FCA5A5; -} - -.p-inputswitch { - width: 3rem; - height: 1.75rem; -} -.p-inputswitch .p-inputswitch-slider { - background: #233752; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 30px; -} -.p-inputswitch .p-inputswitch-slider:before { - background: rgba(255, 255, 255, 0.6); - width: 1.25rem; - height: 1.25rem; - left: 0.25rem; - margin-top: -0.625rem; - border-radius: 50%; - transition-duration: 0.2s; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - transform: translateX(1.25rem); -} -.p-inputswitch.p-focus .p-inputswitch-slider { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); -} -.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #0b213f; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #A5B4FC; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: rgba(255, 255, 255, 0.87); -} -.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #91a3fb; -} - -p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { - border-color: #FCA5A5; -} - -.p-inputtext { - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - background: #040d19; - padding: 0.75rem 0.75rem; - border: 1px solid #0b213f; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - appearance: none; - border-radius: 6px; -} -.p-inputtext:enabled:hover { - border-color: #A5B4FC; -} -.p-inputtext:enabled:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); - border-color: #A5B4FC; -} -.p-inputtext.ng-dirty.ng-invalid { - border-color: #FCA5A5; -} -.p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.65625rem 0.65625rem; -} -.p-inputtext.p-inputtext-lg { - font-size: 1.25rem; - padding: 0.9375rem 0.9375rem; -} - -.p-float-label > label { - left: 0.75rem; - color: rgba(255, 255, 255, 0.6); - transition-duration: 0.2s; -} - -.p-float-label > .ng-invalid.ng-dirty + label { - color: #FCA5A5; -} - -.p-input-icon-left > i:first-of-type { - left: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} - -.p-input-icon-left > .p-inputtext { - padding-left: 2.5rem; -} - -.p-input-icon-left.p-float-label > label { - left: 2.5rem; -} - -.p-input-icon-right > i:last-of-type { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} - -.p-input-icon-right > .p-inputtext { - padding-right: 2.5rem; -} - -::-webkit-input-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -:-moz-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -::-moz-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -:-ms-input-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -.p-input-filled .p-inputtext { - background-color: #0b213f; -} -.p-input-filled .p-inputtext:enabled:hover { - background-color: #0b213f; -} -.p-input-filled .p-inputtext:enabled:focus { - background-color: #0b213f; -} - -.p-inputtext-sm .p-inputtext { - font-size: 0.875rem; - padding: 0.65625rem 0.65625rem; -} - -.p-inputtext-lg .p-inputtext { - font-size: 1.25rem; - padding: 0.9375rem 0.9375rem; -} - -.p-listbox { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; -} -.p-listbox .p-listbox-header { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - background: #071426; - margin: 0; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-listbox .p-listbox-header .p-listbox-filter { - padding-right: 1.75rem; -} -.p-listbox .p-listbox-header .p-listbox-filter-icon { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} -.p-listbox .p-listbox-header .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list { - padding: 0.75rem 0; -} -.p-listbox .p-listbox-list .p-listbox-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(165, 180, 252, 0.16); -} -.p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(165, 180, 252, 0.5); -} -.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list .p-listbox-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #091a32; - font-weight: 700; -} -.p-listbox .p-listbox-list .p-listbox-empty-message { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} - -p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #FCA5A5; -} - -.p-multiselect { - background: #040d19; - border: 1px solid #0b213f; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; -} -.p-multiselect:not(.p-disabled):hover { - border-color: #A5B4FC; -} -.p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); - border-color: #A5B4FC; -} -.p-multiselect .p-multiselect-label { - padding: 0.75rem 0.75rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-multiselect .p-multiselect-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-multiselect.p-multiselect-chip .p-multiselect-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: rgba(165, 180, 252, 0.16); - color: rgba(255, 255, 255, 0.87); - border-radius: 6px; -} -.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { - margin-left: 0.5rem; -} -.p-multiselect .p-multiselect-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 3rem; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { - padding: 0.375rem 0.75rem; -} - -.p-multiselect-panel { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-multiselect-panel .p-multiselect-header { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - background: #071426; - margin: 0; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { - padding-right: 1.75rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} -.p-multiselect-panel .p-multiselect-header .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close { - margin-left: 0.5rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); -} -.p-multiselect-panel .p-multiselect-items:not(.p-multiselect-virtualscroll) { - padding: 0.75rem 0; -} -.p-multiselect-panel .p-multiselect-items.p-multiselect-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.75rem 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(165, 180, 252, 0.16); -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(165, 180, 252, 0.5); -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #091a32; - font-weight: 700; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} - -p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #FCA5A5; -} - -.p-input-filled .p-multiselect { - background: #0b213f; -} -.p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #0b213f; -} -.p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #0b213f; -} - -p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #FCA5A5; -} - -.p-password-panel { - padding: 1.25rem; - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 6px; -} -.p-password-panel .p-password-meter { - margin-bottom: 0.5rem; - background: #0b213f; -} -.p-password-panel .p-password-meter .p-password-strength.weak { - background: #eb9a9c; -} -.p-password-panel .p-password-meter .p-password-strength.medium { - background: #ffcf91; -} -.p-password-panel .p-password-meter .p-password-strength.strong { - background: #93deac; -} - -.p-radiobutton { - width: 22px; - height: 22px; -} -.p-radiobutton .p-radiobutton-box { - border: 2px solid #0b213f; - background: #040d19; - width: 22px; - height: 22px; - color: rgba(255, 255, 255, 0.87); - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #A5B4FC; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); - border-color: #A5B4FC; -} -.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - width: 12px; - height: 12px; - transition-duration: 0.2s; - background-color: #1c2127; -} -.p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #A5B4FC; - background: #A5B4FC; -} -.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #7d92fb; - background: #7d92fb; - color: #1c2127; -} - -p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #FCA5A5; -} - -.p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #0b213f; -} -.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #0b213f; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #A5B4FC; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #7d92fb; -} - -.p-radiobutton-label { - margin-left: 0.5rem; -} - -.p-rating .p-rating-icon { - color: rgba(255, 255, 255, 0.87); - margin-left: 0.5rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - font-size: 1.143rem; -} -.p-rating .p-rating-icon.p-rating-cancel { - color: #F48FB1; -} -.p-rating .p-rating-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); -} -.p-rating .p-rating-icon:first-child { - margin-left: 0; -} -.p-rating .p-rating-icon.pi-star-fill { - color: #A5B4FC; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { - color: #A5B4FC; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - color: #F48FB1; -} - -.p-selectbutton .p-button { - background: #071426; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-selectbutton .p-button .p-button-icon-left, -.p-selectbutton .p-button .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; - color: rgba(255, 255, 255, 0.87); -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-selectbutton .p-button.p-highlight { - background: #A5B4FC; - border-color: #A5B4FC; - color: #1c2127; -} -.p-selectbutton .p-button.p-highlight .p-button-icon-left, -.p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: #1c2127; -} -.p-selectbutton .p-button.p-highlight:hover { - background: #91a3fb; - border-color: #91a3fb; - color: #1c2127; -} -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: #1c2127; -} - -p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #FCA5A5; -} - -.p-slider { - background: #0b213f; - border: 0 none; - border-radius: 6px; -} -.p-slider.p-slider-horizontal { - height: 0.286rem; -} -.p-slider.p-slider-horizontal .p-slider-handle { - margin-top: -0.5715rem; - margin-left: -0.5715rem; -} -.p-slider.p-slider-vertical { - width: 0.286rem; -} -.p-slider.p-slider-vertical .p-slider-handle { - margin-left: -0.5715rem; - margin-bottom: -0.5715rem; -} -.p-slider .p-slider-handle { - height: 1.143rem; - width: 1.143rem; - background: #0b213f; - border: 2px solid #A5B4FC; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-slider .p-slider-handle:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); -} -.p-slider .p-slider-range { - background: #A5B4FC; -} -.p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #A5B4FC; - border-color: #A5B4FC; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { - transition: width 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { - transition: height 0.2s; -} - -.p-togglebutton.p-button { - background: #071426; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-togglebutton.p-button .p-button-icon-left, -.p-togglebutton.p-button .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; - color: rgba(255, 255, 255, 0.87); -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-togglebutton.p-button.p-highlight { - background: #A5B4FC; - border-color: #A5B4FC; - color: #1c2127; -} -.p-togglebutton.p-button.p-highlight .p-button-icon-left, -.p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: #1c2127; -} -.p-togglebutton.p-button.p-highlight:hover { - background: #91a3fb; - border-color: #91a3fb; - color: #1c2127; -} -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: #1c2127; -} - -p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #FCA5A5; -} - -.p-treeselect { - background: #040d19; - border: 1px solid #0b213f; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; -} -.p-treeselect:not(.p-disabled):hover { - border-color: #A5B4FC; -} -.p-treeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); - border-color: #A5B4FC; -} -.p-treeselect .p-treeselect-label { - padding: 0.75rem 0.75rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-treeselect .p-treeselect-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-treeselect.p-treeselect-chip .p-treeselect-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #0b213f; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; -} -.p-treeselect .p-treeselect-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 3rem; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -p-treeselect.ng-invalid.ng-dirty > .p-treeselect { - border-color: #FCA5A5; -} - -.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { - padding: 0.375rem 0.75rem; -} - -.p-treeselect-panel { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { - border: 0 none; -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} - -.p-input-filled .p-treeselect { - background: #0b213f; -} -.p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #0b213f; -} -.p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: #0b213f; -} - -.p-button { - color: #1c2127; - background: #A5B4FC; - border: 1px solid #A5B4FC; - padding: 0.75rem 1.25rem; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; -} -.p-button:enabled:hover { - background: #91a3fb; - color: #1c2127; - border-color: #91a3fb; -} -.p-button:enabled:active { - background: #7d92fb; - color: #1c2127; - border-color: #7d92fb; -} -.p-button.p-button-outlined { - background-color: transparent; - color: #A5B4FC; - border: 1px solid; -} -.p-button.p-button-outlined:enabled:hover { - background: rgba(165, 180, 252, 0.04); - color: #A5B4FC; - border: 1px solid; -} -.p-button.p-button-outlined:enabled:active { - background: rgba(165, 180, 252, 0.16); - color: #A5B4FC; - border: 1px solid; -} -.p-button.p-button-outlined.p-button-plain { - color: rgba(255, 255, 255, 0.6); - border-color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-outlined.p-button-plain:enabled:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-outlined.p-button-plain:enabled:active { - background: rgba(255, 255, 255, 0.16); - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-text { - background-color: transparent; - color: #A5B4FC; - border-color: transparent; -} -.p-button.p-button-text:enabled:hover { - background: rgba(165, 180, 252, 0.04); - color: #A5B4FC; - border-color: transparent; -} -.p-button.p-button-text:enabled:active { - background: rgba(165, 180, 252, 0.16); - color: #A5B4FC; - border-color: transparent; -} -.p-button.p-button-text.p-button-plain { - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-text.p-button-plain:enabled:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-text.p-button-plain:enabled:active { - background: rgba(255, 255, 255, 0.16); - color: rgba(255, 255, 255, 0.6); -} -.p-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); -} -.p-button .p-button-icon-left { - margin-right: 0.5rem; -} -.p-button .p-button-icon-right { - margin-left: 0.5rem; -} -.p-button .p-button-icon-bottom { - margin-top: 0.5rem; -} -.p-button .p-button-icon-top { - margin-bottom: 0.5rem; -} -.p-button .p-badge { - margin-left: 0.5rem; - min-width: 1rem; - height: 1rem; - line-height: 1rem; - color: #A5B4FC; - background-color: #1c2127; -} -.p-button.p-button-raised { - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); -} -.p-button.p-button-rounded { - border-radius: 2rem; -} -.p-button.p-button-icon-only { - width: 3rem; - padding: 0.75rem 0; -} -.p-button.p-button-icon-only .p-button-icon-left, -.p-button.p-button-icon-only .p-button-icon-right { - margin: 0; -} -.p-button.p-button-icon-only.p-button-rounded { - border-radius: 50%; - height: 3rem; -} -.p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.65625rem 1.09375rem; -} -.p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; -} -.p-button.p-button-lg { - font-size: 1.25rem; - padding: 0.9375rem 1.5625rem; -} -.p-button.p-button-lg .p-button-icon { - font-size: 1.25rem; -} -.p-button.p-button-loading-label-only .p-button-label { - margin-left: 0.5rem; -} -.p-button.p-button-loading-label-only .p-button-loading-icon { - margin-right: 0; -} - -.p-fluid .p-button { - width: 100%; -} -.p-fluid .p-button-icon-only { - width: 3rem; -} -.p-fluid .p-buttonset { - display: flex; -} -.p-fluid .p-buttonset .p-button { - flex: 1; -} - -.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { - color: #1c2127; - background: #CBD5E1; - border: 1px solid #CBD5E1; -} -.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { - background: #b0bfd1; - color: #1c2127; - border-color: #b0bfd1; -} -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #dbe2ea; -} -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: #95a9c2; - color: #1c2127; - border-color: #95a9c2; -} -.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { - background-color: transparent; - color: #CBD5E1; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { - background: rgba(203, 213, 225, 0.04); - color: #CBD5E1; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { - background: rgba(203, 213, 225, 0.16); - color: #CBD5E1; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { - background-color: transparent; - color: #CBD5E1; - border-color: transparent; -} -.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { - background: rgba(203, 213, 225, 0.04); - border-color: transparent; - color: #CBD5E1; -} -.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { - background: rgba(203, 213, 225, 0.16); - border-color: transparent; - color: #CBD5E1; -} - -.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { - color: #1c2127; - background: #93C5FD; - border: 1px solid #93C5FD; -} -.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { - background: #6cb0fc; - color: #1c2127; - border-color: #6cb0fc; -} -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #b3d6fe; -} -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: #449bfc; - color: #1c2127; - border-color: #449bfc; -} -.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { - background-color: transparent; - color: #93C5FD; - border: 1px solid; -} -.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; - border: 1px solid; -} -.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { - background: rgba(147, 197, 253, 0.16); - color: #93C5FD; - border: 1px solid; -} -.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { - background-color: transparent; - color: #93C5FD; - border-color: transparent; -} -.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { - background: rgba(147, 197, 253, 0.04); - border-color: transparent; - color: #93C5FD; -} -.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { - background: rgba(147, 197, 253, 0.16); - border-color: transparent; - color: #93C5FD; -} - -.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { - color: #1c2127; - background: #86EFAC; - border: 1px solid #86EFAC; -} -.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { - background: #65eb95; - color: #1c2127; - border-color: #65eb95; -} -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #aaf4c5; -} -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: #44e67f; - color: #1c2127; - border-color: #44e67f; -} -.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { - background-color: transparent; - color: #86EFAC; - border: 1px solid; -} -.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { - background: rgba(134, 239, 172, 0.04); - color: #86EFAC; - border: 1px solid; -} -.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { - background: rgba(134, 239, 172, 0.16); - color: #86EFAC; - border: 1px solid; -} -.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { - background-color: transparent; - color: #86EFAC; - border-color: transparent; -} -.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { - background: rgba(134, 239, 172, 0.04); - border-color: transparent; - color: #86EFAC; -} -.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { - background: rgba(134, 239, 172, 0.16); - border-color: transparent; - color: #86EFAC; -} - -.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { - color: #1c2127; - background: #FCD34D; - border: 1px solid #FCD34D; -} -.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { - background: #fbcb2d; - color: #1c2127; - border-color: #fbcb2d; -} -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #fde082; -} -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: #fbc30c; - color: #1c2127; - border-color: #fbc30c; -} -.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { - background-color: transparent; - color: #FCD34D; - border: 1px solid; -} -.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { - background: rgba(252, 211, 77, 0.04); - color: #FCD34D; - border: 1px solid; -} -.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { - background: rgba(252, 211, 77, 0.16); - color: #FCD34D; - border: 1px solid; -} -.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { - background-color: transparent; - color: #FCD34D; - border-color: transparent; -} -.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { - background: rgba(252, 211, 77, 0.04); - border-color: transparent; - color: #FCD34D; -} -.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { - background: rgba(252, 211, 77, 0.16); - border-color: transparent; - color: #FCD34D; -} - -.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { - color: #1c2127; - background: #D8B4FE; - border: 1px solid #D8B4FE; -} -.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { - background: #c289fd; - color: #1c2127; - border-color: #c289fd; -} -.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #e4cbfe; -} -.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: #ab5efd; - color: #1c2127; - border-color: #ab5efd; -} -.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { - background-color: transparent; - color: #D8B4FE; - border: 1px solid; -} -.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { - background: rgba(216, 180, 254, 0.04); - color: #D8B4FE; - border: 1px solid; -} -.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { - background: rgba(216, 180, 254, 0.16); - color: #D8B4FE; - border: 1px solid; -} -.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { - background-color: transparent; - color: #D8B4FE; - border-color: transparent; -} -.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { - background: rgba(216, 180, 254, 0.04); - border-color: transparent; - color: #D8B4FE; -} -.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { - background: rgba(216, 180, 254, 0.16); - border-color: transparent; - color: #D8B4FE; -} - -.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { - color: #1c2127; - background: #FCA5A5; - border: 1px solid #FCA5A5; -} -.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { - background: #fb7d7d; - color: #1c2127; - border-color: #fb7d7d; -} -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #fdc0c0; -} -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: #f95454; - color: #1c2127; - border-color: #f95454; -} -.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { - background-color: transparent; - color: #FCA5A5; - border: 1px solid; -} -.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { - background: rgba(252, 165, 165, 0.04); - color: #FCA5A5; - border: 1px solid; -} -.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { - background: rgba(252, 165, 165, 0.16); - color: #FCA5A5; - border: 1px solid; -} -.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { - background-color: transparent; - color: #FCA5A5; - border-color: transparent; -} -.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { - background: rgba(252, 165, 165, 0.04); - border-color: transparent; - color: #FCA5A5; -} -.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { - background: rgba(252, 165, 165, 0.16); - border-color: transparent; - color: #FCA5A5; -} - -.p-button.p-button-link { - color: #A5B4FC; - background: transparent; - border: transparent; -} -.p-button.p-button-link:enabled:hover { - background: transparent; - color: #A5B4FC; - border-color: transparent; -} -.p-button.p-button-link:enabled:hover .p-button-label { - text-decoration: underline; -} -.p-button.p-button-link:enabled:focus { - background: transparent; - box-shadow: 0 0 0 1px rgba(165, 180, 252, 0.5); - border-color: transparent; -} -.p-button.p-button-link:enabled:active { - background: transparent; - color: #A5B4FC; - border-color: transparent; -} - -.p-speeddial-button.p-button.p-button-icon-only { - width: 4rem; - height: 4rem; -} -.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { - font-size: 1.3rem; -} - -.p-speeddial-action { - width: 3rem; - height: 3rem; - background: rgba(255, 255, 255, 0.87); - color: #040d19; -} -.p-speeddial-action:hover { - background: rgba(255, 255, 255, 0.6); - color: #040d19; -} - -.p-speeddial-direction-up .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-up .p-speeddial-item:first-child { - margin-bottom: 0.5rem; -} - -.p-speeddial-direction-down .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-down .p-speeddial-item:first-child { - margin-top: 0.5rem; -} - -.p-speeddial-direction-left .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-left .p-speeddial-item:first-child { - margin-right: 0.5rem; -} - -.p-speeddial-direction-right .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-right .p-speeddial-item:first-child { - margin-left: 0.5rem; -} - -.p-speeddial-circle .p-speeddial-item, -.p-speeddial-semi-circle .p-speeddial-item, -.p-speeddial-quarter-circle .p-speeddial-item { - margin: 0; -} -.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, -.p-speeddial-semi-circle .p-speeddial-item:first-child, -.p-speeddial-semi-circle .p-speeddial-item:last-child, -.p-speeddial-quarter-circle .p-speeddial-item:first-child, -.p-speeddial-quarter-circle .p-speeddial-item:last-child { - margin: 0; -} - -.p-speeddial-mask { - background-color: rgba(0, 0, 0, 0.4); -} - -.p-carousel .p-carousel-content .p-carousel-prev, -.p-carousel .p-carousel-content .p-carousel-next { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin: 0.5rem; -} -.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, -.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); -} -.p-carousel .p-carousel-indicators { - padding: 1rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator { - margin-right: 0.5rem; - margin-bottom: 0.5rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: #0b213f; - width: 2rem; - height: 0.5rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 0; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { - background: rgba(255, 255, 255, 0.03); -} -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: rgba(165, 180, 252, 0.16); - color: rgba(255, 255, 255, 0.87); -} - -.p-datatable .p-paginator-top { - border-width: 1px 0 1px 0; - border-radius: 0; -} -.p-datatable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-datatable .p-datatable-header { - background: #071426; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; -} -.p-datatable .p-datatable-footer { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; -} -.p-datatable .p-datatable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #071426; - transition: box-shadow 0.2s; -} -.p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #071426; -} -.p-datatable .p-sortable-column .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: rgba(255, 255, 255, 0.87); - background: rgba(165, 180, 252, 0.16); - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column.p-highlight { - background: rgba(165, 180, 252, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column.p-highlight:hover { - background: rgba(165, 180, 252, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column:focus { - box-shadow: inset 0 0 0 1px rgba(165, 180, 252, 0.5); - outline: 0 none; -} -.p-datatable .p-datatable-tbody > tr { - background: #071426; - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - outline-color: rgba(165, 180, 252, 0.5); -} -.p-datatable .p-datatable-tbody > tr > td { - text-align: left; - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - padding: 1rem 1rem; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); -} -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { - margin-right: 0.5rem; -} -.p-datatable .p-datatable-tbody > tr.p-highlight { - background: rgba(165, 180, 252, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 rgba(165, 180, 252, 0.16); -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 rgba(165, 180, 252, 0.16); -} -.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-column-resizer-helper { - background: #A5B4FC; -} -.p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #071426; -} -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot { - background-color: #071426; -} -.p-datatable .p-datatable-loading-icon { - font-size: 2rem; -} -.p-datatable.p-datatable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-footer { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-top { - border-width: 0 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-bottom { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { - background: rgba(255, 255, 255, 0.01); -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: rgba(165, 180, 252, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: rgba(255, 255, 255, 0.87); -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: rgba(255, 255, 255, 0.87); -} -.p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-lg .p-datatable-header { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-footer { - padding: 1.25rem 1.25rem; -} - -.p-dataview .p-paginator-top { - border-width: 1px 0 1px 0; - border-radius: 0; -} -.p-dataview .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-dataview .p-dataview-header { - background: #071426; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; -} -.p-dataview .p-dataview-content { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; -} -.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid #0b213f; - border-width: 0 0 1px 0; -} -.p-dataview .p-dataview-footer { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} -.p-dataview .p-dataview-loading-icon { - font-size: 2rem; -} -.p-dataview .p-dataview-emptymessage { - padding: 1.25rem; -} - -.p-column-filter-row .p-column-filter-menu-button, -.p-column-filter-row .p-column-filter-clear-button { - margin-left: 0.5rem; -} - -.p-column-filter-menu-button { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-menu-button:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: rgba(165, 180, 252, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-column-filter-menu-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); -} - -.p-column-filter-clear-button { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-clear-button:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-column-filter-clear-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); -} - -.p-column-filter-overlay { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - min-width: 12.5rem; -} -.p-column-filter-overlay .p-column-filter-row-items { - padding: 0.75rem 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(165, 180, 252, 0.16); -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(165, 180, 252, 0.5); -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #0b213f; - margin: 0.25rem 0; -} - -.p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - background: #071426; - margin: 0; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-column-filter-overlay-menu .p-column-filter-constraint { - padding: 1.25rem; - border-bottom: 1px solid #0b213f; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { - margin-bottom: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { - margin-top: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { - border-bottom: 0 none; -} -.p-column-filter-overlay-menu .p-column-filter-add-rule { - padding: 0.75rem 1.25rem; -} -.p-column-filter-overlay-menu .p-column-filter-buttonbar { - padding: 1.25rem; -} - -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #071426; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #071426; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #0b213f; -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #0b213f; -} -.fc.fc-unthemed .fc-view-container .fc-event { - background: #91a3fb; - border: 1px solid #91a3fb; - color: #1c2127; -} -.fc.fc-unthemed .fc-view-container .fc-divider { - background: #071426; - border: 1px solid #0b213f; -} -.fc.fc-unthemed .fc-toolbar .fc-button { - color: #1c2127; - background: #A5B4FC; - border: 1px solid #A5B4FC; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; - display: flex; - align-items: center; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #91a3fb; - color: #1c2127; - border-color: #91a3fb; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #7d92fb; - color: #1c2127; - border-color: #7d92fb; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #071426; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #A5B4FC; - border-color: #A5B4FC; - color: #1c2127; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #91a3fb; - border-color: #91a3fb; - color: #1c2127; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); - z-index: 1; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} -.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #0b213f; -} -.fc.fc-theme-standard .fc-view-harness th { - background: #071426; - border-color: #0b213f; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness td { - color: rgba(255, 255, 255, 0.87); - border-color: #0b213f; -} -.fc.fc-theme-standard .fc-view-harness .fc-view { - background: #071426; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #0b213f; - padding: 1.25rem; - background: #071426; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1.25rem; - border: 1px solid #0b213f; - background: #071426; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #1c2127; - background: #91a3fb; - border-color: #91a3fb; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #1c2127; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #91a3fb; - border-color: #91a3fb; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #071426; -} -.fc.fc-theme-standard .fc-toolbar .fc-button { - color: #1c2127; - background: #A5B4FC; - border: 1px solid #A5B4FC; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #91a3fb; - color: #1c2127; - border-color: #91a3fb; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #7d92fb; - color: #1c2127; - border-color: #7d92fb; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); -} -.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.4; - color: #1c2127; - background: #A5B4FC; - border: 1px solid #A5B4FC; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #071426; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #A5B4FC; - border-color: #A5B4FC; - color: #1c2127; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #91a3fb; - border-color: #91a3fb; - color: #1c2127; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); - z-index: 1; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} -.fc.fc-theme-standard a { - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(165, 180, 252, 0.16); -} - -.p-orderlist .p-orderlist-controls { - padding: 1.25rem; -} -.p-orderlist .p-orderlist-controls .p-button { - margin-bottom: 0.5rem; -} -.p-orderlist .p-orderlist-header { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - padding: 1.25rem; - border-bottom: 0 none; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-orderlist .p-orderlist-header .p-orderlist-title { - font-weight: 700; -} -.p-orderlist .p-orderlist-filter-container { - padding: 1.25rem; - background: #071426; - border: 1px solid #0b213f; - border-bottom: 0 none; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { - padding-right: 1.75rem; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} -.p-orderlist .p-orderlist-list { - border: 1px solid #0b213f; - background: #071426; - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-orderlist .p-orderlist-list .p-orderlist-item { - padding: 0.75rem 1.25rem; - margin: 0; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; -} -.p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(165, 180, 252, 0.5); -} -.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(165, 180, 252, 0.16); -} -.p-orderlist .p-orderlist-list .p-orderlist-empty-message { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); -} -.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} - -.p-orderlist-item.cdk-drag-preview { - padding: 0.75rem 1.25rem; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #071426; - margin: 0; -} - -.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-organizationchart .p-organizationchart-node-content.p-highlight { - background: rgba(165, 180, 252, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: rgba(42, 77, 248, 0.16); -} -.p-organizationchart .p-organizationchart-line-down { - background: #0b213f; -} -.p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #0b213f; - border-color: #0b213f; -} -.p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #0b213f; - border-color: #0b213f; -} -.p-organizationchart .p-organizationchart-node-content { - border: 1px solid #0b213f; - background: #071426; - color: rgba(255, 255, 255, 0.87); - padding: 1.25rem; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler { - background: inherit; - color: inherit; - border-radius: 50%; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); -} - -.p-paginator { - background: #071426; - color: rgba(255, 255, 255, 0.6); - border: solid #0b213f; - border-width: 1px; - padding: 0.5rem 1rem; - border-radius: 6px; -} -.p-paginator .p-paginator-first, -.p-paginator .p-paginator-prev, -.p-paginator .p-paginator-next, -.p-paginator .p-paginator-last { - background-color: transparent; - border: 0 none; - color: rgba(255, 255, 255, 0.6); - min-width: 3rem; - height: 3rem; - margin: 0.143rem; - transition: box-shadow 0.2s; - border-radius: 6px; -} -.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - border-color: transparent; - color: rgba(255, 255, 255, 0.87); -} -.p-paginator .p-paginator-first { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-paginator .p-paginator-last { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} -.p-paginator .p-dropdown { - margin-left: 0.5rem; - margin-right: 0.5rem; - height: 3rem; -} -.p-paginator .p-dropdown .p-dropdown-label { - padding-right: 0; -} -.p-paginator .p-paginator-page-input { - margin-left: 0.5rem; - margin-right: 0.5rem; -} -.p-paginator .p-paginator-page-input .p-inputtext { - max-width: 3rem; -} -.p-paginator .p-paginator-current { - background-color: transparent; - border: 0 none; - color: rgba(255, 255, 255, 0.6); - min-width: 3rem; - height: 3rem; - margin: 0.143rem; - padding: 0 0.5rem; -} -.p-paginator .p-paginator-pages .p-paginator-page { - background-color: transparent; - border: 0 none; - color: rgba(255, 255, 255, 0.6); - min-width: 3rem; - height: 3rem; - margin: 0.143rem; - transition: box-shadow 0.2s; - border-radius: 6px; -} -.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: rgba(165, 180, 252, 0.16); - border-color: rgba(165, 180, 252, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - border-color: transparent; - color: rgba(255, 255, 255, 0.87); -} - -.p-picklist .p-picklist-buttons { - padding: 1.25rem; -} -.p-picklist .p-picklist-buttons .p-button { - margin-bottom: 0.5rem; -} -.p-picklist .p-picklist-header { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - padding: 1.25rem; - border-bottom: 0 none; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-picklist .p-picklist-header .p-picklist-title { - font-weight: 700; -} -.p-picklist .p-picklist-filter-container { - padding: 1.25rem; - background: #071426; - border: 1px solid #0b213f; - border-bottom: 0 none; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-input { - padding-right: 1.75rem; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} -.p-picklist .p-picklist-list { - border: 1px solid #0b213f; - background: #071426; - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-picklist .p-picklist-list .p-picklist-item { - padding: 0.75rem 1.25rem; - margin: 0; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; -} -.p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(165, 180, 252, 0.5); -} -.p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(165, 180, 252, 0.16); -} -.p-picklist .p-picklist-list .p-picklist-empty-message { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); -} -.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} - -.p-picklist-item.cdk-drag-preview { - padding: 0.75rem 1.25rem; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #071426; - margin: 0; -} - -.p-timeline .p-timeline-event-marker { - border: 2px solid #A5B4FC; - border-radius: 50%; - width: 1rem; - height: 1rem; - background-color: #1c2127; -} -.p-timeline .p-timeline-event-connector { - background-color: #0b213f; -} -.p-timeline.p-timeline-vertical .p-timeline-event-opposite, -.p-timeline.p-timeline-vertical .p-timeline-event-content { - padding: 0 1rem; -} -.p-timeline.p-timeline-vertical .p-timeline-event-connector { - width: 2px; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, -.p-timeline.p-timeline-horizontal .p-timeline-event-content { - padding: 1rem 0; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-connector { - height: 2px; -} - -.p-tree { - border: 1px solid #0b213f; - background: #071426; - color: rgba(255, 255, 255, 0.87); - padding: 1.25rem; - border-radius: 6px; -} -.p-tree .p-tree-container .p-treenode { - padding: 0.143rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content { - border-radius: 6px; - transition: box-shadow 0.2s; - padding: 0.5rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { - margin-right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: rgba(165, 180, 252, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-filter-container { - margin-bottom: 0.5rem; -} -.p-tree .p-tree-filter-container .p-tree-filter { - width: 100%; - padding-right: 1.75rem; -} -.p-tree .p-tree-filter-container .p-tree-filter-icon { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} -.p-tree .p-treenode-children { - padding: 0 0 0 1rem; -} -.p-tree .p-tree-loading-icon { - font-size: 2rem; -} -.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: rgba(84, 113, 249, 0.16); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { - border-radius: 6px; - border: 1px solid #0b213f; - background-color: #071426; - color: rgba(255, 255, 255, 0.87); - padding: 0.5rem; - transition: box-shadow 0.2s; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { - background-color: rgba(165, 180, 252, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { - background-color: inherit; - color: inherit; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); -} - -.p-treetable .p-paginator-top { - border-width: 1px 0 1px 0; - border-radius: 0; -} -.p-treetable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-treetable .p-treetable-header { - background: #071426; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; -} -.p-treetable .p-treetable-footer { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; -} -.p-treetable .p-treetable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #071426; - transition: box-shadow 0.2s; -} -.p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #071426; -} -.p-treetable .p-sortable-column { - outline-color: rgba(165, 180, 252, 0.5); -} -.p-treetable .p-sortable-column .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: rgba(255, 255, 255, 0.87); - background: rgba(165, 180, 252, 0.16); - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-sortable-column.p-highlight { - background: rgba(165, 180, 252, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-treetable-tbody > tr { - background: #071426; - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - outline-color: rgba(165, 180, 252, 0.5); -} -.p-treetable .p-treetable-tbody > tr > td { - text-align: left; - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - padding: 1rem 1rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-treetable-tbody > tr.p-highlight { - background: rgba(165, 180, 252, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-column-resizer-helper { - background: #A5B4FC; -} -.p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #071426; -} -.p-treetable .p-treetable-loading-icon { - font-size: 2rem; -} -.p-treetable.p-treetable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-footer { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-top { - border-width: 0 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-bottom { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-sm .p-treetable-header { - padding: 0.875rem 0.875rem; -} -.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-footer { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-lg .p-treetable-header { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-footer { - padding: 1.25rem 1.25rem; -} - -.p-virtualscroller .p-virtualscroller-header { - background: #071426; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; -} -.p-virtualscroller .p-virtualscroller-content { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; -} -.p-virtualscroller .p-virtualscroller-footer { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.p-accordion .p-accordion-header .p-accordion-header-link { - padding: 1.25rem; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - background: #071426; - font-weight: 700; - border-radius: 6px; - transition: box-shadow 0.2s; -} -.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { - margin-right: 0.5rem; -} -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); -} -.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { - background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; - color: rgba(255, 255, 255, 0.87); -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #071426; - border-color: #0b213f; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-color: #0b213f; - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-accordion .p-accordion-content { - padding: 1.25rem; - border: 1px solid #0b213f; - background: #071426; - color: rgba(255, 255, 255, 0.87); - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-accordion p-accordiontab .p-accordion-tab { - margin-bottom: 4px; -} - -.p-card { - background: #071426; - color: rgba(255, 255, 255, 0.87); - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); - border-radius: 6px; -} -.p-card .p-card-body { - padding: 1.25rem; -} -.p-card .p-card-title { - font-size: 1.5rem; - font-weight: 700; - margin-bottom: 0.5rem; -} -.p-card .p-card-subtitle { - font-weight: 400; - margin-bottom: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-card .p-card-content { - padding: 1.25rem 0; -} -.p-card .p-card-footer { - padding: 1.25rem 0 0 0; -} - -.p-divider .p-divider-content { - background-color: #071426; -} -.p-divider.p-divider-horizontal { - margin: 1.25rem 0; - padding: 0 1.25rem; -} -.p-divider.p-divider-horizontal:before { - border-top: 1px #0b213f; -} -.p-divider.p-divider-horizontal .p-divider-content { - padding: 0 0.5rem; -} -.p-divider.p-divider-vertical { - margin: 0 1.25rem; - padding: 1.25rem 0; -} -.p-divider.p-divider-vertical:before { - border-left: 1px #0b213f; -} -.p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; -} - -.p-fieldset { - border: 1px solid #0b213f; - background: #071426; - color: rgba(255, 255, 255, 0.87); - border-radius: 6px; -} -.p-fieldset .p-fieldset-legend { - padding: 1.25rem; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - background: #071426; - font-weight: 700; - border-radius: 6px; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { - padding: 0; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { - padding: 1.25rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 6px; - transition: box-shadow 0.2s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { - margin-right: 0.5rem; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; - color: rgba(255, 255, 255, 0.87); -} -.p-fieldset .p-fieldset-content { - padding: 1.25rem; -} - -.p-panel .p-panel-header { - border: 1px solid #0b213f; - padding: 1.25rem; - background: #071426; - color: rgba(255, 255, 255, 0.87); - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-panel .p-panel-header .p-panel-title { - font-weight: 700; -} -.p-panel .p-panel-header .p-panel-header-icon { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-panel .p-panel-header .p-panel-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); -} -.p-panel.p-panel-toggleable .p-panel-header { - padding: 0.75rem 1.25rem; -} -.p-panel .p-panel-content { - padding: 1.25rem; - border: 1px solid #0b213f; - background: #071426; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - border-top: 0 none; -} -.p-panel .p-panel-footer { - padding: 0.75rem 1.25rem; - border: 1px solid #0b213f; - background: #071426; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; -} - -.p-scrollpanel .p-scrollpanel-bar { - background: #0b213f; - border: 0 none; -} - -.p-splitter { - border: 1px solid #0b213f; - background: #071426; - border-radius: 6px; - color: rgba(255, 255, 255, 0.87); -} -.p-splitter .p-splitter-gutter { - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - background: rgba(255, 255, 255, 0.03); -} -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: #0b213f; -} -.p-splitter .p-splitter-gutter-resizing { - background: #0b213f; -} - -.p-tabview .p-tabview-nav { - background: transparent; - border: 1px solid #0b213f; - border-width: 0 0 2px 0; -} -.p-tabview .p-tabview-nav li { - margin-right: 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #0b213f; - border-width: 0 0 2px 0; - border-color: transparent transparent #0b213f transparent; - background: #071426; - color: rgba(255, 255, 255, 0.6); - padding: 1.25rem; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(165, 180, 252, 0.5); -} -.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #071426; - border-color: #A5B4FC; - color: rgba(255, 255, 255, 0.87); -} -.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #071426; - border-color: #A5B4FC; - color: #A5B4FC; -} -.p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; -} -.p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-close { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-nav-btn.p-link { - background: #071426; - color: #A5B4FC; - width: 3rem; - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); - border-radius: 0; -} -.p-tabview .p-tabview-nav-btn.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(165, 180, 252, 0.5); -} -.p-tabview .p-tabview-panels { - background: #071426; - padding: 1.25rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} - -.p-toolbar { - background: #071426; - border: 1px solid #0b213f; - padding: 1.25rem; - border-radius: 6px; -} -.p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; -} - -.p-confirm-popup { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-confirm-popup .p-confirm-popup-content { - padding: 1.25rem; -} -.p-confirm-popup .p-confirm-popup-footer { - text-align: right; - padding: 0.75rem 1.25rem; -} -.p-confirm-popup .p-confirm-popup-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-confirm-popup .p-confirm-popup-footer button:last-child { - margin: 0; -} -.p-confirm-popup:after { - border: solid transparent; - border-color: rgba(7, 20, 38, 0); - border-bottom-color: #071426; -} -.p-confirm-popup:before { - border: solid transparent; - border-color: rgba(11, 33, 63, 0); - border-bottom-color: #0b213f; -} -.p-confirm-popup.p-confirm-popup-flipped:after { - border-top-color: #071426; -} -.p-confirm-popup.p-confirm-popup-flipped:before { - border-top-color: #0b213f; -} -.p-confirm-popup .p-confirm-popup-icon { - font-size: 1.5rem; -} -.p-confirm-popup .p-confirm-popup-message { - margin-left: 1rem; -} - -.p-dialog { - border-radius: 6px; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); - border: 1px solid #0b213f; -} -.p-dialog .p-dialog-header { - border-bottom: 0 none; - background: #071426; - color: rgba(255, 255, 255, 0.87); - padding: 1.5rem; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-dialog .p-dialog-header .p-dialog-title { - font-weight: 700; - font-size: 1.25rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); -} -.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { - margin-right: 0; -} -.p-dialog .p-dialog-content { - background: #071426; - color: rgba(255, 255, 255, 0.87); - padding: 0 1.5rem 2rem 1.5rem; -} -.p-dialog .p-dialog-footer { - border-top: 0 none; - background: #071426; - color: rgba(255, 255, 255, 0.87); - padding: 0 1.5rem 1.5rem 1.5rem; - text-align: right; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-dialog .p-dialog-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { - font-size: 2rem; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; -} - -.p-overlaypanel { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-overlaypanel .p-overlaypanel-content { - padding: 1.25rem; -} -.p-overlaypanel .p-overlaypanel-close { - background: #A5B4FC; - color: #1c2127; - width: 2rem; - height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; - position: absolute; - top: -1rem; - right: -1rem; -} -.p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #91a3fb; - color: #1c2127; -} -.p-overlaypanel:after { - border: solid transparent; - border-color: rgba(7, 20, 38, 0); - border-bottom-color: #071426; -} -.p-overlaypanel:before { - border: solid transparent; - border-color: rgba(11, 33, 63, 0); - border-bottom-color: #0b213f; -} -.p-overlaypanel.p-overlaypanel-flipped:after { - border-top-color: #071426; -} -.p-overlaypanel.p-overlaypanel-flipped:before { - border-top-color: #0b213f; -} - -.p-sidebar { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-sidebar .p-sidebar-header { - padding: 1.25rem; -} -.p-sidebar .p-sidebar-header .p-sidebar-close, -.p-sidebar .p-sidebar-header .p-sidebar-icon { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, -.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); -} -.p-sidebar .p-sidebar-header + .p-sidebar-content { - padding-top: 0; -} -.p-sidebar .p-sidebar-content { - padding: 1.25rem; -} - -.p-tooltip .p-tooltip-text { - background: #0b213f; - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 0.75rem; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 6px; -} -.p-tooltip.p-tooltip-right .p-tooltip-arrow { - border-right-color: #0b213f; -} -.p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #0b213f; -} -.p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #0b213f; -} -.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #0b213f; -} - -.p-fileupload .p-fileupload-buttonbar { - background: #071426; - padding: 1.25rem; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - border-bottom: 0 none; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; -} -.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); -} -.p-fileupload .p-fileupload-content { - background: #071426; - padding: 2rem 1rem; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-fileupload .p-progressbar { - height: 0.25rem; -} -.p-fileupload .p-fileupload-row > div { - padding: 1rem 1rem; -} -.p-fileupload.p-fileupload-advanced .p-message { - margin-top: 0; -} - -.p-fileupload-choose:not(.p-disabled):hover { - background: #91a3fb; - color: #1c2127; - border-color: #91a3fb; -} -.p-fileupload-choose:not(.p-disabled):active { - background: #7d92fb; - color: #1c2127; - border-color: #7d92fb; -} - -.p-breadcrumb { - background: #091a32; - border: 1px solid #0b213f; - border-radius: 6px; - padding: 1rem; -} -.p-breadcrumb ul li .p-menuitem-link { - transition: box-shadow 0.2s; - border-radius: 6px; -} -.p-breadcrumb ul li .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-breadcrumb ul li.p-breadcrumb-chevron { - margin: 0 0.5rem 0 0.5rem; - color: rgba(255, 255, 255, 0.87); -} -.p-breadcrumb ul li:last-child .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-breadcrumb ul li:last-child .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} - -.p-contextmenu { - padding: 0.25rem 0; - background: #091a32; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 6px; - width: 12.5rem; -} -.p-contextmenu .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-contextmenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-contextmenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(165, 180, 252, 0.5); -} -.p-contextmenu .p-submenu-list { - padding: 0.25rem 0; - background: #091a32; - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 6px; -} -.p-contextmenu .p-menuitem { - margin: 0; -} -.p-contextmenu .p-menuitem:last-child { - margin: 0; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(165, 180, 252, 0.16); -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menu-separator { - border-top: 1px solid #0b213f; - margin: 0.25rem 0; -} -.p-contextmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-dock .p-dock-list { - background: rgba(255, 255, 255, 0.1); - border: 1px solid rgba(255, 255, 255, 0.2); - padding: 0.5rem 0.5rem; - border-radius: 0.5rem; -} -.p-dock .p-dock-item { - padding: 0.5rem; -} -.p-dock .p-dock-action { - width: 4rem; - height: 4rem; -} -.p-dock.p-dock-top .p-dock-item-second-prev, -.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, -.p-dock.p-dock-bottom .p-dock-item-second-next { - margin: 0 0.9rem; -} -.p-dock.p-dock-top .p-dock-item-prev, -.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, -.p-dock.p-dock-bottom .p-dock-item-next { - margin: 0 1.3rem; -} -.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { - margin: 0 1.5rem; -} -.p-dock.p-dock-left .p-dock-item-second-prev, -.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, -.p-dock.p-dock-right .p-dock-item-second-next { - margin: 0.9rem 0; -} -.p-dock.p-dock-left .p-dock-item-prev, -.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, -.p-dock.p-dock-right .p-dock-item-next { - margin: 1.3rem 0; -} -.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { - margin: 1.5rem 0; -} - -@media screen and (max-width: 960px) { - .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { - margin: auto 0; - } - .p-dock .p-dock-list .p-dock-item { - transform: none; - margin: 0; - } -} -.p-megamenu { - padding: 0.5rem; - background: #091a32; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 6px; - transition: box-shadow 0.2s; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(165, 180, 252, 0.5); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(165, 180, 252, 0.16); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-megamenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(165, 180, 252, 0.5); -} -.p-megamenu .p-megamenu-panel { - background: #091a32; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-megamenu .p-megamenu-submenu-header { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #091a32; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-megamenu .p-megamenu-submenu { - padding: 0.25rem 0; - width: 12.5rem; -} -.p-megamenu .p-megamenu-submenu .p-menu-separator { - border-top: 1px solid #0b213f; - margin: 0.25rem 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem { - margin: 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { - margin: 0; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(165, 180, 252, 0.16); -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.25rem 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem { - margin: 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { - margin: 0; -} - -.p-menu { - padding: 0.25rem 0; - background: #091a32; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; - width: 12.5rem; -} -.p-menu .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-menu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(165, 180, 252, 0.5); -} -.p-menu.p-menu-overlay { - background: #091a32; - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-menu .p-submenu-header { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #091a32; - font-weight: 700; - border-top-right-radius: 0; - border-top-left-radius: 0; -} -.p-menu .p-menu-separator { - border-top: 1px solid #0b213f; - margin: 0.25rem 0; -} -.p-menu .p-menuitem { - margin: 0; -} -.p-menu .p-menuitem:last-child { - margin: 0; -} - -.p-menubar { - padding: 0.5rem; - background: #091a32; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; -} -.p-menubar .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menubar .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-menubar .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(165, 180, 252, 0.5); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 6px; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(165, 180, 252, 0.5); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(165, 180, 252, 0.16); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-submenu-list { - padding: 0.25rem 0; - background: #091a32; - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - width: 12.5rem; -} -.p-menubar .p-submenu-list .p-menu-separator { - border-top: 1px solid #0b213f; - margin: 0.25rem 0; -} -.p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; -} -.p-menubar .p-submenu-list .p-menuitem { - margin: 0; -} -.p-menubar .p-submenu-list .p-menuitem:last-child { - margin: 0; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(165, 180, 252, 0.16); -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} - -@media screen and (max-width: 960px) { - .p-menubar { - position: relative; - } - .p-menubar .p-menubar-button { - display: flex; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-menubar .p-menubar-button:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menubar .p-menubar-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); - } - .p-menubar .p-menubar-root-list { - position: absolute; - display: none; - padding: 0.25rem 0; - background: #091a32; - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - width: 100%; - } - .p-menubar .p-menubar-root-list .p-menu-separator { - border-top: 1px solid #0b213f; - margin: 0.25rem 0; - } - .p-menubar .p-menubar-root-list .p-submenu-icon { - font-size: 0.875rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(165, 180, 252, 0.5); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - transition: transform 0.2s; - } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-180deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list { - width: 100%; - position: static; - box-shadow: none; - border: 0 none; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { - transition: transform 0.2s; - transform: rotate(90deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-90deg); - } - .p-menubar .p-menubar-root-list .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list ul li a { - padding-left: 2.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li a { - padding-left: 3.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li a { - padding-left: 5.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { - padding-left: 6.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { - padding-left: 8.25rem; - } - .p-menubar.p-menubar-mobile-active .p-menubar-root-list { - display: flex; - flex-direction: column; - top: 100%; - left: 0; - z-index: 1; - } -} -.p-panelmenu .p-panelmenu-header > a { - padding: 1.25rem; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - background: #071426; - font-weight: 700; - border-radius: 6px; - transition: box-shadow 0.2s; -} -.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); -} -.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight > a { - background: #071426; - border-color: #0b213f; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { - border-color: #0b213f; - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content { - padding: 0.25rem 0; - border: 1px solid #0b213f; - background: #071426; - color: rgba(255, 255, 255, 0.87); - margin-bottom: 4px; - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(165, 180, 252, 0.5); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { - padding: 0 0 0 1rem; -} -.p-panelmenu .p-panelmenu-panel { - margin-bottom: 4px; -} - -.p-slidemenu { - padding: 0.25rem 0; - background: #091a32; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; - width: 12.5rem; -} -.p-slidemenu .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-slidemenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-slidemenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(165, 180, 252, 0.5); -} -.p-slidemenu.p-slidemenu-overlay { - background: #091a32; - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-slidemenu .p-slidemenu-list { - padding: 0.25rem 0; - background: #091a32; - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { - background: rgba(165, 180, 252, 0.16); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-slidemenu-separator { - border-top: 1px solid #0b213f; - margin: 0.25rem 0; -} -.p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; -} -.p-slidemenu .p-slidemenu-backward { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); -} - -.p-steps .p-steps-item .p-menuitem-link { - background: transparent; - transition: box-shadow 0.2s; - border-radius: 6px; - background: transparent; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-number { - color: rgba(255, 255, 255, 0.87); - border: 0 none; - background: transparent; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - z-index: 1; - border-radius: 50%; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-title { - margin-top: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); -} -.p-steps .p-steps-item.p-highlight .p-steps-number { - background: rgba(165, 180, 252, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-steps .p-steps-item.p-highlight .p-steps-title { - font-weight: 700; - color: rgba(255, 255, 255, 0.87); -} -.p-steps .p-steps-item:before { - content: " "; - border-top: 1px solid #0b213f; - width: 100%; - top: 50%; - left: 0; - display: block; - position: absolute; - margin-top: -1rem; -} - -.p-tabmenu .p-tabmenu-nav { - background: transparent; - border: 1px solid #0b213f; - border-width: 0 0 2px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { - margin-right: 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { - border: solid #0b213f; - border-width: 0 0 2px 0; - border-color: transparent transparent #0b213f transparent; - background: #071426; - color: rgba(255, 255, 255, 0.6); - padding: 1.25rem; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(165, 180, 252, 0.5); -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: #071426; - border-color: #A5B4FC; - color: rgba(255, 255, 255, 0.87); -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #071426; - border-color: #A5B4FC; - color: #A5B4FC; -} - -.p-tieredmenu { - padding: 0.25rem 0; - background: #091a32; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; - width: 12.5rem; -} -.p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-tieredmenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-tieredmenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(165, 180, 252, 0.5); -} -.p-tieredmenu.p-tieredmenu-overlay { - background: #091a32; - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #091a32; - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-tieredmenu .p-menuitem { - margin: 0; -} -.p-tieredmenu .p-menuitem:last-child { - margin: 0; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(165, 180, 252, 0.16); -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menu-separator { - border-top: 1px solid #0b213f; - margin: 0.25rem 0; -} -.p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-inline-message { - padding: 0.75rem 0.75rem; - margin: 0; - border-radius: 6px; -} -.p-inline-message.p-inline-message-info { - background: #e9e9ff; - border: solid #696cff; - border-width: 1px; - color: #696cff; -} -.p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #696cff; -} -.p-inline-message.p-inline-message-success { - background: #e4f8f0; - border: solid #1ea97c; - border-width: 1px; - color: #1ea97c; -} -.p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #1ea97c; -} -.p-inline-message.p-inline-message-warn { - background: #fff2e2; - border: solid #cc8925; - border-width: 1px; - color: #cc8925; -} -.p-inline-message.p-inline-message-warn .p-inline-message-icon { - color: #cc8925; -} -.p-inline-message.p-inline-message-error { - background: #ffe7e6; - border: solid #ff5757; - border-width: 1px; - color: #ff5757; -} -.p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #ff5757; -} -.p-inline-message .p-inline-message-icon { - font-size: 1rem; - margin-right: 0.5rem; -} -.p-inline-message .p-inline-message-text { - font-size: 1rem; -} -.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { - margin-right: 0; -} - -.p-message { - margin: 1rem 0; - border-radius: 6px; -} -.p-message .p-message-wrapper { - padding: 1.25rem 1.75rem; -} -.p-message .p-message-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-message .p-message-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); -} -.p-message.p-message-info { - background: #e9e9ff; - border: solid #696cff; - border-width: 0 0 0 6px; - color: #696cff; -} -.p-message.p-message-info .p-message-icon { - color: #696cff; -} -.p-message.p-message-info .p-message-close { - color: #696cff; -} -.p-message.p-message-success { - background: #e4f8f0; - border: solid #1ea97c; - border-width: 0 0 0 6px; - color: #1ea97c; -} -.p-message.p-message-success .p-message-icon { - color: #1ea97c; -} -.p-message.p-message-success .p-message-close { - color: #1ea97c; -} -.p-message.p-message-warn { - background: #fff2e2; - border: solid #cc8925; - border-width: 0 0 0 6px; - color: #cc8925; -} -.p-message.p-message-warn .p-message-icon { - color: #cc8925; -} -.p-message.p-message-warn .p-message-close { - color: #cc8925; -} -.p-message.p-message-error { - background: #ffe7e6; - border: solid #ff5757; - border-width: 0 0 0 6px; - color: #ff5757; -} -.p-message.p-message-error .p-message-icon { - color: #ff5757; -} -.p-message.p-message-error .p-message-close { - color: #ff5757; -} -.p-message .p-message-text { - font-size: 1rem; - font-weight: 400; -} -.p-message .p-message-icon { - font-size: 1.5rem; - margin-right: 0.5rem; -} -.p-message .p-message-summary { - font-weight: 700; -} -.p-message .p-message-detail { - margin-left: 0.5rem; -} - -.p-toast { - opacity: 0.9; -} -.p-toast .p-toast-message { - margin: 0 0 1rem 0; - box-shadow: none; - border-radius: 6px; -} -.p-toast .p-toast-message .p-toast-message-content { - padding: 1rem; - border-width: 0 0 0 6px; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { - margin: 0 0 0 1rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { - font-size: 2rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { - font-weight: 700; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { - margin: 0.5rem 0 0 0; -} -.p-toast .p-toast-message .p-toast-icon-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-toast .p-toast-message .p-toast-icon-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); -} -.p-toast .p-toast-message.p-toast-message-info { - background: #e9e9ff; - border: solid #696cff; - border-width: 0 0 0 6px; - color: #696cff; -} -.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { - color: #696cff; -} -.p-toast .p-toast-message.p-toast-message-success { - background: #e4f8f0; - border: solid #1ea97c; - border-width: 0 0 0 6px; - color: #1ea97c; -} -.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { - color: #1ea97c; -} -.p-toast .p-toast-message.p-toast-message-warn { - background: #fff2e2; - border: solid #cc8925; - border-width: 0 0 0 6px; - color: #cc8925; -} -.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { - color: #cc8925; -} -.p-toast .p-toast-message.p-toast-message-error { - background: #ffe7e6; - border: solid #ff5757; - border-width: 0 0 0 6px; - color: #ff5757; -} -.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { - color: #ff5757; -} - -.p-galleria .p-galleria-close { - margin: 0.5rem; - background: transparent; - color: #f8f9fa; - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-close .p-galleria-close-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-close:hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-item-nav { - background: transparent; - color: #f8f9fa; - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 6px; - margin: 0 0.5rem; -} -.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, -.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-caption { - background: rgba(0, 0, 0, 0.5); - color: #f8f9fa; - padding: 1rem; -} -.p-galleria .p-galleria-indicators { - padding: 1rem; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #0b213f; - width: 1rem; - height: 1rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { - background: rgba(255, 255, 255, 0.1); -} -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(165, 180, 252, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { - margin-right: 0.5rem; -} -.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { - margin-bottom: 0.5rem; -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { - background: rgba(0, 0, 0, 0.5); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { - background: rgba(255, 255, 255, 0.4); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { - background: rgba(255, 255, 255, 0.6); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(165, 180, 252, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-galleria .p-galleria-thumbnail-container { - background: rgba(0, 0, 0, 0.9); - padding: 1rem 0.25rem; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { - margin: 0.5rem; - background-color: transparent; - color: #f8f9fa; - width: 2rem; - height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); -} - -.p-galleria-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-preview-indicator { - background-color: transparent; - color: #f8f9fa; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} - -.p-image-preview-container:hover > .p-image-preview-indicator { - background-color: rgba(0, 0, 0, 0.5); -} - -.p-image-toolbar { - padding: 1rem; -} - -.p-image-action.p-link { - color: #f8f9fa; - background-color: transparent; - width: 3rem; - height: 3rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-image-action.p-link:last-child { - margin-right: 0; -} -.p-image-action.p-link:hover { - color: #f8f9fa; - background-color: rgba(255, 255, 255, 0.1); -} -.p-image-action.p-link i { - font-size: 1.5rem; -} - -.p-avatar { - background-color: #0b213f; - border-radius: 6px; -} -.p-avatar.p-avatar-lg { - width: 3rem; - height: 3rem; - font-size: 1.5rem; -} -.p-avatar.p-avatar-lg .p-avatar-icon { - font-size: 1.5rem; -} -.p-avatar.p-avatar-xl { - width: 4rem; - height: 4rem; - font-size: 2rem; -} -.p-avatar.p-avatar-xl .p-avatar-icon { - font-size: 2rem; -} - -.p-avatar-group .p-avatar { - border: 2px solid #071426; -} - -.p-badge { - background: #A5B4FC; - color: #1c2127; - font-size: 0.75rem; - font-weight: 700; - min-width: 1.5rem; - height: 1.5rem; - line-height: 1.5rem; -} -.p-badge.p-badge-secondary { - background-color: #CBD5E1; - color: #1c2127; -} -.p-badge.p-badge-success { - background-color: #86EFAC; - color: #1c2127; -} -.p-badge.p-badge-info { - background-color: #93C5FD; - color: #1c2127; -} -.p-badge.p-badge-warning { - background-color: #FCD34D; - color: #1c2127; -} -.p-badge.p-badge-danger { - background-color: #FCA5A5; - color: #1c2127; -} -.p-badge.p-badge-lg { - font-size: 1.125rem; - min-width: 2.25rem; - height: 2.25rem; - line-height: 2.25rem; -} -.p-badge.p-badge-xl { - font-size: 1.5rem; - min-width: 3rem; - height: 3rem; - line-height: 3rem; -} - -.p-chip { - background-color: #0b213f; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - padding: 0 0.75rem; -} -.p-chip .p-chip-text { - line-height: 1.5; - margin-top: 0.375rem; - margin-bottom: 0.375rem; -} -.p-chip .p-chip-icon { - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - margin-left: 0.5rem; -} -.p-chip img { - width: 2.25rem; - height: 2.25rem; - margin-left: -0.75rem; - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - border-radius: 6px; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); -} - -.p-inplace .p-inplace-display { - padding: 0.75rem 0.75rem; - border-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-inplace .p-inplace-display:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-inplace .p-inplace-display:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); -} - -.p-progressbar { - border: 0 none; - height: 1.5rem; - background: #0b213f; - border-radius: 6px; -} -.p-progressbar .p-progressbar-value { - border: 0 none; - margin: 0; - background: #A5B4FC; -} -.p-progressbar .p-progressbar-label { - color: #1c2127; - line-height: 1.5rem; -} - -.p-scrolltop { - width: 3rem; - height: 3rem; - border-radius: 50%; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-scrolltop.p-link { - background: rgba(165, 180, 252, 0.16); -} -.p-scrolltop.p-link:hover { - background: rgba(165, 180, 252, 0.3616); -} -.p-scrolltop .p-scrolltop-icon { - font-size: 1.5rem; - color: rgba(255, 255, 255, 0.87); -} - -.p-skeleton { - background-color: rgba(255, 255, 255, 0.06); - border-radius: 6px; -} -.p-skeleton:after { - background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); -} - -.p-tag { - background: #A5B4FC; - color: #1c2127; - font-size: 0.75rem; - font-weight: 700; - padding: 0.25rem 0.4rem; - border-radius: 6px; -} -.p-tag.p-tag-success { - background-color: #86EFAC; - color: #1c2127; -} -.p-tag.p-tag-info { - background-color: #93C5FD; - color: #1c2127; -} -.p-tag.p-tag-warning { - background-color: #FCD34D; - color: #1c2127; -} -.p-tag.p-tag-danger { - background-color: #FCA5A5; - color: #1c2127; -} -.p-tag .p-tag-icon { - margin-right: 0.25rem; - font-size: 0.75rem; -} - -.p-terminal { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - padding: 1.25rem; -} -.p-terminal .p-terminal-input { - font-size: 1rem; - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; -} - -.p-button-label { - font-weight: 700; -} - -.p-accordion .p-accordion-header .p-accordion-header-link { - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; -} - -.p-tabview .p-tabview-nav li .p-tabview-nav-link { - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-tabview .p-tabview-nav .p-tabview-ink-bar { - z-index: 1; - display: block; - position: absolute; - bottom: 0; - height: 2px; - background-color: #A5B4FC; - transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); -} - -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #A5B4FC; -} - -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #A5B4FC; -} - -.p-button:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(165, 180, 252, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); -} -.p-button.p-button-secondary:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(203, 213, 225, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); -} -.p-button.p-button-success:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(134, 239, 172, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); -} -.p-button.p-button-info:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(147, 197, 253, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); -} -.p-button.p-button-warning:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(252, 211, 77, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); -} -.p-button.p-button-help:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(216, 180, 254, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); -} -.p-button.p-button-danger:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(252, 165, 165, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); -} - -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #A5B4FC; -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #A5B4FC; -} diff --git a/src/assets/theme/lara-dark-purple/theme.css b/src/assets/theme/lara-dark-purple/theme.css deleted file mode 100644 index 6a53d78..0000000 --- a/src/assets/theme/lara-dark-purple/theme.css +++ /dev/null @@ -1,5716 +0,0 @@ -:root { - --surface-a:#071426; - --surface-b:#040d19; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#0b213f; - --surface-e:#071426; - --surface-f:#071426; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#C4B5FD; - --primary-color-text:#1c2127; - --font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; - --surface-0: #040d19; - --surface-50: #1d2530; - --surface-100: #363d47; - --surface-200: #4f565e; - --surface-300: #686e75; - --surface-400: #82868c; - --surface-500: #9b9ea3; - --surface-600: #b4b6ba; - --surface-700: #cdcfd1; - --surface-800: #e6e7e8; - --surface-900: #ffffff; - --gray-50: #e6e7e8; - --gray-100: #cdcfd1; - --gray-200: #b4b6ba; - --gray-300: #9b9ea3; - --gray-400: #82868c; - --gray-500: #686e75; - --gray-600: #4f565e; - --gray-700: #363d47; - --gray-800: #1d2530; - --gray-900: #040d19; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#040d19; - --surface-section:#040d19; - --surface-card:#071426; - --surface-overlay:#071426; - --surface-border:#0b213f; - --surface-hover:rgba(255,255,255,.03); - --focus-ring: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); - --maskbg: rgba(0, 0, 0, 0.4); -} - -@font-face { - font-family: "Inter"; - font-style: normal; - font-weight: 300; - src: local(""), url("./fonts/Inter-Light.woff2") format("woff2"), url("./fonts/Inter-Light.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -@font-face { - font-family: "Inter"; - font-style: normal; - font-weight: 400; - src: local(""), url("./fonts/Inter-Regular.woff2") format("woff2"), url("./fonts/Inter-Regular.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -@font-face { - font-family: "Inter"; - font-style: normal; - font-weight: 500; - src: local(""), url("./fonts/Inter-Medium.woff2") format("woff2"), url("./fonts/Inter-Medium.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -@font-face { - font-family: "Inter"; - font-style: normal; - font-weight: 600; - src: local(""), url("./fonts/Inter-SemiBold.woff2") format("woff2"), url("./fonts/Inter-SemiBold.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -@font-face { - font-family: "Inter"; - font-style: normal; - font-weight: 700; - src: local(""), url("./fonts/Inter-Bold.woff2") format("woff2"), url("./fonts/Inter-Bold.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -* { - box-sizing: border-box; -} - -.p-component { - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - font-size: 1rem; - font-weight: normal; -} - -.p-component-overlay { - background-color: rgba(0, 0, 0, 0.4); - transition-duration: 0.2s; -} - -.p-disabled, .p-component:disabled { - opacity: 0.4; -} - -.p-error { - color: #FCA5A5; -} - -.p-text-secondary { - color: rgba(255, 255, 255, 0.6); -} - -.pi { - font-size: 1rem; -} - -.p-link { - font-size: 1rem; - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - border-radius: 6px; -} -.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); -} - -.p-component-overlay-enter { - animation: p-component-overlay-enter-animation 150ms forwards; -} - -.p-component-overlay-leave { - animation: p-component-overlay-leave-animation 150ms forwards; -} - -@keyframes p-component-overlay-enter-animation { - from { - background-color: transparent; - } - to { - background-color: var(--maskbg); - } -} -@keyframes p-component-overlay-leave-animation { - from { - background-color: var(--maskbg); - } - to { - background-color: transparent; - } -} - -:root { - --blue-50:#f5f9ff; - --blue-100:#d0e1fd; - --blue-200:#abc9fb; - --blue-300:#85b2f9; - --blue-400:#609af8; - --blue-500:#3b82f6; - --blue-600:#326fd1; - --blue-700:#295bac; - --blue-800:#204887; - --blue-900:#183462; - --green-50:#f4fcf7; - --green-100:#caf1d8; - --green-200:#a0e6ba; - --green-300:#76db9b; - --green-400:#4cd07d; - --green-500:#22c55e; - --green-600:#1da750; - --green-700:#188a42; - --green-800:#136c34; - --green-900:#0e4f26; - --yellow-50:#fefbf3; - --yellow-100:#faedc4; - --yellow-200:#f6de95; - --yellow-300:#f2d066; - --yellow-400:#eec137; - --yellow-500:#eab308; - --yellow-600:#c79807; - --yellow-700:#a47d06; - --yellow-800:#816204; - --yellow-900:#5e4803; - --cyan-50:#f3fbfd; - --cyan-100:#c3edf5; - --cyan-200:#94e0ed; - --cyan-300:#65d2e4; - --cyan-400:#35c4dc; - --cyan-500:#06b6d4; - --cyan-600:#059bb4; - --cyan-700:#047f94; - --cyan-800:#036475; - --cyan-900:#024955; - --pink-50:#fef6fa; - --pink-100:#fad3e7; - --pink-200:#f7b0d3; - --pink-300:#f38ec0; - --pink-400:#f06bac; - --pink-500:#ec4899; - --pink-600:#c93d82; - --pink-700:#a5326b; - --pink-800:#822854; - --pink-900:#5e1d3d; - --indigo-50:#f7f7fe; - --indigo-100:#dadafc; - --indigo-200:#bcbdf9; - --indigo-300:#9ea0f6; - --indigo-400:#8183f4; - --indigo-500:#6366f1; - --indigo-600:#5457cd; - --indigo-700:#4547a9; - --indigo-800:#363885; - --indigo-900:#282960; - --teal-50:#f3fbfb; - --teal-100:#c7eeea; - --teal-200:#9ae0d9; - --teal-300:#6dd3c8; - --teal-400:#41c5b7; - --teal-500:#14b8a6; - --teal-600:#119c8d; - --teal-700:#0e8174; - --teal-800:#0b655b; - --teal-900:#084a42; - --orange-50:#fff8f3; - --orange-100:#feddc7; - --orange-200:#fcc39b; - --orange-300:#fba86f; - --orange-400:#fa8e42; - --orange-500:#f97316; - --orange-600:#d46213; - --orange-700:#ae510f; - --orange-800:#893f0c; - --orange-900:#642e09; - --bluegray-50:#f7f8f9; - --bluegray-100:#dadee3; - --bluegray-200:#bcc3cd; - --bluegray-300:#9fa9b7; - --bluegray-400:#818ea1; - --bluegray-500:#64748b; - --bluegray-600:#556376; - --bluegray-700:#465161; - --bluegray-800:#37404c; - --bluegray-900:#282e38; - --purple-50:#fbf7ff; - --purple-100:#ead6fd; - --purple-200:#dab6fc; - --purple-300:#c996fa; - --purple-400:#b975f9; - --purple-500:#a855f7; - --purple-600:#8f48d2; - --purple-700:#763cad; - --purple-800:#5c2f88; - --purple-900:#432263; -} - -.p-autocomplete .p-autocomplete-loader { - right: 0.75rem; -} -.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 3.75rem; -} -.p-autocomplete .p-autocomplete-multiple-container { - padding: 0.375rem 0.75rem; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: #C4B5FD; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); - border-color: #C4B5FD; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { - padding: 0.375rem 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - padding: 0; - margin: 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: rgba(196, 181, 253, 0.16); - color: rgba(255, 255, 255, 0.87); - border-radius: 6px; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; -} - -p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #FCA5A5; -} - -.p-autocomplete-panel { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-autocomplete-panel .p-autocomplete-items:not(.p-autocomplete-virtualscroll) { - padding: 0.75rem 0; -} -.p-autocomplete-panel .p-autocomplete-items.p-autocomplete-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.75rem 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(196, 181, 253, 0.16); -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #091a32; - font-weight: 700; -} - -p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { - border-color: #FCA5A5; -} - -.p-datepicker { - padding: 0.5rem; - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; -} -.p-datepicker:not(.p-datepicker-inline) { - background: #071426; - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { - background: #071426; -} -.p-datepicker .p-datepicker-header { - padding: 0.5rem; - color: rgba(255, 255, 255, 0.87); - background: #071426; - font-weight: 700; - margin: 0; - border-bottom: 1px solid #0b213f; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev, -.p-datepicker .p-datepicker-header .p-datepicker-next { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); -} -.p-datepicker .p-datepicker-header .p-datepicker-title { - line-height: 2rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - font-weight: 700; - padding: 0.5rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #C4B5FD; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - margin-right: 0.5rem; -} -.p-datepicker table { - font-size: 1rem; - margin: 0.5rem 0; -} -.p-datepicker table th { - padding: 0.5rem; -} -.p-datepicker table th > span { - width: 2.5rem; - height: 2.5rem; -} -.p-datepicker table td { - padding: 0.5rem; -} -.p-datepicker table td > span { - width: 2.5rem; - height: 2.5rem; - border-radius: 50%; - transition: box-shadow 0.2s; - border: 1px solid transparent; -} -.p-datepicker table td > span.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(196, 181, 253, 0.16); -} -.p-datepicker table td > span:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); -} -.p-datepicker table td.p-datepicker-today > span { - background: transparent; - color: #C4B5FD; - border-color: transparent; -} -.p-datepicker table td.p-datepicker-today > span.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(196, 181, 253, 0.16); -} -.p-datepicker .p-datepicker-buttonbar { - padding: 1rem 0; - border-top: 1px solid #0b213f; -} -.p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; -} -.p-datepicker .p-timepicker { - border-top: 1px solid #0b213f; - padding: 0.5rem; -} -.p-datepicker .p-timepicker button { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-timepicker button:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker .p-timepicker button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); -} -.p-datepicker .p-timepicker button:last-child { - margin-top: 0.2em; -} -.p-datepicker .p-timepicker span { - font-size: 1.25rem; -} -.p-datepicker .p-timepicker > div { - padding: 0 0.5rem; -} -.p-datepicker.p-datepicker-timeonly .p-timepicker { - border-top: 0 none; -} -.p-datepicker .p-monthpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-monthpicker .p-monthpicker-month { - padding: 0.5rem; - transition: box-shadow 0.2s; - border-radius: 6px; -} -.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(196, 181, 253, 0.16); -} -.p-datepicker .p-yearpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-yearpicker .p-yearpicker-year { - padding: 0.5rem; - transition: box-shadow 0.2s; - border-radius: 6px; -} -.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(196, 181, 253, 0.16); -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #0b213f; - padding-right: 0.5rem; - padding-left: 0.5rem; - padding-top: 0; - padding-bottom: 0; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { - padding-left: 0; - border-left: 0 none; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { - padding-right: 0; -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); -} - -@media screen and (max-width: 769px) { - .p-datepicker table th, .p-datepicker table td { - padding: 0; - } -} -.p-cascadeselect { - background: #040d19; - border: 1px solid #0b213f; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; -} -.p-cascadeselect:not(.p-disabled):hover { - border-color: #C4B5FD; -} -.p-cascadeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); - border-color: #C4B5FD; -} -.p-cascadeselect .p-cascadeselect-label { - background: transparent; - border: 0 none; - padding: 0.75rem 0.75rem; -} -.p-cascadeselect .p-cascadeselect-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-cascadeselect .p-cascadeselect-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-cascadeselect .p-cascadeselect-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 3rem; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -.p-cascadeselect-panel { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-cascadeselect-panel .p-cascadeselect-items { - padding: 0.75rem 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { - margin: 0; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.75rem 1.25rem; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(196, 181, 253, 0.5); -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(196, 181, 253, 0.16); -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { - font-size: 0.875rem; -} - -p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #FCA5A5; -} - -.p-input-filled .p-cascadeselect { - background: #0b213f; -} -.p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #0b213f; -} -.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #0b213f; -} - -.p-checkbox { - width: 22px; - height: 22px; -} -.p-checkbox .p-checkbox-box { - border: 2px solid #0b213f; - background: #040d19; - width: 22px; - height: 22px; - color: rgba(255, 255, 255, 0.87); - border-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-checkbox .p-checkbox-box .p-checkbox-icon { - transition-duration: 0.2s; - color: #1c2127; - font-size: 14px; -} -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #C4B5FD; - background: #C4B5FD; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #C4B5FD; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); - border-color: #C4B5FD; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #a28bfc; - background: #a28bfc; - color: #1c2127; -} - -p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #FCA5A5; -} - -.p-input-filled .p-checkbox .p-checkbox-box { - background-color: #0b213f; -} -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #C4B5FD; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #0b213f; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #a28bfc; -} - -.p-checkbox-label { - margin-left: 0.5rem; -} - -.p-chips .p-chips-multiple-container { - padding: 0.375rem 0.75rem; -} -.p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: #C4B5FD; -} -.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); - border-color: #C4B5FD; -} -.p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: rgba(196, 181, 253, 0.16); - color: rgba(255, 255, 255, 0.87); - border-radius: 6px; -} -.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { - margin-left: 0.5rem; -} -.p-chips .p-chips-multiple-container .p-chips-input-token { - padding: 0.375rem 0; -} -.p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - padding: 0; - margin: 0; -} - -p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { - border-color: #FCA5A5; -} - -.p-colorpicker-preview, -.p-fluid .p-colorpicker-preview.p-inputtext { - width: 2rem; - height: 2rem; -} - -.p-colorpicker-panel { - background: #071426; - border: 1px solid #0b213f; -} -.p-colorpicker-panel .p-colorpicker-color-handle, -.p-colorpicker-panel .p-colorpicker-hue-handle { - border-color: rgba(255, 255, 255, 0.87); -} - -.p-colorpicker-overlay-panel { - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} - -.p-dropdown { - background: #040d19; - border: 1px solid #0b213f; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; -} -.p-dropdown:not(.p-disabled):hover { - border-color: #C4B5FD; -} -.p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); - border-color: #C4B5FD; -} -.p-dropdown.p-dropdown-clearable .p-dropdown-label { - padding-right: 1.75rem; -} -.p-dropdown .p-dropdown-label { - background: transparent; - border: 0 none; -} -.p-dropdown .p-dropdown-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-dropdown .p-dropdown-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-dropdown .p-dropdown-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 3rem; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} -.p-dropdown .p-dropdown-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 3rem; -} - -.p-dropdown-panel { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-dropdown-panel .p-dropdown-header { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - background: #071426; - margin: 0; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { - padding-right: 1.75rem; - margin-right: -1.75rem; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} -.p-dropdown-panel .p-dropdown-items:not(.p-dropdown-virtualscroll) { - padding: 0.75rem 0; -} -.p-dropdown-panel .p-dropdown-items.p-dropdown-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.75rem 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(196, 181, 253, 0.16); -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #091a32; - font-weight: 700; -} - -p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #FCA5A5; -} - -.p-input-filled .p-dropdown { - background: #0b213f; -} -.p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #0b213f; -} -.p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: #0b213f; -} - -.p-editor-container .p-editor-toolbar { - background: #071426; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #0b213f; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #071426; - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 6px; - padding: 0.75rem 0; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.75rem 1.25rem; -} -.p-editor-container .p-editor-content { - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-editor-container .p-editor-content.ql-snow { - border: 1px solid #0b213f; -} -.p-editor-container .p-editor-content .ql-editor { - background: #040d19; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #C4B5FD; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #C4B5FD; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #C4B5FD; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #C4B5FD; -} - -.p-inputgroup-addon { - background: #071426; - color: rgba(255, 255, 255, 0.6); - border-top: 1px solid #0b213f; - border-left: 1px solid #0b213f; - border-bottom: 1px solid #0b213f; - padding: 0.75rem 0.75rem; - min-width: 3rem; -} -.p-inputgroup-addon:last-child { - border-right: 1px solid #0b213f; -} - -.p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, -.p-inputgroup > .p-float-label > .p-component { - border-radius: 0; - margin: 0; -} -.p-inputgroup > .p-component + .p-inputgroup-addon, -.p-inputgroup > .p-element + .p-inputgroup-addon, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, -.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { - border-left: 0 none; -} -.p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, -.p-inputgroup > .p-float-label > .p-component:focus { - z-index: 1; -} -.p-inputgroup > .p-component:focus ~ label, -.p-inputgroup > .p-element:focus ~ label, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, -.p-inputgroup > .p-float-label > .p-component:focus ~ label { - z-index: 1; -} - -.p-inputgroup-addon:first-child, -.p-inputgroup button:first-child, -.p-inputgroup input:first-child, -.p-inputgroup > .p-inputwrapper:first-child > .p-component, -.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.p-inputgroup .p-float-label:first-child input { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.p-inputgroup-addon:last-child, -.p-inputgroup button:last-child, -.p-inputgroup input:last-child, -.p-inputgroup > .p-inputwrapper:last-child > .p-component, -.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -.p-inputgroup .p-float-label:last-child input { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -.p-fluid .p-inputgroup .p-button { - width: auto; -} -.p-fluid .p-inputgroup .p-button.p-button-icon-only { - width: 3rem; -} - -p-inputmask.ng-dirty.ng-invalid > .p-inputtext { - border-color: #FCA5A5; -} - -p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { - border-color: #FCA5A5; -} - -.p-inputswitch { - width: 3rem; - height: 1.75rem; -} -.p-inputswitch .p-inputswitch-slider { - background: #233752; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 30px; -} -.p-inputswitch .p-inputswitch-slider:before { - background: rgba(255, 255, 255, 0.6); - width: 1.25rem; - height: 1.25rem; - left: 0.25rem; - margin-top: -0.625rem; - border-radius: 50%; - transition-duration: 0.2s; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - transform: translateX(1.25rem); -} -.p-inputswitch.p-focus .p-inputswitch-slider { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); -} -.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #0b213f; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #C4B5FD; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: rgba(255, 255, 255, 0.87); -} -.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #b3a0fc; -} - -p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { - border-color: #FCA5A5; -} - -.p-inputtext { - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - background: #040d19; - padding: 0.75rem 0.75rem; - border: 1px solid #0b213f; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - appearance: none; - border-radius: 6px; -} -.p-inputtext:enabled:hover { - border-color: #C4B5FD; -} -.p-inputtext:enabled:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); - border-color: #C4B5FD; -} -.p-inputtext.ng-dirty.ng-invalid { - border-color: #FCA5A5; -} -.p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.65625rem 0.65625rem; -} -.p-inputtext.p-inputtext-lg { - font-size: 1.25rem; - padding: 0.9375rem 0.9375rem; -} - -.p-float-label > label { - left: 0.75rem; - color: rgba(255, 255, 255, 0.6); - transition-duration: 0.2s; -} - -.p-float-label > .ng-invalid.ng-dirty + label { - color: #FCA5A5; -} - -.p-input-icon-left > i:first-of-type { - left: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} - -.p-input-icon-left > .p-inputtext { - padding-left: 2.5rem; -} - -.p-input-icon-left.p-float-label > label { - left: 2.5rem; -} - -.p-input-icon-right > i:last-of-type { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} - -.p-input-icon-right > .p-inputtext { - padding-right: 2.5rem; -} - -::-webkit-input-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -:-moz-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -::-moz-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -:-ms-input-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -.p-input-filled .p-inputtext { - background-color: #0b213f; -} -.p-input-filled .p-inputtext:enabled:hover { - background-color: #0b213f; -} -.p-input-filled .p-inputtext:enabled:focus { - background-color: #0b213f; -} - -.p-inputtext-sm .p-inputtext { - font-size: 0.875rem; - padding: 0.65625rem 0.65625rem; -} - -.p-inputtext-lg .p-inputtext { - font-size: 1.25rem; - padding: 0.9375rem 0.9375rem; -} - -.p-listbox { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; -} -.p-listbox .p-listbox-header { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - background: #071426; - margin: 0; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-listbox .p-listbox-header .p-listbox-filter { - padding-right: 1.75rem; -} -.p-listbox .p-listbox-header .p-listbox-filter-icon { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} -.p-listbox .p-listbox-header .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list { - padding: 0.75rem 0; -} -.p-listbox .p-listbox-list .p-listbox-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(196, 181, 253, 0.16); -} -.p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(196, 181, 253, 0.5); -} -.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list .p-listbox-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #091a32; - font-weight: 700; -} -.p-listbox .p-listbox-list .p-listbox-empty-message { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} - -p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #FCA5A5; -} - -.p-multiselect { - background: #040d19; - border: 1px solid #0b213f; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; -} -.p-multiselect:not(.p-disabled):hover { - border-color: #C4B5FD; -} -.p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); - border-color: #C4B5FD; -} -.p-multiselect .p-multiselect-label { - padding: 0.75rem 0.75rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-multiselect .p-multiselect-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-multiselect.p-multiselect-chip .p-multiselect-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: rgba(196, 181, 253, 0.16); - color: rgba(255, 255, 255, 0.87); - border-radius: 6px; -} -.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { - margin-left: 0.5rem; -} -.p-multiselect .p-multiselect-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 3rem; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { - padding: 0.375rem 0.75rem; -} - -.p-multiselect-panel { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-multiselect-panel .p-multiselect-header { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - background: #071426; - margin: 0; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { - padding-right: 1.75rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} -.p-multiselect-panel .p-multiselect-header .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close { - margin-left: 0.5rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); -} -.p-multiselect-panel .p-multiselect-items:not(.p-multiselect-virtualscroll) { - padding: 0.75rem 0; -} -.p-multiselect-panel .p-multiselect-items.p-multiselect-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.75rem 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(196, 181, 253, 0.16); -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(196, 181, 253, 0.5); -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #091a32; - font-weight: 700; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} - -p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #FCA5A5; -} - -.p-input-filled .p-multiselect { - background: #0b213f; -} -.p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #0b213f; -} -.p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #0b213f; -} - -p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #FCA5A5; -} - -.p-password-panel { - padding: 1.25rem; - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 6px; -} -.p-password-panel .p-password-meter { - margin-bottom: 0.5rem; - background: #0b213f; -} -.p-password-panel .p-password-meter .p-password-strength.weak { - background: #eb9a9c; -} -.p-password-panel .p-password-meter .p-password-strength.medium { - background: #ffcf91; -} -.p-password-panel .p-password-meter .p-password-strength.strong { - background: #93deac; -} - -.p-radiobutton { - width: 22px; - height: 22px; -} -.p-radiobutton .p-radiobutton-box { - border: 2px solid #0b213f; - background: #040d19; - width: 22px; - height: 22px; - color: rgba(255, 255, 255, 0.87); - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #C4B5FD; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); - border-color: #C4B5FD; -} -.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - width: 12px; - height: 12px; - transition-duration: 0.2s; - background-color: #1c2127; -} -.p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #C4B5FD; - background: #C4B5FD; -} -.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #a28bfc; - background: #a28bfc; - color: #1c2127; -} - -p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #FCA5A5; -} - -.p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #0b213f; -} -.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #0b213f; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #C4B5FD; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #a28bfc; -} - -.p-radiobutton-label { - margin-left: 0.5rem; -} - -.p-rating .p-rating-icon { - color: rgba(255, 255, 255, 0.87); - margin-left: 0.5rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - font-size: 1.143rem; -} -.p-rating .p-rating-icon.p-rating-cancel { - color: #F48FB1; -} -.p-rating .p-rating-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); -} -.p-rating .p-rating-icon:first-child { - margin-left: 0; -} -.p-rating .p-rating-icon.pi-star-fill { - color: #C4B5FD; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { - color: #C4B5FD; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - color: #F48FB1; -} - -.p-selectbutton .p-button { - background: #071426; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-selectbutton .p-button .p-button-icon-left, -.p-selectbutton .p-button .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; - color: rgba(255, 255, 255, 0.87); -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-selectbutton .p-button.p-highlight { - background: #C4B5FD; - border-color: #C4B5FD; - color: #1c2127; -} -.p-selectbutton .p-button.p-highlight .p-button-icon-left, -.p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: #1c2127; -} -.p-selectbutton .p-button.p-highlight:hover { - background: #b3a0fc; - border-color: #b3a0fc; - color: #1c2127; -} -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: #1c2127; -} - -p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #FCA5A5; -} - -.p-slider { - background: #0b213f; - border: 0 none; - border-radius: 6px; -} -.p-slider.p-slider-horizontal { - height: 0.286rem; -} -.p-slider.p-slider-horizontal .p-slider-handle { - margin-top: -0.5715rem; - margin-left: -0.5715rem; -} -.p-slider.p-slider-vertical { - width: 0.286rem; -} -.p-slider.p-slider-vertical .p-slider-handle { - margin-left: -0.5715rem; - margin-bottom: -0.5715rem; -} -.p-slider .p-slider-handle { - height: 1.143rem; - width: 1.143rem; - background: #0b213f; - border: 2px solid #C4B5FD; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-slider .p-slider-handle:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); -} -.p-slider .p-slider-range { - background: #C4B5FD; -} -.p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #C4B5FD; - border-color: #C4B5FD; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { - transition: width 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { - transition: height 0.2s; -} - -.p-togglebutton.p-button { - background: #071426; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-togglebutton.p-button .p-button-icon-left, -.p-togglebutton.p-button .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; - color: rgba(255, 255, 255, 0.87); -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-togglebutton.p-button.p-highlight { - background: #C4B5FD; - border-color: #C4B5FD; - color: #1c2127; -} -.p-togglebutton.p-button.p-highlight .p-button-icon-left, -.p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: #1c2127; -} -.p-togglebutton.p-button.p-highlight:hover { - background: #b3a0fc; - border-color: #b3a0fc; - color: #1c2127; -} -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: #1c2127; -} - -p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #FCA5A5; -} - -.p-treeselect { - background: #040d19; - border: 1px solid #0b213f; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; -} -.p-treeselect:not(.p-disabled):hover { - border-color: #C4B5FD; -} -.p-treeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); - border-color: #C4B5FD; -} -.p-treeselect .p-treeselect-label { - padding: 0.75rem 0.75rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-treeselect .p-treeselect-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-treeselect.p-treeselect-chip .p-treeselect-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #0b213f; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; -} -.p-treeselect .p-treeselect-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 3rem; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -p-treeselect.ng-invalid.ng-dirty > .p-treeselect { - border-color: #FCA5A5; -} - -.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { - padding: 0.375rem 0.75rem; -} - -.p-treeselect-panel { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { - border: 0 none; -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} - -.p-input-filled .p-treeselect { - background: #0b213f; -} -.p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #0b213f; -} -.p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: #0b213f; -} - -.p-button { - color: #1c2127; - background: #C4B5FD; - border: 1px solid #C4B5FD; - padding: 0.75rem 1.25rem; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; -} -.p-button:enabled:hover { - background: #b3a0fc; - color: #1c2127; - border-color: #b3a0fc; -} -.p-button:enabled:active { - background: #a28bfc; - color: #1c2127; - border-color: #a28bfc; -} -.p-button.p-button-outlined { - background-color: transparent; - color: #C4B5FD; - border: 1px solid; -} -.p-button.p-button-outlined:enabled:hover { - background: rgba(196, 181, 253, 0.04); - color: #C4B5FD; - border: 1px solid; -} -.p-button.p-button-outlined:enabled:active { - background: rgba(196, 181, 253, 0.16); - color: #C4B5FD; - border: 1px solid; -} -.p-button.p-button-outlined.p-button-plain { - color: rgba(255, 255, 255, 0.6); - border-color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-outlined.p-button-plain:enabled:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-outlined.p-button-plain:enabled:active { - background: rgba(255, 255, 255, 0.16); - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-text { - background-color: transparent; - color: #C4B5FD; - border-color: transparent; -} -.p-button.p-button-text:enabled:hover { - background: rgba(196, 181, 253, 0.04); - color: #C4B5FD; - border-color: transparent; -} -.p-button.p-button-text:enabled:active { - background: rgba(196, 181, 253, 0.16); - color: #C4B5FD; - border-color: transparent; -} -.p-button.p-button-text.p-button-plain { - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-text.p-button-plain:enabled:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-text.p-button-plain:enabled:active { - background: rgba(255, 255, 255, 0.16); - color: rgba(255, 255, 255, 0.6); -} -.p-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); -} -.p-button .p-button-icon-left { - margin-right: 0.5rem; -} -.p-button .p-button-icon-right { - margin-left: 0.5rem; -} -.p-button .p-button-icon-bottom { - margin-top: 0.5rem; -} -.p-button .p-button-icon-top { - margin-bottom: 0.5rem; -} -.p-button .p-badge { - margin-left: 0.5rem; - min-width: 1rem; - height: 1rem; - line-height: 1rem; - color: #C4B5FD; - background-color: #1c2127; -} -.p-button.p-button-raised { - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); -} -.p-button.p-button-rounded { - border-radius: 2rem; -} -.p-button.p-button-icon-only { - width: 3rem; - padding: 0.75rem 0; -} -.p-button.p-button-icon-only .p-button-icon-left, -.p-button.p-button-icon-only .p-button-icon-right { - margin: 0; -} -.p-button.p-button-icon-only.p-button-rounded { - border-radius: 50%; - height: 3rem; -} -.p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.65625rem 1.09375rem; -} -.p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; -} -.p-button.p-button-lg { - font-size: 1.25rem; - padding: 0.9375rem 1.5625rem; -} -.p-button.p-button-lg .p-button-icon { - font-size: 1.25rem; -} -.p-button.p-button-loading-label-only .p-button-label { - margin-left: 0.5rem; -} -.p-button.p-button-loading-label-only .p-button-loading-icon { - margin-right: 0; -} - -.p-fluid .p-button { - width: 100%; -} -.p-fluid .p-button-icon-only { - width: 3rem; -} -.p-fluid .p-buttonset { - display: flex; -} -.p-fluid .p-buttonset .p-button { - flex: 1; -} - -.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { - color: #1c2127; - background: #CBD5E1; - border: 1px solid #CBD5E1; -} -.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { - background: #b0bfd1; - color: #1c2127; - border-color: #b0bfd1; -} -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #dbe2ea; -} -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: #95a9c2; - color: #1c2127; - border-color: #95a9c2; -} -.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { - background-color: transparent; - color: #CBD5E1; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { - background: rgba(203, 213, 225, 0.04); - color: #CBD5E1; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { - background: rgba(203, 213, 225, 0.16); - color: #CBD5E1; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { - background-color: transparent; - color: #CBD5E1; - border-color: transparent; -} -.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { - background: rgba(203, 213, 225, 0.04); - border-color: transparent; - color: #CBD5E1; -} -.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { - background: rgba(203, 213, 225, 0.16); - border-color: transparent; - color: #CBD5E1; -} - -.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { - color: #1c2127; - background: #93C5FD; - border: 1px solid #93C5FD; -} -.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { - background: #6cb0fc; - color: #1c2127; - border-color: #6cb0fc; -} -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #b3d6fe; -} -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: #449bfc; - color: #1c2127; - border-color: #449bfc; -} -.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { - background-color: transparent; - color: #93C5FD; - border: 1px solid; -} -.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; - border: 1px solid; -} -.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { - background: rgba(147, 197, 253, 0.16); - color: #93C5FD; - border: 1px solid; -} -.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { - background-color: transparent; - color: #93C5FD; - border-color: transparent; -} -.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { - background: rgba(147, 197, 253, 0.04); - border-color: transparent; - color: #93C5FD; -} -.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { - background: rgba(147, 197, 253, 0.16); - border-color: transparent; - color: #93C5FD; -} - -.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { - color: #1c2127; - background: #86EFAC; - border: 1px solid #86EFAC; -} -.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { - background: #65eb95; - color: #1c2127; - border-color: #65eb95; -} -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #aaf4c5; -} -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: #44e67f; - color: #1c2127; - border-color: #44e67f; -} -.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { - background-color: transparent; - color: #86EFAC; - border: 1px solid; -} -.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { - background: rgba(134, 239, 172, 0.04); - color: #86EFAC; - border: 1px solid; -} -.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { - background: rgba(134, 239, 172, 0.16); - color: #86EFAC; - border: 1px solid; -} -.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { - background-color: transparent; - color: #86EFAC; - border-color: transparent; -} -.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { - background: rgba(134, 239, 172, 0.04); - border-color: transparent; - color: #86EFAC; -} -.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { - background: rgba(134, 239, 172, 0.16); - border-color: transparent; - color: #86EFAC; -} - -.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { - color: #1c2127; - background: #FCD34D; - border: 1px solid #FCD34D; -} -.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { - background: #fbcb2d; - color: #1c2127; - border-color: #fbcb2d; -} -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #fde082; -} -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: #fbc30c; - color: #1c2127; - border-color: #fbc30c; -} -.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { - background-color: transparent; - color: #FCD34D; - border: 1px solid; -} -.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { - background: rgba(252, 211, 77, 0.04); - color: #FCD34D; - border: 1px solid; -} -.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { - background: rgba(252, 211, 77, 0.16); - color: #FCD34D; - border: 1px solid; -} -.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { - background-color: transparent; - color: #FCD34D; - border-color: transparent; -} -.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { - background: rgba(252, 211, 77, 0.04); - border-color: transparent; - color: #FCD34D; -} -.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { - background: rgba(252, 211, 77, 0.16); - border-color: transparent; - color: #FCD34D; -} - -.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { - color: #1c2127; - background: #D8B4FE; - border: 1px solid #D8B4FE; -} -.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { - background: #c289fd; - color: #1c2127; - border-color: #c289fd; -} -.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #e4cbfe; -} -.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: #ab5efd; - color: #1c2127; - border-color: #ab5efd; -} -.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { - background-color: transparent; - color: #D8B4FE; - border: 1px solid; -} -.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { - background: rgba(216, 180, 254, 0.04); - color: #D8B4FE; - border: 1px solid; -} -.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { - background: rgba(216, 180, 254, 0.16); - color: #D8B4FE; - border: 1px solid; -} -.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { - background-color: transparent; - color: #D8B4FE; - border-color: transparent; -} -.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { - background: rgba(216, 180, 254, 0.04); - border-color: transparent; - color: #D8B4FE; -} -.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { - background: rgba(216, 180, 254, 0.16); - border-color: transparent; - color: #D8B4FE; -} - -.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { - color: #1c2127; - background: #FCA5A5; - border: 1px solid #FCA5A5; -} -.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { - background: #fb7d7d; - color: #1c2127; - border-color: #fb7d7d; -} -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #fdc0c0; -} -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: #f95454; - color: #1c2127; - border-color: #f95454; -} -.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { - background-color: transparent; - color: #FCA5A5; - border: 1px solid; -} -.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { - background: rgba(252, 165, 165, 0.04); - color: #FCA5A5; - border: 1px solid; -} -.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { - background: rgba(252, 165, 165, 0.16); - color: #FCA5A5; - border: 1px solid; -} -.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { - background-color: transparent; - color: #FCA5A5; - border-color: transparent; -} -.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { - background: rgba(252, 165, 165, 0.04); - border-color: transparent; - color: #FCA5A5; -} -.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { - background: rgba(252, 165, 165, 0.16); - border-color: transparent; - color: #FCA5A5; -} - -.p-button.p-button-link { - color: #C4B5FD; - background: transparent; - border: transparent; -} -.p-button.p-button-link:enabled:hover { - background: transparent; - color: #C4B5FD; - border-color: transparent; -} -.p-button.p-button-link:enabled:hover .p-button-label { - text-decoration: underline; -} -.p-button.p-button-link:enabled:focus { - background: transparent; - box-shadow: 0 0 0 1px rgba(196, 181, 253, 0.5); - border-color: transparent; -} -.p-button.p-button-link:enabled:active { - background: transparent; - color: #C4B5FD; - border-color: transparent; -} - -.p-speeddial-button.p-button.p-button-icon-only { - width: 4rem; - height: 4rem; -} -.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { - font-size: 1.3rem; -} - -.p-speeddial-action { - width: 3rem; - height: 3rem; - background: rgba(255, 255, 255, 0.87); - color: #040d19; -} -.p-speeddial-action:hover { - background: rgba(255, 255, 255, 0.6); - color: #040d19; -} - -.p-speeddial-direction-up .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-up .p-speeddial-item:first-child { - margin-bottom: 0.5rem; -} - -.p-speeddial-direction-down .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-down .p-speeddial-item:first-child { - margin-top: 0.5rem; -} - -.p-speeddial-direction-left .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-left .p-speeddial-item:first-child { - margin-right: 0.5rem; -} - -.p-speeddial-direction-right .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-right .p-speeddial-item:first-child { - margin-left: 0.5rem; -} - -.p-speeddial-circle .p-speeddial-item, -.p-speeddial-semi-circle .p-speeddial-item, -.p-speeddial-quarter-circle .p-speeddial-item { - margin: 0; -} -.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, -.p-speeddial-semi-circle .p-speeddial-item:first-child, -.p-speeddial-semi-circle .p-speeddial-item:last-child, -.p-speeddial-quarter-circle .p-speeddial-item:first-child, -.p-speeddial-quarter-circle .p-speeddial-item:last-child { - margin: 0; -} - -.p-speeddial-mask { - background-color: rgba(0, 0, 0, 0.4); -} - -.p-carousel .p-carousel-content .p-carousel-prev, -.p-carousel .p-carousel-content .p-carousel-next { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin: 0.5rem; -} -.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, -.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); -} -.p-carousel .p-carousel-indicators { - padding: 1rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator { - margin-right: 0.5rem; - margin-bottom: 0.5rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: #0b213f; - width: 2rem; - height: 0.5rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 0; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { - background: rgba(255, 255, 255, 0.03); -} -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: rgba(196, 181, 253, 0.16); - color: rgba(255, 255, 255, 0.87); -} - -.p-datatable .p-paginator-top { - border-width: 1px 0 1px 0; - border-radius: 0; -} -.p-datatable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-datatable .p-datatable-header { - background: #071426; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; -} -.p-datatable .p-datatable-footer { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; -} -.p-datatable .p-datatable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #071426; - transition: box-shadow 0.2s; -} -.p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #071426; -} -.p-datatable .p-sortable-column .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: rgba(255, 255, 255, 0.87); - background: rgba(196, 181, 253, 0.16); - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column.p-highlight { - background: rgba(196, 181, 253, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column.p-highlight:hover { - background: rgba(196, 181, 253, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column:focus { - box-shadow: inset 0 0 0 1px rgba(196, 181, 253, 0.5); - outline: 0 none; -} -.p-datatable .p-datatable-tbody > tr { - background: #071426; - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - outline-color: rgba(196, 181, 253, 0.5); -} -.p-datatable .p-datatable-tbody > tr > td { - text-align: left; - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - padding: 1rem 1rem; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); -} -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { - margin-right: 0.5rem; -} -.p-datatable .p-datatable-tbody > tr.p-highlight { - background: rgba(196, 181, 253, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 rgba(196, 181, 253, 0.16); -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 rgba(196, 181, 253, 0.16); -} -.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-column-resizer-helper { - background: #C4B5FD; -} -.p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #071426; -} -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot { - background-color: #071426; -} -.p-datatable .p-datatable-loading-icon { - font-size: 2rem; -} -.p-datatable.p-datatable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-footer { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-top { - border-width: 0 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-bottom { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { - background: rgba(255, 255, 255, 0.01); -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: rgba(196, 181, 253, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: rgba(255, 255, 255, 0.87); -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: rgba(255, 255, 255, 0.87); -} -.p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-lg .p-datatable-header { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-footer { - padding: 1.25rem 1.25rem; -} - -.p-dataview .p-paginator-top { - border-width: 1px 0 1px 0; - border-radius: 0; -} -.p-dataview .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-dataview .p-dataview-header { - background: #071426; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; -} -.p-dataview .p-dataview-content { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; -} -.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid #0b213f; - border-width: 0 0 1px 0; -} -.p-dataview .p-dataview-footer { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} -.p-dataview .p-dataview-loading-icon { - font-size: 2rem; -} -.p-dataview .p-dataview-emptymessage { - padding: 1.25rem; -} - -.p-column-filter-row .p-column-filter-menu-button, -.p-column-filter-row .p-column-filter-clear-button { - margin-left: 0.5rem; -} - -.p-column-filter-menu-button { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-menu-button:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: rgba(196, 181, 253, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-column-filter-menu-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); -} - -.p-column-filter-clear-button { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-clear-button:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-column-filter-clear-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); -} - -.p-column-filter-overlay { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - min-width: 12.5rem; -} -.p-column-filter-overlay .p-column-filter-row-items { - padding: 0.75rem 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(196, 181, 253, 0.16); -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(196, 181, 253, 0.5); -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #0b213f; - margin: 0.25rem 0; -} - -.p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - background: #071426; - margin: 0; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-column-filter-overlay-menu .p-column-filter-constraint { - padding: 1.25rem; - border-bottom: 1px solid #0b213f; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { - margin-bottom: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { - margin-top: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { - border-bottom: 0 none; -} -.p-column-filter-overlay-menu .p-column-filter-add-rule { - padding: 0.75rem 1.25rem; -} -.p-column-filter-overlay-menu .p-column-filter-buttonbar { - padding: 1.25rem; -} - -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #071426; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #071426; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #0b213f; -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #0b213f; -} -.fc.fc-unthemed .fc-view-container .fc-event { - background: #b3a0fc; - border: 1px solid #b3a0fc; - color: #1c2127; -} -.fc.fc-unthemed .fc-view-container .fc-divider { - background: #071426; - border: 1px solid #0b213f; -} -.fc.fc-unthemed .fc-toolbar .fc-button { - color: #1c2127; - background: #C4B5FD; - border: 1px solid #C4B5FD; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; - display: flex; - align-items: center; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #b3a0fc; - color: #1c2127; - border-color: #b3a0fc; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #a28bfc; - color: #1c2127; - border-color: #a28bfc; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #071426; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #C4B5FD; - border-color: #C4B5FD; - color: #1c2127; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #b3a0fc; - border-color: #b3a0fc; - color: #1c2127; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); - z-index: 1; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} -.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #0b213f; -} -.fc.fc-theme-standard .fc-view-harness th { - background: #071426; - border-color: #0b213f; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness td { - color: rgba(255, 255, 255, 0.87); - border-color: #0b213f; -} -.fc.fc-theme-standard .fc-view-harness .fc-view { - background: #071426; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #0b213f; - padding: 1.25rem; - background: #071426; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1.25rem; - border: 1px solid #0b213f; - background: #071426; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #1c2127; - background: #b3a0fc; - border-color: #b3a0fc; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #1c2127; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #b3a0fc; - border-color: #b3a0fc; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #071426; -} -.fc.fc-theme-standard .fc-toolbar .fc-button { - color: #1c2127; - background: #C4B5FD; - border: 1px solid #C4B5FD; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #b3a0fc; - color: #1c2127; - border-color: #b3a0fc; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #a28bfc; - color: #1c2127; - border-color: #a28bfc; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); -} -.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.4; - color: #1c2127; - background: #C4B5FD; - border: 1px solid #C4B5FD; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #071426; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #C4B5FD; - border-color: #C4B5FD; - color: #1c2127; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #b3a0fc; - border-color: #b3a0fc; - color: #1c2127; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); - z-index: 1; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} -.fc.fc-theme-standard a { - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(196, 181, 253, 0.16); -} - -.p-orderlist .p-orderlist-controls { - padding: 1.25rem; -} -.p-orderlist .p-orderlist-controls .p-button { - margin-bottom: 0.5rem; -} -.p-orderlist .p-orderlist-header { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - padding: 1.25rem; - border-bottom: 0 none; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-orderlist .p-orderlist-header .p-orderlist-title { - font-weight: 700; -} -.p-orderlist .p-orderlist-filter-container { - padding: 1.25rem; - background: #071426; - border: 1px solid #0b213f; - border-bottom: 0 none; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { - padding-right: 1.75rem; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} -.p-orderlist .p-orderlist-list { - border: 1px solid #0b213f; - background: #071426; - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-orderlist .p-orderlist-list .p-orderlist-item { - padding: 0.75rem 1.25rem; - margin: 0; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; -} -.p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(196, 181, 253, 0.5); -} -.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(196, 181, 253, 0.16); -} -.p-orderlist .p-orderlist-list .p-orderlist-empty-message { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); -} -.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} - -.p-orderlist-item.cdk-drag-preview { - padding: 0.75rem 1.25rem; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #071426; - margin: 0; -} - -.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-organizationchart .p-organizationchart-node-content.p-highlight { - background: rgba(196, 181, 253, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: rgba(97, 57, 250, 0.16); -} -.p-organizationchart .p-organizationchart-line-down { - background: #0b213f; -} -.p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #0b213f; - border-color: #0b213f; -} -.p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #0b213f; - border-color: #0b213f; -} -.p-organizationchart .p-organizationchart-node-content { - border: 1px solid #0b213f; - background: #071426; - color: rgba(255, 255, 255, 0.87); - padding: 1.25rem; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler { - background: inherit; - color: inherit; - border-radius: 50%; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); -} - -.p-paginator { - background: #071426; - color: rgba(255, 255, 255, 0.6); - border: solid #0b213f; - border-width: 1px; - padding: 0.5rem 1rem; - border-radius: 6px; -} -.p-paginator .p-paginator-first, -.p-paginator .p-paginator-prev, -.p-paginator .p-paginator-next, -.p-paginator .p-paginator-last { - background-color: transparent; - border: 0 none; - color: rgba(255, 255, 255, 0.6); - min-width: 3rem; - height: 3rem; - margin: 0.143rem; - transition: box-shadow 0.2s; - border-radius: 6px; -} -.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - border-color: transparent; - color: rgba(255, 255, 255, 0.87); -} -.p-paginator .p-paginator-first { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-paginator .p-paginator-last { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} -.p-paginator .p-dropdown { - margin-left: 0.5rem; - margin-right: 0.5rem; - height: 3rem; -} -.p-paginator .p-dropdown .p-dropdown-label { - padding-right: 0; -} -.p-paginator .p-paginator-page-input { - margin-left: 0.5rem; - margin-right: 0.5rem; -} -.p-paginator .p-paginator-page-input .p-inputtext { - max-width: 3rem; -} -.p-paginator .p-paginator-current { - background-color: transparent; - border: 0 none; - color: rgba(255, 255, 255, 0.6); - min-width: 3rem; - height: 3rem; - margin: 0.143rem; - padding: 0 0.5rem; -} -.p-paginator .p-paginator-pages .p-paginator-page { - background-color: transparent; - border: 0 none; - color: rgba(255, 255, 255, 0.6); - min-width: 3rem; - height: 3rem; - margin: 0.143rem; - transition: box-shadow 0.2s; - border-radius: 6px; -} -.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: rgba(196, 181, 253, 0.16); - border-color: rgba(196, 181, 253, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - border-color: transparent; - color: rgba(255, 255, 255, 0.87); -} - -.p-picklist .p-picklist-buttons { - padding: 1.25rem; -} -.p-picklist .p-picklist-buttons .p-button { - margin-bottom: 0.5rem; -} -.p-picklist .p-picklist-header { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - padding: 1.25rem; - border-bottom: 0 none; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-picklist .p-picklist-header .p-picklist-title { - font-weight: 700; -} -.p-picklist .p-picklist-filter-container { - padding: 1.25rem; - background: #071426; - border: 1px solid #0b213f; - border-bottom: 0 none; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-input { - padding-right: 1.75rem; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} -.p-picklist .p-picklist-list { - border: 1px solid #0b213f; - background: #071426; - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-picklist .p-picklist-list .p-picklist-item { - padding: 0.75rem 1.25rem; - margin: 0; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; -} -.p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(196, 181, 253, 0.5); -} -.p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(196, 181, 253, 0.16); -} -.p-picklist .p-picklist-list .p-picklist-empty-message { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); -} -.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} - -.p-picklist-item.cdk-drag-preview { - padding: 0.75rem 1.25rem; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #071426; - margin: 0; -} - -.p-timeline .p-timeline-event-marker { - border: 2px solid #C4B5FD; - border-radius: 50%; - width: 1rem; - height: 1rem; - background-color: #1c2127; -} -.p-timeline .p-timeline-event-connector { - background-color: #0b213f; -} -.p-timeline.p-timeline-vertical .p-timeline-event-opposite, -.p-timeline.p-timeline-vertical .p-timeline-event-content { - padding: 0 1rem; -} -.p-timeline.p-timeline-vertical .p-timeline-event-connector { - width: 2px; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, -.p-timeline.p-timeline-horizontal .p-timeline-event-content { - padding: 1rem 0; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-connector { - height: 2px; -} - -.p-tree { - border: 1px solid #0b213f; - background: #071426; - color: rgba(255, 255, 255, 0.87); - padding: 1.25rem; - border-radius: 6px; -} -.p-tree .p-tree-container .p-treenode { - padding: 0.143rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content { - border-radius: 6px; - transition: box-shadow 0.2s; - padding: 0.5rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { - margin-right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: rgba(196, 181, 253, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-filter-container { - margin-bottom: 0.5rem; -} -.p-tree .p-tree-filter-container .p-tree-filter { - width: 100%; - padding-right: 1.75rem; -} -.p-tree .p-tree-filter-container .p-tree-filter-icon { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} -.p-tree .p-treenode-children { - padding: 0 0 0 1rem; -} -.p-tree .p-tree-loading-icon { - font-size: 2rem; -} -.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: rgba(129, 96, 251, 0.16); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { - border-radius: 6px; - border: 1px solid #0b213f; - background-color: #071426; - color: rgba(255, 255, 255, 0.87); - padding: 0.5rem; - transition: box-shadow 0.2s; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { - background-color: rgba(196, 181, 253, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { - background-color: inherit; - color: inherit; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); -} - -.p-treetable .p-paginator-top { - border-width: 1px 0 1px 0; - border-radius: 0; -} -.p-treetable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-treetable .p-treetable-header { - background: #071426; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; -} -.p-treetable .p-treetable-footer { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; -} -.p-treetable .p-treetable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #071426; - transition: box-shadow 0.2s; -} -.p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #071426; -} -.p-treetable .p-sortable-column { - outline-color: rgba(196, 181, 253, 0.5); -} -.p-treetable .p-sortable-column .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: rgba(255, 255, 255, 0.87); - background: rgba(196, 181, 253, 0.16); - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-sortable-column.p-highlight { - background: rgba(196, 181, 253, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-treetable-tbody > tr { - background: #071426; - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - outline-color: rgba(196, 181, 253, 0.5); -} -.p-treetable .p-treetable-tbody > tr > td { - text-align: left; - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - padding: 1rem 1rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-treetable-tbody > tr.p-highlight { - background: rgba(196, 181, 253, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-column-resizer-helper { - background: #C4B5FD; -} -.p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #071426; -} -.p-treetable .p-treetable-loading-icon { - font-size: 2rem; -} -.p-treetable.p-treetable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-footer { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-top { - border-width: 0 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-bottom { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-sm .p-treetable-header { - padding: 0.875rem 0.875rem; -} -.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-footer { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-lg .p-treetable-header { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-footer { - padding: 1.25rem 1.25rem; -} - -.p-virtualscroller .p-virtualscroller-header { - background: #071426; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; -} -.p-virtualscroller .p-virtualscroller-content { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; -} -.p-virtualscroller .p-virtualscroller-footer { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.p-accordion .p-accordion-header .p-accordion-header-link { - padding: 1.25rem; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - background: #071426; - font-weight: 700; - border-radius: 6px; - transition: box-shadow 0.2s; -} -.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { - margin-right: 0.5rem; -} -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); -} -.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { - background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; - color: rgba(255, 255, 255, 0.87); -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #071426; - border-color: #0b213f; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-color: #0b213f; - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-accordion .p-accordion-content { - padding: 1.25rem; - border: 1px solid #0b213f; - background: #071426; - color: rgba(255, 255, 255, 0.87); - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-accordion p-accordiontab .p-accordion-tab { - margin-bottom: 4px; -} - -.p-card { - background: #071426; - color: rgba(255, 255, 255, 0.87); - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); - border-radius: 6px; -} -.p-card .p-card-body { - padding: 1.25rem; -} -.p-card .p-card-title { - font-size: 1.5rem; - font-weight: 700; - margin-bottom: 0.5rem; -} -.p-card .p-card-subtitle { - font-weight: 400; - margin-bottom: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-card .p-card-content { - padding: 1.25rem 0; -} -.p-card .p-card-footer { - padding: 1.25rem 0 0 0; -} - -.p-divider .p-divider-content { - background-color: #071426; -} -.p-divider.p-divider-horizontal { - margin: 1.25rem 0; - padding: 0 1.25rem; -} -.p-divider.p-divider-horizontal:before { - border-top: 1px #0b213f; -} -.p-divider.p-divider-horizontal .p-divider-content { - padding: 0 0.5rem; -} -.p-divider.p-divider-vertical { - margin: 0 1.25rem; - padding: 1.25rem 0; -} -.p-divider.p-divider-vertical:before { - border-left: 1px #0b213f; -} -.p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; -} - -.p-fieldset { - border: 1px solid #0b213f; - background: #071426; - color: rgba(255, 255, 255, 0.87); - border-radius: 6px; -} -.p-fieldset .p-fieldset-legend { - padding: 1.25rem; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - background: #071426; - font-weight: 700; - border-radius: 6px; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { - padding: 0; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { - padding: 1.25rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 6px; - transition: box-shadow 0.2s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { - margin-right: 0.5rem; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; - color: rgba(255, 255, 255, 0.87); -} -.p-fieldset .p-fieldset-content { - padding: 1.25rem; -} - -.p-panel .p-panel-header { - border: 1px solid #0b213f; - padding: 1.25rem; - background: #071426; - color: rgba(255, 255, 255, 0.87); - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-panel .p-panel-header .p-panel-title { - font-weight: 700; -} -.p-panel .p-panel-header .p-panel-header-icon { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-panel .p-panel-header .p-panel-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); -} -.p-panel.p-panel-toggleable .p-panel-header { - padding: 0.75rem 1.25rem; -} -.p-panel .p-panel-content { - padding: 1.25rem; - border: 1px solid #0b213f; - background: #071426; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - border-top: 0 none; -} -.p-panel .p-panel-footer { - padding: 0.75rem 1.25rem; - border: 1px solid #0b213f; - background: #071426; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; -} - -.p-scrollpanel .p-scrollpanel-bar { - background: #0b213f; - border: 0 none; -} - -.p-splitter { - border: 1px solid #0b213f; - background: #071426; - border-radius: 6px; - color: rgba(255, 255, 255, 0.87); -} -.p-splitter .p-splitter-gutter { - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - background: rgba(255, 255, 255, 0.03); -} -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: #0b213f; -} -.p-splitter .p-splitter-gutter-resizing { - background: #0b213f; -} - -.p-tabview .p-tabview-nav { - background: transparent; - border: 1px solid #0b213f; - border-width: 0 0 2px 0; -} -.p-tabview .p-tabview-nav li { - margin-right: 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #0b213f; - border-width: 0 0 2px 0; - border-color: transparent transparent #0b213f transparent; - background: #071426; - color: rgba(255, 255, 255, 0.6); - padding: 1.25rem; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(196, 181, 253, 0.5); -} -.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #071426; - border-color: #C4B5FD; - color: rgba(255, 255, 255, 0.87); -} -.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #071426; - border-color: #C4B5FD; - color: #C4B5FD; -} -.p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; -} -.p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-close { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-nav-btn.p-link { - background: #071426; - color: #C4B5FD; - width: 3rem; - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); - border-radius: 0; -} -.p-tabview .p-tabview-nav-btn.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(196, 181, 253, 0.5); -} -.p-tabview .p-tabview-panels { - background: #071426; - padding: 1.25rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} - -.p-toolbar { - background: #071426; - border: 1px solid #0b213f; - padding: 1.25rem; - border-radius: 6px; -} -.p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; -} - -.p-confirm-popup { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-confirm-popup .p-confirm-popup-content { - padding: 1.25rem; -} -.p-confirm-popup .p-confirm-popup-footer { - text-align: right; - padding: 0.75rem 1.25rem; -} -.p-confirm-popup .p-confirm-popup-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-confirm-popup .p-confirm-popup-footer button:last-child { - margin: 0; -} -.p-confirm-popup:after { - border: solid transparent; - border-color: rgba(7, 20, 38, 0); - border-bottom-color: #071426; -} -.p-confirm-popup:before { - border: solid transparent; - border-color: rgba(11, 33, 63, 0); - border-bottom-color: #0b213f; -} -.p-confirm-popup.p-confirm-popup-flipped:after { - border-top-color: #071426; -} -.p-confirm-popup.p-confirm-popup-flipped:before { - border-top-color: #0b213f; -} -.p-confirm-popup .p-confirm-popup-icon { - font-size: 1.5rem; -} -.p-confirm-popup .p-confirm-popup-message { - margin-left: 1rem; -} - -.p-dialog { - border-radius: 6px; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); - border: 1px solid #0b213f; -} -.p-dialog .p-dialog-header { - border-bottom: 0 none; - background: #071426; - color: rgba(255, 255, 255, 0.87); - padding: 1.5rem; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-dialog .p-dialog-header .p-dialog-title { - font-weight: 700; - font-size: 1.25rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); -} -.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { - margin-right: 0; -} -.p-dialog .p-dialog-content { - background: #071426; - color: rgba(255, 255, 255, 0.87); - padding: 0 1.5rem 2rem 1.5rem; -} -.p-dialog .p-dialog-footer { - border-top: 0 none; - background: #071426; - color: rgba(255, 255, 255, 0.87); - padding: 0 1.5rem 1.5rem 1.5rem; - text-align: right; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-dialog .p-dialog-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { - font-size: 2rem; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; -} - -.p-overlaypanel { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-overlaypanel .p-overlaypanel-content { - padding: 1.25rem; -} -.p-overlaypanel .p-overlaypanel-close { - background: #C4B5FD; - color: #1c2127; - width: 2rem; - height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; - position: absolute; - top: -1rem; - right: -1rem; -} -.p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #b3a0fc; - color: #1c2127; -} -.p-overlaypanel:after { - border: solid transparent; - border-color: rgba(7, 20, 38, 0); - border-bottom-color: #071426; -} -.p-overlaypanel:before { - border: solid transparent; - border-color: rgba(11, 33, 63, 0); - border-bottom-color: #0b213f; -} -.p-overlaypanel.p-overlaypanel-flipped:after { - border-top-color: #071426; -} -.p-overlaypanel.p-overlaypanel-flipped:before { - border-top-color: #0b213f; -} - -.p-sidebar { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-sidebar .p-sidebar-header { - padding: 1.25rem; -} -.p-sidebar .p-sidebar-header .p-sidebar-close, -.p-sidebar .p-sidebar-header .p-sidebar-icon { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, -.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); -} -.p-sidebar .p-sidebar-header + .p-sidebar-content { - padding-top: 0; -} -.p-sidebar .p-sidebar-content { - padding: 1.25rem; -} - -.p-tooltip .p-tooltip-text { - background: #0b213f; - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 0.75rem; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 6px; -} -.p-tooltip.p-tooltip-right .p-tooltip-arrow { - border-right-color: #0b213f; -} -.p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #0b213f; -} -.p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #0b213f; -} -.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #0b213f; -} - -.p-fileupload .p-fileupload-buttonbar { - background: #071426; - padding: 1.25rem; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - border-bottom: 0 none; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; -} -.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); -} -.p-fileupload .p-fileupload-content { - background: #071426; - padding: 2rem 1rem; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-fileupload .p-progressbar { - height: 0.25rem; -} -.p-fileupload .p-fileupload-row > div { - padding: 1rem 1rem; -} -.p-fileupload.p-fileupload-advanced .p-message { - margin-top: 0; -} - -.p-fileupload-choose:not(.p-disabled):hover { - background: #b3a0fc; - color: #1c2127; - border-color: #b3a0fc; -} -.p-fileupload-choose:not(.p-disabled):active { - background: #a28bfc; - color: #1c2127; - border-color: #a28bfc; -} - -.p-breadcrumb { - background: #091a32; - border: 1px solid #0b213f; - border-radius: 6px; - padding: 1rem; -} -.p-breadcrumb ul li .p-menuitem-link { - transition: box-shadow 0.2s; - border-radius: 6px; -} -.p-breadcrumb ul li .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-breadcrumb ul li.p-breadcrumb-chevron { - margin: 0 0.5rem 0 0.5rem; - color: rgba(255, 255, 255, 0.87); -} -.p-breadcrumb ul li:last-child .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-breadcrumb ul li:last-child .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} - -.p-contextmenu { - padding: 0.25rem 0; - background: #091a32; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 6px; - width: 12.5rem; -} -.p-contextmenu .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-contextmenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-contextmenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(196, 181, 253, 0.5); -} -.p-contextmenu .p-submenu-list { - padding: 0.25rem 0; - background: #091a32; - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 6px; -} -.p-contextmenu .p-menuitem { - margin: 0; -} -.p-contextmenu .p-menuitem:last-child { - margin: 0; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(196, 181, 253, 0.16); -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menu-separator { - border-top: 1px solid #0b213f; - margin: 0.25rem 0; -} -.p-contextmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-dock .p-dock-list { - background: rgba(255, 255, 255, 0.1); - border: 1px solid rgba(255, 255, 255, 0.2); - padding: 0.5rem 0.5rem; - border-radius: 0.5rem; -} -.p-dock .p-dock-item { - padding: 0.5rem; -} -.p-dock .p-dock-action { - width: 4rem; - height: 4rem; -} -.p-dock.p-dock-top .p-dock-item-second-prev, -.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, -.p-dock.p-dock-bottom .p-dock-item-second-next { - margin: 0 0.9rem; -} -.p-dock.p-dock-top .p-dock-item-prev, -.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, -.p-dock.p-dock-bottom .p-dock-item-next { - margin: 0 1.3rem; -} -.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { - margin: 0 1.5rem; -} -.p-dock.p-dock-left .p-dock-item-second-prev, -.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, -.p-dock.p-dock-right .p-dock-item-second-next { - margin: 0.9rem 0; -} -.p-dock.p-dock-left .p-dock-item-prev, -.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, -.p-dock.p-dock-right .p-dock-item-next { - margin: 1.3rem 0; -} -.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { - margin: 1.5rem 0; -} - -@media screen and (max-width: 960px) { - .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { - margin: auto 0; - } - .p-dock .p-dock-list .p-dock-item { - transform: none; - margin: 0; - } -} -.p-megamenu { - padding: 0.5rem; - background: #091a32; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 6px; - transition: box-shadow 0.2s; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(196, 181, 253, 0.5); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(196, 181, 253, 0.16); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-megamenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(196, 181, 253, 0.5); -} -.p-megamenu .p-megamenu-panel { - background: #091a32; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-megamenu .p-megamenu-submenu-header { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #091a32; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-megamenu .p-megamenu-submenu { - padding: 0.25rem 0; - width: 12.5rem; -} -.p-megamenu .p-megamenu-submenu .p-menu-separator { - border-top: 1px solid #0b213f; - margin: 0.25rem 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem { - margin: 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { - margin: 0; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(196, 181, 253, 0.16); -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.25rem 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem { - margin: 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { - margin: 0; -} - -.p-menu { - padding: 0.25rem 0; - background: #091a32; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; - width: 12.5rem; -} -.p-menu .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-menu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(196, 181, 253, 0.5); -} -.p-menu.p-menu-overlay { - background: #091a32; - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-menu .p-submenu-header { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #091a32; - font-weight: 700; - border-top-right-radius: 0; - border-top-left-radius: 0; -} -.p-menu .p-menu-separator { - border-top: 1px solid #0b213f; - margin: 0.25rem 0; -} -.p-menu .p-menuitem { - margin: 0; -} -.p-menu .p-menuitem:last-child { - margin: 0; -} - -.p-menubar { - padding: 0.5rem; - background: #091a32; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; -} -.p-menubar .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menubar .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-menubar .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(196, 181, 253, 0.5); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 6px; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(196, 181, 253, 0.5); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(196, 181, 253, 0.16); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-submenu-list { - padding: 0.25rem 0; - background: #091a32; - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - width: 12.5rem; -} -.p-menubar .p-submenu-list .p-menu-separator { - border-top: 1px solid #0b213f; - margin: 0.25rem 0; -} -.p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; -} -.p-menubar .p-submenu-list .p-menuitem { - margin: 0; -} -.p-menubar .p-submenu-list .p-menuitem:last-child { - margin: 0; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(196, 181, 253, 0.16); -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} - -@media screen and (max-width: 960px) { - .p-menubar { - position: relative; - } - .p-menubar .p-menubar-button { - display: flex; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-menubar .p-menubar-button:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menubar .p-menubar-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); - } - .p-menubar .p-menubar-root-list { - position: absolute; - display: none; - padding: 0.25rem 0; - background: #091a32; - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - width: 100%; - } - .p-menubar .p-menubar-root-list .p-menu-separator { - border-top: 1px solid #0b213f; - margin: 0.25rem 0; - } - .p-menubar .p-menubar-root-list .p-submenu-icon { - font-size: 0.875rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(196, 181, 253, 0.5); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - transition: transform 0.2s; - } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-180deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list { - width: 100%; - position: static; - box-shadow: none; - border: 0 none; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { - transition: transform 0.2s; - transform: rotate(90deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-90deg); - } - .p-menubar .p-menubar-root-list .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list ul li a { - padding-left: 2.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li a { - padding-left: 3.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li a { - padding-left: 5.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { - padding-left: 6.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { - padding-left: 8.25rem; - } - .p-menubar.p-menubar-mobile-active .p-menubar-root-list { - display: flex; - flex-direction: column; - top: 100%; - left: 0; - z-index: 1; - } -} -.p-panelmenu .p-panelmenu-header > a { - padding: 1.25rem; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - background: #071426; - font-weight: 700; - border-radius: 6px; - transition: box-shadow 0.2s; -} -.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); -} -.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight > a { - background: #071426; - border-color: #0b213f; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { - border-color: #0b213f; - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content { - padding: 0.25rem 0; - border: 1px solid #0b213f; - background: #071426; - color: rgba(255, 255, 255, 0.87); - margin-bottom: 4px; - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(196, 181, 253, 0.5); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { - padding: 0 0 0 1rem; -} -.p-panelmenu .p-panelmenu-panel { - margin-bottom: 4px; -} - -.p-slidemenu { - padding: 0.25rem 0; - background: #091a32; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; - width: 12.5rem; -} -.p-slidemenu .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-slidemenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-slidemenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(196, 181, 253, 0.5); -} -.p-slidemenu.p-slidemenu-overlay { - background: #091a32; - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-slidemenu .p-slidemenu-list { - padding: 0.25rem 0; - background: #091a32; - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { - background: rgba(196, 181, 253, 0.16); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-slidemenu-separator { - border-top: 1px solid #0b213f; - margin: 0.25rem 0; -} -.p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; -} -.p-slidemenu .p-slidemenu-backward { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); -} - -.p-steps .p-steps-item .p-menuitem-link { - background: transparent; - transition: box-shadow 0.2s; - border-radius: 6px; - background: transparent; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-number { - color: rgba(255, 255, 255, 0.87); - border: 0 none; - background: transparent; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - z-index: 1; - border-radius: 50%; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-title { - margin-top: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); -} -.p-steps .p-steps-item.p-highlight .p-steps-number { - background: rgba(196, 181, 253, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-steps .p-steps-item.p-highlight .p-steps-title { - font-weight: 700; - color: rgba(255, 255, 255, 0.87); -} -.p-steps .p-steps-item:before { - content: " "; - border-top: 1px solid #0b213f; - width: 100%; - top: 50%; - left: 0; - display: block; - position: absolute; - margin-top: -1rem; -} - -.p-tabmenu .p-tabmenu-nav { - background: transparent; - border: 1px solid #0b213f; - border-width: 0 0 2px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { - margin-right: 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { - border: solid #0b213f; - border-width: 0 0 2px 0; - border-color: transparent transparent #0b213f transparent; - background: #071426; - color: rgba(255, 255, 255, 0.6); - padding: 1.25rem; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(196, 181, 253, 0.5); -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: #071426; - border-color: #C4B5FD; - color: rgba(255, 255, 255, 0.87); -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #071426; - border-color: #C4B5FD; - color: #C4B5FD; -} - -.p-tieredmenu { - padding: 0.25rem 0; - background: #091a32; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; - width: 12.5rem; -} -.p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-tieredmenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-tieredmenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(196, 181, 253, 0.5); -} -.p-tieredmenu.p-tieredmenu-overlay { - background: #091a32; - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #091a32; - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-tieredmenu .p-menuitem { - margin: 0; -} -.p-tieredmenu .p-menuitem:last-child { - margin: 0; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(196, 181, 253, 0.16); -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menu-separator { - border-top: 1px solid #0b213f; - margin: 0.25rem 0; -} -.p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-inline-message { - padding: 0.75rem 0.75rem; - margin: 0; - border-radius: 6px; -} -.p-inline-message.p-inline-message-info { - background: #e9e9ff; - border: solid #696cff; - border-width: 1px; - color: #696cff; -} -.p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #696cff; -} -.p-inline-message.p-inline-message-success { - background: #e4f8f0; - border: solid #1ea97c; - border-width: 1px; - color: #1ea97c; -} -.p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #1ea97c; -} -.p-inline-message.p-inline-message-warn { - background: #fff2e2; - border: solid #cc8925; - border-width: 1px; - color: #cc8925; -} -.p-inline-message.p-inline-message-warn .p-inline-message-icon { - color: #cc8925; -} -.p-inline-message.p-inline-message-error { - background: #ffe7e6; - border: solid #ff5757; - border-width: 1px; - color: #ff5757; -} -.p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #ff5757; -} -.p-inline-message .p-inline-message-icon { - font-size: 1rem; - margin-right: 0.5rem; -} -.p-inline-message .p-inline-message-text { - font-size: 1rem; -} -.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { - margin-right: 0; -} - -.p-message { - margin: 1rem 0; - border-radius: 6px; -} -.p-message .p-message-wrapper { - padding: 1.25rem 1.75rem; -} -.p-message .p-message-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-message .p-message-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); -} -.p-message.p-message-info { - background: #e9e9ff; - border: solid #696cff; - border-width: 0 0 0 6px; - color: #696cff; -} -.p-message.p-message-info .p-message-icon { - color: #696cff; -} -.p-message.p-message-info .p-message-close { - color: #696cff; -} -.p-message.p-message-success { - background: #e4f8f0; - border: solid #1ea97c; - border-width: 0 0 0 6px; - color: #1ea97c; -} -.p-message.p-message-success .p-message-icon { - color: #1ea97c; -} -.p-message.p-message-success .p-message-close { - color: #1ea97c; -} -.p-message.p-message-warn { - background: #fff2e2; - border: solid #cc8925; - border-width: 0 0 0 6px; - color: #cc8925; -} -.p-message.p-message-warn .p-message-icon { - color: #cc8925; -} -.p-message.p-message-warn .p-message-close { - color: #cc8925; -} -.p-message.p-message-error { - background: #ffe7e6; - border: solid #ff5757; - border-width: 0 0 0 6px; - color: #ff5757; -} -.p-message.p-message-error .p-message-icon { - color: #ff5757; -} -.p-message.p-message-error .p-message-close { - color: #ff5757; -} -.p-message .p-message-text { - font-size: 1rem; - font-weight: 400; -} -.p-message .p-message-icon { - font-size: 1.5rem; - margin-right: 0.5rem; -} -.p-message .p-message-summary { - font-weight: 700; -} -.p-message .p-message-detail { - margin-left: 0.5rem; -} - -.p-toast { - opacity: 0.9; -} -.p-toast .p-toast-message { - margin: 0 0 1rem 0; - box-shadow: none; - border-radius: 6px; -} -.p-toast .p-toast-message .p-toast-message-content { - padding: 1rem; - border-width: 0 0 0 6px; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { - margin: 0 0 0 1rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { - font-size: 2rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { - font-weight: 700; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { - margin: 0.5rem 0 0 0; -} -.p-toast .p-toast-message .p-toast-icon-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-toast .p-toast-message .p-toast-icon-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); -} -.p-toast .p-toast-message.p-toast-message-info { - background: #e9e9ff; - border: solid #696cff; - border-width: 0 0 0 6px; - color: #696cff; -} -.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { - color: #696cff; -} -.p-toast .p-toast-message.p-toast-message-success { - background: #e4f8f0; - border: solid #1ea97c; - border-width: 0 0 0 6px; - color: #1ea97c; -} -.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { - color: #1ea97c; -} -.p-toast .p-toast-message.p-toast-message-warn { - background: #fff2e2; - border: solid #cc8925; - border-width: 0 0 0 6px; - color: #cc8925; -} -.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { - color: #cc8925; -} -.p-toast .p-toast-message.p-toast-message-error { - background: #ffe7e6; - border: solid #ff5757; - border-width: 0 0 0 6px; - color: #ff5757; -} -.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { - color: #ff5757; -} - -.p-galleria .p-galleria-close { - margin: 0.5rem; - background: transparent; - color: #f8f9fa; - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-close .p-galleria-close-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-close:hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-item-nav { - background: transparent; - color: #f8f9fa; - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 6px; - margin: 0 0.5rem; -} -.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, -.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-caption { - background: rgba(0, 0, 0, 0.5); - color: #f8f9fa; - padding: 1rem; -} -.p-galleria .p-galleria-indicators { - padding: 1rem; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #0b213f; - width: 1rem; - height: 1rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { - background: rgba(255, 255, 255, 0.1); -} -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(196, 181, 253, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { - margin-right: 0.5rem; -} -.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { - margin-bottom: 0.5rem; -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { - background: rgba(0, 0, 0, 0.5); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { - background: rgba(255, 255, 255, 0.4); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { - background: rgba(255, 255, 255, 0.6); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(196, 181, 253, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-galleria .p-galleria-thumbnail-container { - background: rgba(0, 0, 0, 0.9); - padding: 1rem 0.25rem; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { - margin: 0.5rem; - background-color: transparent; - color: #f8f9fa; - width: 2rem; - height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); -} - -.p-galleria-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-preview-indicator { - background-color: transparent; - color: #f8f9fa; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} - -.p-image-preview-container:hover > .p-image-preview-indicator { - background-color: rgba(0, 0, 0, 0.5); -} - -.p-image-toolbar { - padding: 1rem; -} - -.p-image-action.p-link { - color: #f8f9fa; - background-color: transparent; - width: 3rem; - height: 3rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-image-action.p-link:last-child { - margin-right: 0; -} -.p-image-action.p-link:hover { - color: #f8f9fa; - background-color: rgba(255, 255, 255, 0.1); -} -.p-image-action.p-link i { - font-size: 1.5rem; -} - -.p-avatar { - background-color: #0b213f; - border-radius: 6px; -} -.p-avatar.p-avatar-lg { - width: 3rem; - height: 3rem; - font-size: 1.5rem; -} -.p-avatar.p-avatar-lg .p-avatar-icon { - font-size: 1.5rem; -} -.p-avatar.p-avatar-xl { - width: 4rem; - height: 4rem; - font-size: 2rem; -} -.p-avatar.p-avatar-xl .p-avatar-icon { - font-size: 2rem; -} - -.p-avatar-group .p-avatar { - border: 2px solid #071426; -} - -.p-badge { - background: #C4B5FD; - color: #1c2127; - font-size: 0.75rem; - font-weight: 700; - min-width: 1.5rem; - height: 1.5rem; - line-height: 1.5rem; -} -.p-badge.p-badge-secondary { - background-color: #CBD5E1; - color: #1c2127; -} -.p-badge.p-badge-success { - background-color: #86EFAC; - color: #1c2127; -} -.p-badge.p-badge-info { - background-color: #93C5FD; - color: #1c2127; -} -.p-badge.p-badge-warning { - background-color: #FCD34D; - color: #1c2127; -} -.p-badge.p-badge-danger { - background-color: #FCA5A5; - color: #1c2127; -} -.p-badge.p-badge-lg { - font-size: 1.125rem; - min-width: 2.25rem; - height: 2.25rem; - line-height: 2.25rem; -} -.p-badge.p-badge-xl { - font-size: 1.5rem; - min-width: 3rem; - height: 3rem; - line-height: 3rem; -} - -.p-chip { - background-color: #0b213f; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - padding: 0 0.75rem; -} -.p-chip .p-chip-text { - line-height: 1.5; - margin-top: 0.375rem; - margin-bottom: 0.375rem; -} -.p-chip .p-chip-icon { - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - margin-left: 0.5rem; -} -.p-chip img { - width: 2.25rem; - height: 2.25rem; - margin-left: -0.75rem; - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - border-radius: 6px; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); -} - -.p-inplace .p-inplace-display { - padding: 0.75rem 0.75rem; - border-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-inplace .p-inplace-display:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-inplace .p-inplace-display:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); -} - -.p-progressbar { - border: 0 none; - height: 1.5rem; - background: #0b213f; - border-radius: 6px; -} -.p-progressbar .p-progressbar-value { - border: 0 none; - margin: 0; - background: #C4B5FD; -} -.p-progressbar .p-progressbar-label { - color: #1c2127; - line-height: 1.5rem; -} - -.p-scrolltop { - width: 3rem; - height: 3rem; - border-radius: 50%; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-scrolltop.p-link { - background: rgba(196, 181, 253, 0.16); -} -.p-scrolltop.p-link:hover { - background: rgba(196, 181, 253, 0.3616); -} -.p-scrolltop .p-scrolltop-icon { - font-size: 1.5rem; - color: rgba(255, 255, 255, 0.87); -} - -.p-skeleton { - background-color: rgba(255, 255, 255, 0.06); - border-radius: 6px; -} -.p-skeleton:after { - background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); -} - -.p-tag { - background: #C4B5FD; - color: #1c2127; - font-size: 0.75rem; - font-weight: 700; - padding: 0.25rem 0.4rem; - border-radius: 6px; -} -.p-tag.p-tag-success { - background-color: #86EFAC; - color: #1c2127; -} -.p-tag.p-tag-info { - background-color: #93C5FD; - color: #1c2127; -} -.p-tag.p-tag-warning { - background-color: #FCD34D; - color: #1c2127; -} -.p-tag.p-tag-danger { - background-color: #FCA5A5; - color: #1c2127; -} -.p-tag .p-tag-icon { - margin-right: 0.25rem; - font-size: 0.75rem; -} - -.p-terminal { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - padding: 1.25rem; -} -.p-terminal .p-terminal-input { - font-size: 1rem; - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; -} - -.p-button-label { - font-weight: 700; -} - -.p-accordion .p-accordion-header .p-accordion-header-link { - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; -} - -.p-tabview .p-tabview-nav li .p-tabview-nav-link { - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-tabview .p-tabview-nav .p-tabview-ink-bar { - z-index: 1; - display: block; - position: absolute; - bottom: 0; - height: 2px; - background-color: #C4B5FD; - transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); -} - -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #C4B5FD; -} - -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #C4B5FD; -} - -.p-button:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(196, 181, 253, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); -} -.p-button.p-button-secondary:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(203, 213, 225, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); -} -.p-button.p-button-success:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(134, 239, 172, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); -} -.p-button.p-button-info:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(147, 197, 253, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); -} -.p-button.p-button-warning:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(252, 211, 77, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); -} -.p-button.p-button-help:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(216, 180, 254, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); -} -.p-button.p-button-danger:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(252, 165, 165, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); -} - -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #C4B5FD; -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #C4B5FD; -} diff --git a/src/assets/theme/lara-dark-teal/theme.css b/src/assets/theme/lara-dark-teal/theme.css deleted file mode 100644 index 1ba2f5e..0000000 --- a/src/assets/theme/lara-dark-teal/theme.css +++ /dev/null @@ -1,5716 +0,0 @@ -:root { - --surface-a:#071426; - --surface-b:#040d19; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#0b213f; - --surface-e:#071426; - --surface-f:#071426; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#5EEAD4; - --primary-color-text:#1c2127; - --font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; - --surface-0: #040d19; - --surface-50: #1d2530; - --surface-100: #363d47; - --surface-200: #4f565e; - --surface-300: #686e75; - --surface-400: #82868c; - --surface-500: #9b9ea3; - --surface-600: #b4b6ba; - --surface-700: #cdcfd1; - --surface-800: #e6e7e8; - --surface-900: #ffffff; - --gray-50: #e6e7e8; - --gray-100: #cdcfd1; - --gray-200: #b4b6ba; - --gray-300: #9b9ea3; - --gray-400: #82868c; - --gray-500: #686e75; - --gray-600: #4f565e; - --gray-700: #363d47; - --gray-800: #1d2530; - --gray-900: #040d19; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#040d19; - --surface-section:#040d19; - --surface-card:#071426; - --surface-overlay:#071426; - --surface-border:#0b213f; - --surface-hover:rgba(255,255,255,.03); - --focus-ring: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); - --maskbg: rgba(0, 0, 0, 0.4); -} - -@font-face { - font-family: "Inter"; - font-style: normal; - font-weight: 300; - src: local(""), url("./fonts/Inter-Light.woff2") format("woff2"), url("./fonts/Inter-Light.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -@font-face { - font-family: "Inter"; - font-style: normal; - font-weight: 400; - src: local(""), url("./fonts/Inter-Regular.woff2") format("woff2"), url("./fonts/Inter-Regular.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -@font-face { - font-family: "Inter"; - font-style: normal; - font-weight: 500; - src: local(""), url("./fonts/Inter-Medium.woff2") format("woff2"), url("./fonts/Inter-Medium.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -@font-face { - font-family: "Inter"; - font-style: normal; - font-weight: 600; - src: local(""), url("./fonts/Inter-SemiBold.woff2") format("woff2"), url("./fonts/Inter-SemiBold.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -@font-face { - font-family: "Inter"; - font-style: normal; - font-weight: 700; - src: local(""), url("./fonts/Inter-Bold.woff2") format("woff2"), url("./fonts/Inter-Bold.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -* { - box-sizing: border-box; -} - -.p-component { - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - font-size: 1rem; - font-weight: normal; -} - -.p-component-overlay { - background-color: rgba(0, 0, 0, 0.4); - transition-duration: 0.2s; -} - -.p-disabled, .p-component:disabled { - opacity: 0.4; -} - -.p-error { - color: #FCA5A5; -} - -.p-text-secondary { - color: rgba(255, 255, 255, 0.6); -} - -.pi { - font-size: 1rem; -} - -.p-link { - font-size: 1rem; - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - border-radius: 6px; -} -.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); -} - -.p-component-overlay-enter { - animation: p-component-overlay-enter-animation 150ms forwards; -} - -.p-component-overlay-leave { - animation: p-component-overlay-leave-animation 150ms forwards; -} - -@keyframes p-component-overlay-enter-animation { - from { - background-color: transparent; - } - to { - background-color: var(--maskbg); - } -} -@keyframes p-component-overlay-leave-animation { - from { - background-color: var(--maskbg); - } - to { - background-color: transparent; - } -} - -:root { - --blue-50:#f5f9ff; - --blue-100:#d0e1fd; - --blue-200:#abc9fb; - --blue-300:#85b2f9; - --blue-400:#609af8; - --blue-500:#3b82f6; - --blue-600:#326fd1; - --blue-700:#295bac; - --blue-800:#204887; - --blue-900:#183462; - --green-50:#f4fcf7; - --green-100:#caf1d8; - --green-200:#a0e6ba; - --green-300:#76db9b; - --green-400:#4cd07d; - --green-500:#22c55e; - --green-600:#1da750; - --green-700:#188a42; - --green-800:#136c34; - --green-900:#0e4f26; - --yellow-50:#fefbf3; - --yellow-100:#faedc4; - --yellow-200:#f6de95; - --yellow-300:#f2d066; - --yellow-400:#eec137; - --yellow-500:#eab308; - --yellow-600:#c79807; - --yellow-700:#a47d06; - --yellow-800:#816204; - --yellow-900:#5e4803; - --cyan-50:#f3fbfd; - --cyan-100:#c3edf5; - --cyan-200:#94e0ed; - --cyan-300:#65d2e4; - --cyan-400:#35c4dc; - --cyan-500:#06b6d4; - --cyan-600:#059bb4; - --cyan-700:#047f94; - --cyan-800:#036475; - --cyan-900:#024955; - --pink-50:#fef6fa; - --pink-100:#fad3e7; - --pink-200:#f7b0d3; - --pink-300:#f38ec0; - --pink-400:#f06bac; - --pink-500:#ec4899; - --pink-600:#c93d82; - --pink-700:#a5326b; - --pink-800:#822854; - --pink-900:#5e1d3d; - --indigo-50:#f7f7fe; - --indigo-100:#dadafc; - --indigo-200:#bcbdf9; - --indigo-300:#9ea0f6; - --indigo-400:#8183f4; - --indigo-500:#6366f1; - --indigo-600:#5457cd; - --indigo-700:#4547a9; - --indigo-800:#363885; - --indigo-900:#282960; - --teal-50:#f3fbfb; - --teal-100:#c7eeea; - --teal-200:#9ae0d9; - --teal-300:#6dd3c8; - --teal-400:#41c5b7; - --teal-500:#14b8a6; - --teal-600:#119c8d; - --teal-700:#0e8174; - --teal-800:#0b655b; - --teal-900:#084a42; - --orange-50:#fff8f3; - --orange-100:#feddc7; - --orange-200:#fcc39b; - --orange-300:#fba86f; - --orange-400:#fa8e42; - --orange-500:#f97316; - --orange-600:#d46213; - --orange-700:#ae510f; - --orange-800:#893f0c; - --orange-900:#642e09; - --bluegray-50:#f7f8f9; - --bluegray-100:#dadee3; - --bluegray-200:#bcc3cd; - --bluegray-300:#9fa9b7; - --bluegray-400:#818ea1; - --bluegray-500:#64748b; - --bluegray-600:#556376; - --bluegray-700:#465161; - --bluegray-800:#37404c; - --bluegray-900:#282e38; - --purple-50:#fbf7ff; - --purple-100:#ead6fd; - --purple-200:#dab6fc; - --purple-300:#c996fa; - --purple-400:#b975f9; - --purple-500:#a855f7; - --purple-600:#8f48d2; - --purple-700:#763cad; - --purple-800:#5c2f88; - --purple-900:#432263; -} - -.p-autocomplete .p-autocomplete-loader { - right: 0.75rem; -} -.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 3.75rem; -} -.p-autocomplete .p-autocomplete-multiple-container { - padding: 0.375rem 0.75rem; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: #5EEAD4; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); - border-color: #5EEAD4; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { - padding: 0.375rem 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - padding: 0; - margin: 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: rgba(94, 234, 212, 0.16); - color: rgba(255, 255, 255, 0.87); - border-radius: 6px; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; -} - -p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #FCA5A5; -} - -.p-autocomplete-panel { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-autocomplete-panel .p-autocomplete-items:not(.p-autocomplete-virtualscroll) { - padding: 0.75rem 0; -} -.p-autocomplete-panel .p-autocomplete-items.p-autocomplete-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.75rem 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #091a32; - font-weight: 700; -} - -p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { - border-color: #FCA5A5; -} - -.p-datepicker { - padding: 0.5rem; - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; -} -.p-datepicker:not(.p-datepicker-inline) { - background: #071426; - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { - background: #071426; -} -.p-datepicker .p-datepicker-header { - padding: 0.5rem; - color: rgba(255, 255, 255, 0.87); - background: #071426; - font-weight: 700; - margin: 0; - border-bottom: 1px solid #0b213f; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev, -.p-datepicker .p-datepicker-header .p-datepicker-next { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); -} -.p-datepicker .p-datepicker-header .p-datepicker-title { - line-height: 2rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - font-weight: 700; - padding: 0.5rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #5EEAD4; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - margin-right: 0.5rem; -} -.p-datepicker table { - font-size: 1rem; - margin: 0.5rem 0; -} -.p-datepicker table th { - padding: 0.5rem; -} -.p-datepicker table th > span { - width: 2.5rem; - height: 2.5rem; -} -.p-datepicker table td { - padding: 0.5rem; -} -.p-datepicker table td > span { - width: 2.5rem; - height: 2.5rem; - border-radius: 50%; - transition: box-shadow 0.2s; - border: 1px solid transparent; -} -.p-datepicker table td > span.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); -} -.p-datepicker table td > span:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); -} -.p-datepicker table td.p-datepicker-today > span { - background: transparent; - color: #5EEAD4; - border-color: transparent; -} -.p-datepicker table td.p-datepicker-today > span.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); -} -.p-datepicker .p-datepicker-buttonbar { - padding: 1rem 0; - border-top: 1px solid #0b213f; -} -.p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; -} -.p-datepicker .p-timepicker { - border-top: 1px solid #0b213f; - padding: 0.5rem; -} -.p-datepicker .p-timepicker button { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-timepicker button:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker .p-timepicker button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); -} -.p-datepicker .p-timepicker button:last-child { - margin-top: 0.2em; -} -.p-datepicker .p-timepicker span { - font-size: 1.25rem; -} -.p-datepicker .p-timepicker > div { - padding: 0 0.5rem; -} -.p-datepicker.p-datepicker-timeonly .p-timepicker { - border-top: 0 none; -} -.p-datepicker .p-monthpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-monthpicker .p-monthpicker-month { - padding: 0.5rem; - transition: box-shadow 0.2s; - border-radius: 6px; -} -.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); -} -.p-datepicker .p-yearpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-yearpicker .p-yearpicker-year { - padding: 0.5rem; - transition: box-shadow 0.2s; - border-radius: 6px; -} -.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #0b213f; - padding-right: 0.5rem; - padding-left: 0.5rem; - padding-top: 0; - padding-bottom: 0; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { - padding-left: 0; - border-left: 0 none; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { - padding-right: 0; -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); -} - -@media screen and (max-width: 769px) { - .p-datepicker table th, .p-datepicker table td { - padding: 0; - } -} -.p-cascadeselect { - background: #040d19; - border: 1px solid #0b213f; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; -} -.p-cascadeselect:not(.p-disabled):hover { - border-color: #5EEAD4; -} -.p-cascadeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); - border-color: #5EEAD4; -} -.p-cascadeselect .p-cascadeselect-label { - background: transparent; - border: 0 none; - padding: 0.75rem 0.75rem; -} -.p-cascadeselect .p-cascadeselect-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-cascadeselect .p-cascadeselect-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-cascadeselect .p-cascadeselect-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 3rem; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -.p-cascadeselect-panel { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-cascadeselect-panel .p-cascadeselect-items { - padding: 0.75rem 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { - margin: 0; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.75rem 1.25rem; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(94, 234, 212, 0.5); -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { - font-size: 0.875rem; -} - -p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #FCA5A5; -} - -.p-input-filled .p-cascadeselect { - background: #0b213f; -} -.p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #0b213f; -} -.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #0b213f; -} - -.p-checkbox { - width: 22px; - height: 22px; -} -.p-checkbox .p-checkbox-box { - border: 2px solid #0b213f; - background: #040d19; - width: 22px; - height: 22px; - color: rgba(255, 255, 255, 0.87); - border-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-checkbox .p-checkbox-box .p-checkbox-icon { - transition-duration: 0.2s; - color: #1c2127; - font-size: 14px; -} -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #5EEAD4; - background: #5EEAD4; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #5EEAD4; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); - border-color: #5EEAD4; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #41e6cc; - background: #41e6cc; - color: #1c2127; -} - -p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #FCA5A5; -} - -.p-input-filled .p-checkbox .p-checkbox-box { - background-color: #0b213f; -} -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #5EEAD4; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #0b213f; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #41e6cc; -} - -.p-checkbox-label { - margin-left: 0.5rem; -} - -.p-chips .p-chips-multiple-container { - padding: 0.375rem 0.75rem; -} -.p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: #5EEAD4; -} -.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); - border-color: #5EEAD4; -} -.p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: rgba(94, 234, 212, 0.16); - color: rgba(255, 255, 255, 0.87); - border-radius: 6px; -} -.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { - margin-left: 0.5rem; -} -.p-chips .p-chips-multiple-container .p-chips-input-token { - padding: 0.375rem 0; -} -.p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - padding: 0; - margin: 0; -} - -p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { - border-color: #FCA5A5; -} - -.p-colorpicker-preview, -.p-fluid .p-colorpicker-preview.p-inputtext { - width: 2rem; - height: 2rem; -} - -.p-colorpicker-panel { - background: #071426; - border: 1px solid #0b213f; -} -.p-colorpicker-panel .p-colorpicker-color-handle, -.p-colorpicker-panel .p-colorpicker-hue-handle { - border-color: rgba(255, 255, 255, 0.87); -} - -.p-colorpicker-overlay-panel { - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} - -.p-dropdown { - background: #040d19; - border: 1px solid #0b213f; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; -} -.p-dropdown:not(.p-disabled):hover { - border-color: #5EEAD4; -} -.p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); - border-color: #5EEAD4; -} -.p-dropdown.p-dropdown-clearable .p-dropdown-label { - padding-right: 1.75rem; -} -.p-dropdown .p-dropdown-label { - background: transparent; - border: 0 none; -} -.p-dropdown .p-dropdown-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-dropdown .p-dropdown-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-dropdown .p-dropdown-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 3rem; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} -.p-dropdown .p-dropdown-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 3rem; -} - -.p-dropdown-panel { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-dropdown-panel .p-dropdown-header { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - background: #071426; - margin: 0; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { - padding-right: 1.75rem; - margin-right: -1.75rem; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} -.p-dropdown-panel .p-dropdown-items:not(.p-dropdown-virtualscroll) { - padding: 0.75rem 0; -} -.p-dropdown-panel .p-dropdown-items.p-dropdown-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.75rem 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #091a32; - font-weight: 700; -} - -p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #FCA5A5; -} - -.p-input-filled .p-dropdown { - background: #0b213f; -} -.p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #0b213f; -} -.p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: #0b213f; -} - -.p-editor-container .p-editor-toolbar { - background: #071426; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #0b213f; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #071426; - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 6px; - padding: 0.75rem 0; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.75rem 1.25rem; -} -.p-editor-container .p-editor-content { - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-editor-container .p-editor-content.ql-snow { - border: 1px solid #0b213f; -} -.p-editor-container .p-editor-content .ql-editor { - background: #040d19; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #5EEAD4; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #5EEAD4; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #5EEAD4; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #5EEAD4; -} - -.p-inputgroup-addon { - background: #071426; - color: rgba(255, 255, 255, 0.6); - border-top: 1px solid #0b213f; - border-left: 1px solid #0b213f; - border-bottom: 1px solid #0b213f; - padding: 0.75rem 0.75rem; - min-width: 3rem; -} -.p-inputgroup-addon:last-child { - border-right: 1px solid #0b213f; -} - -.p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, -.p-inputgroup > .p-float-label > .p-component { - border-radius: 0; - margin: 0; -} -.p-inputgroup > .p-component + .p-inputgroup-addon, -.p-inputgroup > .p-element + .p-inputgroup-addon, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, -.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { - border-left: 0 none; -} -.p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, -.p-inputgroup > .p-float-label > .p-component:focus { - z-index: 1; -} -.p-inputgroup > .p-component:focus ~ label, -.p-inputgroup > .p-element:focus ~ label, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, -.p-inputgroup > .p-float-label > .p-component:focus ~ label { - z-index: 1; -} - -.p-inputgroup-addon:first-child, -.p-inputgroup button:first-child, -.p-inputgroup input:first-child, -.p-inputgroup > .p-inputwrapper:first-child > .p-component, -.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.p-inputgroup .p-float-label:first-child input { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.p-inputgroup-addon:last-child, -.p-inputgroup button:last-child, -.p-inputgroup input:last-child, -.p-inputgroup > .p-inputwrapper:last-child > .p-component, -.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -.p-inputgroup .p-float-label:last-child input { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -.p-fluid .p-inputgroup .p-button { - width: auto; -} -.p-fluid .p-inputgroup .p-button.p-button-icon-only { - width: 3rem; -} - -p-inputmask.ng-dirty.ng-invalid > .p-inputtext { - border-color: #FCA5A5; -} - -p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { - border-color: #FCA5A5; -} - -.p-inputswitch { - width: 3rem; - height: 1.75rem; -} -.p-inputswitch .p-inputswitch-slider { - background: #233752; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 30px; -} -.p-inputswitch .p-inputswitch-slider:before { - background: rgba(255, 255, 255, 0.6); - width: 1.25rem; - height: 1.25rem; - left: 0.25rem; - margin-top: -0.625rem; - border-radius: 50%; - transition-duration: 0.2s; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - transform: translateX(1.25rem); -} -.p-inputswitch.p-focus .p-inputswitch-slider { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); -} -.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #0b213f; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #5EEAD4; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: rgba(255, 255, 255, 0.87); -} -.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #4fe8d0; -} - -p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { - border-color: #FCA5A5; -} - -.p-inputtext { - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - background: #040d19; - padding: 0.75rem 0.75rem; - border: 1px solid #0b213f; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - appearance: none; - border-radius: 6px; -} -.p-inputtext:enabled:hover { - border-color: #5EEAD4; -} -.p-inputtext:enabled:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); - border-color: #5EEAD4; -} -.p-inputtext.ng-dirty.ng-invalid { - border-color: #FCA5A5; -} -.p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.65625rem 0.65625rem; -} -.p-inputtext.p-inputtext-lg { - font-size: 1.25rem; - padding: 0.9375rem 0.9375rem; -} - -.p-float-label > label { - left: 0.75rem; - color: rgba(255, 255, 255, 0.6); - transition-duration: 0.2s; -} - -.p-float-label > .ng-invalid.ng-dirty + label { - color: #FCA5A5; -} - -.p-input-icon-left > i:first-of-type { - left: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} - -.p-input-icon-left > .p-inputtext { - padding-left: 2.5rem; -} - -.p-input-icon-left.p-float-label > label { - left: 2.5rem; -} - -.p-input-icon-right > i:last-of-type { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} - -.p-input-icon-right > .p-inputtext { - padding-right: 2.5rem; -} - -::-webkit-input-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -:-moz-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -::-moz-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -:-ms-input-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -.p-input-filled .p-inputtext { - background-color: #0b213f; -} -.p-input-filled .p-inputtext:enabled:hover { - background-color: #0b213f; -} -.p-input-filled .p-inputtext:enabled:focus { - background-color: #0b213f; -} - -.p-inputtext-sm .p-inputtext { - font-size: 0.875rem; - padding: 0.65625rem 0.65625rem; -} - -.p-inputtext-lg .p-inputtext { - font-size: 1.25rem; - padding: 0.9375rem 0.9375rem; -} - -.p-listbox { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; -} -.p-listbox .p-listbox-header { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - background: #071426; - margin: 0; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-listbox .p-listbox-header .p-listbox-filter { - padding-right: 1.75rem; -} -.p-listbox .p-listbox-header .p-listbox-filter-icon { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} -.p-listbox .p-listbox-header .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list { - padding: 0.75rem 0; -} -.p-listbox .p-listbox-list .p-listbox-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); -} -.p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(94, 234, 212, 0.5); -} -.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list .p-listbox-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #091a32; - font-weight: 700; -} -.p-listbox .p-listbox-list .p-listbox-empty-message { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} - -p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #FCA5A5; -} - -.p-multiselect { - background: #040d19; - border: 1px solid #0b213f; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; -} -.p-multiselect:not(.p-disabled):hover { - border-color: #5EEAD4; -} -.p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); - border-color: #5EEAD4; -} -.p-multiselect .p-multiselect-label { - padding: 0.75rem 0.75rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-multiselect .p-multiselect-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-multiselect.p-multiselect-chip .p-multiselect-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: rgba(94, 234, 212, 0.16); - color: rgba(255, 255, 255, 0.87); - border-radius: 6px; -} -.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { - margin-left: 0.5rem; -} -.p-multiselect .p-multiselect-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 3rem; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { - padding: 0.375rem 0.75rem; -} - -.p-multiselect-panel { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-multiselect-panel .p-multiselect-header { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - background: #071426; - margin: 0; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { - padding-right: 1.75rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} -.p-multiselect-panel .p-multiselect-header .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close { - margin-left: 0.5rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); -} -.p-multiselect-panel .p-multiselect-items:not(.p-multiselect-virtualscroll) { - padding: 0.75rem 0; -} -.p-multiselect-panel .p-multiselect-items.p-multiselect-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.75rem 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(94, 234, 212, 0.5); -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #091a32; - font-weight: 700; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} - -p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #FCA5A5; -} - -.p-input-filled .p-multiselect { - background: #0b213f; -} -.p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #0b213f; -} -.p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #0b213f; -} - -p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #FCA5A5; -} - -.p-password-panel { - padding: 1.25rem; - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 6px; -} -.p-password-panel .p-password-meter { - margin-bottom: 0.5rem; - background: #0b213f; -} -.p-password-panel .p-password-meter .p-password-strength.weak { - background: #eb9a9c; -} -.p-password-panel .p-password-meter .p-password-strength.medium { - background: #ffcf91; -} -.p-password-panel .p-password-meter .p-password-strength.strong { - background: #93deac; -} - -.p-radiobutton { - width: 22px; - height: 22px; -} -.p-radiobutton .p-radiobutton-box { - border: 2px solid #0b213f; - background: #040d19; - width: 22px; - height: 22px; - color: rgba(255, 255, 255, 0.87); - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #5EEAD4; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); - border-color: #5EEAD4; -} -.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - width: 12px; - height: 12px; - transition-duration: 0.2s; - background-color: #1c2127; -} -.p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #5EEAD4; - background: #5EEAD4; -} -.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #41e6cc; - background: #41e6cc; - color: #1c2127; -} - -p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #FCA5A5; -} - -.p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #0b213f; -} -.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #0b213f; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #5EEAD4; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #41e6cc; -} - -.p-radiobutton-label { - margin-left: 0.5rem; -} - -.p-rating .p-rating-icon { - color: rgba(255, 255, 255, 0.87); - margin-left: 0.5rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - font-size: 1.143rem; -} -.p-rating .p-rating-icon.p-rating-cancel { - color: #F48FB1; -} -.p-rating .p-rating-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); -} -.p-rating .p-rating-icon:first-child { - margin-left: 0; -} -.p-rating .p-rating-icon.pi-star-fill { - color: #5EEAD4; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { - color: #5EEAD4; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - color: #F48FB1; -} - -.p-selectbutton .p-button { - background: #071426; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-selectbutton .p-button .p-button-icon-left, -.p-selectbutton .p-button .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; - color: rgba(255, 255, 255, 0.87); -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-selectbutton .p-button.p-highlight { - background: #5EEAD4; - border-color: #5EEAD4; - color: #1c2127; -} -.p-selectbutton .p-button.p-highlight .p-button-icon-left, -.p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: #1c2127; -} -.p-selectbutton .p-button.p-highlight:hover { - background: #4fe8d0; - border-color: #4fe8d0; - color: #1c2127; -} -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: #1c2127; -} - -p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #FCA5A5; -} - -.p-slider { - background: #0b213f; - border: 0 none; - border-radius: 6px; -} -.p-slider.p-slider-horizontal { - height: 0.286rem; -} -.p-slider.p-slider-horizontal .p-slider-handle { - margin-top: -0.5715rem; - margin-left: -0.5715rem; -} -.p-slider.p-slider-vertical { - width: 0.286rem; -} -.p-slider.p-slider-vertical .p-slider-handle { - margin-left: -0.5715rem; - margin-bottom: -0.5715rem; -} -.p-slider .p-slider-handle { - height: 1.143rem; - width: 1.143rem; - background: #0b213f; - border: 2px solid #5EEAD4; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-slider .p-slider-handle:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); -} -.p-slider .p-slider-range { - background: #5EEAD4; -} -.p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #5EEAD4; - border-color: #5EEAD4; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { - transition: width 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { - transition: height 0.2s; -} - -.p-togglebutton.p-button { - background: #071426; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-togglebutton.p-button .p-button-icon-left, -.p-togglebutton.p-button .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; - color: rgba(255, 255, 255, 0.87); -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-togglebutton.p-button.p-highlight { - background: #5EEAD4; - border-color: #5EEAD4; - color: #1c2127; -} -.p-togglebutton.p-button.p-highlight .p-button-icon-left, -.p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: #1c2127; -} -.p-togglebutton.p-button.p-highlight:hover { - background: #4fe8d0; - border-color: #4fe8d0; - color: #1c2127; -} -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: #1c2127; -} - -p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #FCA5A5; -} - -.p-treeselect { - background: #040d19; - border: 1px solid #0b213f; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; -} -.p-treeselect:not(.p-disabled):hover { - border-color: #5EEAD4; -} -.p-treeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); - border-color: #5EEAD4; -} -.p-treeselect .p-treeselect-label { - padding: 0.75rem 0.75rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-treeselect .p-treeselect-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-treeselect.p-treeselect-chip .p-treeselect-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #0b213f; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; -} -.p-treeselect .p-treeselect-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 3rem; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -p-treeselect.ng-invalid.ng-dirty > .p-treeselect { - border-color: #FCA5A5; -} - -.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { - padding: 0.375rem 0.75rem; -} - -.p-treeselect-panel { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { - border: 0 none; -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} - -.p-input-filled .p-treeselect { - background: #0b213f; -} -.p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #0b213f; -} -.p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: #0b213f; -} - -.p-button { - color: #1c2127; - background: #5EEAD4; - border: 1px solid #5EEAD4; - padding: 0.75rem 1.25rem; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; -} -.p-button:enabled:hover { - background: #4fe8d0; - color: #1c2127; - border-color: #4fe8d0; -} -.p-button:enabled:active { - background: #41e6cc; - color: #1c2127; - border-color: #41e6cc; -} -.p-button.p-button-outlined { - background-color: transparent; - color: #5EEAD4; - border: 1px solid; -} -.p-button.p-button-outlined:enabled:hover { - background: rgba(94, 234, 212, 0.04); - color: #5EEAD4; - border: 1px solid; -} -.p-button.p-button-outlined:enabled:active { - background: rgba(94, 234, 212, 0.16); - color: #5EEAD4; - border: 1px solid; -} -.p-button.p-button-outlined.p-button-plain { - color: rgba(255, 255, 255, 0.6); - border-color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-outlined.p-button-plain:enabled:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-outlined.p-button-plain:enabled:active { - background: rgba(255, 255, 255, 0.16); - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-text { - background-color: transparent; - color: #5EEAD4; - border-color: transparent; -} -.p-button.p-button-text:enabled:hover { - background: rgba(94, 234, 212, 0.04); - color: #5EEAD4; - border-color: transparent; -} -.p-button.p-button-text:enabled:active { - background: rgba(94, 234, 212, 0.16); - color: #5EEAD4; - border-color: transparent; -} -.p-button.p-button-text.p-button-plain { - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-text.p-button-plain:enabled:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-text.p-button-plain:enabled:active { - background: rgba(255, 255, 255, 0.16); - color: rgba(255, 255, 255, 0.6); -} -.p-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); -} -.p-button .p-button-icon-left { - margin-right: 0.5rem; -} -.p-button .p-button-icon-right { - margin-left: 0.5rem; -} -.p-button .p-button-icon-bottom { - margin-top: 0.5rem; -} -.p-button .p-button-icon-top { - margin-bottom: 0.5rem; -} -.p-button .p-badge { - margin-left: 0.5rem; - min-width: 1rem; - height: 1rem; - line-height: 1rem; - color: #5EEAD4; - background-color: #1c2127; -} -.p-button.p-button-raised { - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); -} -.p-button.p-button-rounded { - border-radius: 2rem; -} -.p-button.p-button-icon-only { - width: 3rem; - padding: 0.75rem 0; -} -.p-button.p-button-icon-only .p-button-icon-left, -.p-button.p-button-icon-only .p-button-icon-right { - margin: 0; -} -.p-button.p-button-icon-only.p-button-rounded { - border-radius: 50%; - height: 3rem; -} -.p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.65625rem 1.09375rem; -} -.p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; -} -.p-button.p-button-lg { - font-size: 1.25rem; - padding: 0.9375rem 1.5625rem; -} -.p-button.p-button-lg .p-button-icon { - font-size: 1.25rem; -} -.p-button.p-button-loading-label-only .p-button-label { - margin-left: 0.5rem; -} -.p-button.p-button-loading-label-only .p-button-loading-icon { - margin-right: 0; -} - -.p-fluid .p-button { - width: 100%; -} -.p-fluid .p-button-icon-only { - width: 3rem; -} -.p-fluid .p-buttonset { - display: flex; -} -.p-fluid .p-buttonset .p-button { - flex: 1; -} - -.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { - color: #1c2127; - background: #CBD5E1; - border: 1px solid #CBD5E1; -} -.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { - background: #b0bfd1; - color: #1c2127; - border-color: #b0bfd1; -} -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #dbe2ea; -} -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: #95a9c2; - color: #1c2127; - border-color: #95a9c2; -} -.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { - background-color: transparent; - color: #CBD5E1; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { - background: rgba(203, 213, 225, 0.04); - color: #CBD5E1; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { - background: rgba(203, 213, 225, 0.16); - color: #CBD5E1; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { - background-color: transparent; - color: #CBD5E1; - border-color: transparent; -} -.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { - background: rgba(203, 213, 225, 0.04); - border-color: transparent; - color: #CBD5E1; -} -.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { - background: rgba(203, 213, 225, 0.16); - border-color: transparent; - color: #CBD5E1; -} - -.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { - color: #1c2127; - background: #93C5FD; - border: 1px solid #93C5FD; -} -.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { - background: #6cb0fc; - color: #1c2127; - border-color: #6cb0fc; -} -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #b3d6fe; -} -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: #449bfc; - color: #1c2127; - border-color: #449bfc; -} -.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { - background-color: transparent; - color: #93C5FD; - border: 1px solid; -} -.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; - border: 1px solid; -} -.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { - background: rgba(147, 197, 253, 0.16); - color: #93C5FD; - border: 1px solid; -} -.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { - background-color: transparent; - color: #93C5FD; - border-color: transparent; -} -.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { - background: rgba(147, 197, 253, 0.04); - border-color: transparent; - color: #93C5FD; -} -.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { - background: rgba(147, 197, 253, 0.16); - border-color: transparent; - color: #93C5FD; -} - -.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { - color: #1c2127; - background: #86EFAC; - border: 1px solid #86EFAC; -} -.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { - background: #65eb95; - color: #1c2127; - border-color: #65eb95; -} -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #aaf4c5; -} -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: #44e67f; - color: #1c2127; - border-color: #44e67f; -} -.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { - background-color: transparent; - color: #86EFAC; - border: 1px solid; -} -.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { - background: rgba(134, 239, 172, 0.04); - color: #86EFAC; - border: 1px solid; -} -.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { - background: rgba(134, 239, 172, 0.16); - color: #86EFAC; - border: 1px solid; -} -.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { - background-color: transparent; - color: #86EFAC; - border-color: transparent; -} -.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { - background: rgba(134, 239, 172, 0.04); - border-color: transparent; - color: #86EFAC; -} -.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { - background: rgba(134, 239, 172, 0.16); - border-color: transparent; - color: #86EFAC; -} - -.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { - color: #1c2127; - background: #FCD34D; - border: 1px solid #FCD34D; -} -.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { - background: #fbcb2d; - color: #1c2127; - border-color: #fbcb2d; -} -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #fde082; -} -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: #fbc30c; - color: #1c2127; - border-color: #fbc30c; -} -.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { - background-color: transparent; - color: #FCD34D; - border: 1px solid; -} -.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { - background: rgba(252, 211, 77, 0.04); - color: #FCD34D; - border: 1px solid; -} -.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { - background: rgba(252, 211, 77, 0.16); - color: #FCD34D; - border: 1px solid; -} -.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { - background-color: transparent; - color: #FCD34D; - border-color: transparent; -} -.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { - background: rgba(252, 211, 77, 0.04); - border-color: transparent; - color: #FCD34D; -} -.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { - background: rgba(252, 211, 77, 0.16); - border-color: transparent; - color: #FCD34D; -} - -.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { - color: #1c2127; - background: #D8B4FE; - border: 1px solid #D8B4FE; -} -.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { - background: #c289fd; - color: #1c2127; - border-color: #c289fd; -} -.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #e4cbfe; -} -.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: #ab5efd; - color: #1c2127; - border-color: #ab5efd; -} -.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { - background-color: transparent; - color: #D8B4FE; - border: 1px solid; -} -.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { - background: rgba(216, 180, 254, 0.04); - color: #D8B4FE; - border: 1px solid; -} -.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { - background: rgba(216, 180, 254, 0.16); - color: #D8B4FE; - border: 1px solid; -} -.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { - background-color: transparent; - color: #D8B4FE; - border-color: transparent; -} -.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { - background: rgba(216, 180, 254, 0.04); - border-color: transparent; - color: #D8B4FE; -} -.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { - background: rgba(216, 180, 254, 0.16); - border-color: transparent; - color: #D8B4FE; -} - -.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { - color: #1c2127; - background: #FCA5A5; - border: 1px solid #FCA5A5; -} -.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { - background: #fb7d7d; - color: #1c2127; - border-color: #fb7d7d; -} -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #fdc0c0; -} -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: #f95454; - color: #1c2127; - border-color: #f95454; -} -.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { - background-color: transparent; - color: #FCA5A5; - border: 1px solid; -} -.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { - background: rgba(252, 165, 165, 0.04); - color: #FCA5A5; - border: 1px solid; -} -.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { - background: rgba(252, 165, 165, 0.16); - color: #FCA5A5; - border: 1px solid; -} -.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { - background-color: transparent; - color: #FCA5A5; - border-color: transparent; -} -.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { - background: rgba(252, 165, 165, 0.04); - border-color: transparent; - color: #FCA5A5; -} -.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { - background: rgba(252, 165, 165, 0.16); - border-color: transparent; - color: #FCA5A5; -} - -.p-button.p-button-link { - color: #5EEAD4; - background: transparent; - border: transparent; -} -.p-button.p-button-link:enabled:hover { - background: transparent; - color: #5EEAD4; - border-color: transparent; -} -.p-button.p-button-link:enabled:hover .p-button-label { - text-decoration: underline; -} -.p-button.p-button-link:enabled:focus { - background: transparent; - box-shadow: 0 0 0 1px rgba(94, 234, 212, 0.5); - border-color: transparent; -} -.p-button.p-button-link:enabled:active { - background: transparent; - color: #5EEAD4; - border-color: transparent; -} - -.p-speeddial-button.p-button.p-button-icon-only { - width: 4rem; - height: 4rem; -} -.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { - font-size: 1.3rem; -} - -.p-speeddial-action { - width: 3rem; - height: 3rem; - background: rgba(255, 255, 255, 0.87); - color: #040d19; -} -.p-speeddial-action:hover { - background: rgba(255, 255, 255, 0.6); - color: #040d19; -} - -.p-speeddial-direction-up .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-up .p-speeddial-item:first-child { - margin-bottom: 0.5rem; -} - -.p-speeddial-direction-down .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-down .p-speeddial-item:first-child { - margin-top: 0.5rem; -} - -.p-speeddial-direction-left .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-left .p-speeddial-item:first-child { - margin-right: 0.5rem; -} - -.p-speeddial-direction-right .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-right .p-speeddial-item:first-child { - margin-left: 0.5rem; -} - -.p-speeddial-circle .p-speeddial-item, -.p-speeddial-semi-circle .p-speeddial-item, -.p-speeddial-quarter-circle .p-speeddial-item { - margin: 0; -} -.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, -.p-speeddial-semi-circle .p-speeddial-item:first-child, -.p-speeddial-semi-circle .p-speeddial-item:last-child, -.p-speeddial-quarter-circle .p-speeddial-item:first-child, -.p-speeddial-quarter-circle .p-speeddial-item:last-child { - margin: 0; -} - -.p-speeddial-mask { - background-color: rgba(0, 0, 0, 0.4); -} - -.p-carousel .p-carousel-content .p-carousel-prev, -.p-carousel .p-carousel-content .p-carousel-next { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin: 0.5rem; -} -.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, -.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); -} -.p-carousel .p-carousel-indicators { - padding: 1rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator { - margin-right: 0.5rem; - margin-bottom: 0.5rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: #0b213f; - width: 2rem; - height: 0.5rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 0; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { - background: rgba(255, 255, 255, 0.03); -} -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: rgba(94, 234, 212, 0.16); - color: rgba(255, 255, 255, 0.87); -} - -.p-datatable .p-paginator-top { - border-width: 1px 0 1px 0; - border-radius: 0; -} -.p-datatable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-datatable .p-datatable-header { - background: #071426; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; -} -.p-datatable .p-datatable-footer { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; -} -.p-datatable .p-datatable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #071426; - transition: box-shadow 0.2s; -} -.p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #071426; -} -.p-datatable .p-sortable-column .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column.p-highlight { - background: rgba(94, 234, 212, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column.p-highlight:hover { - background: rgba(94, 234, 212, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column:focus { - box-shadow: inset 0 0 0 1px rgba(94, 234, 212, 0.5); - outline: 0 none; -} -.p-datatable .p-datatable-tbody > tr { - background: #071426; - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - outline-color: rgba(94, 234, 212, 0.5); -} -.p-datatable .p-datatable-tbody > tr > td { - text-align: left; - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - padding: 1rem 1rem; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); -} -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { - margin-right: 0.5rem; -} -.p-datatable .p-datatable-tbody > tr.p-highlight { - background: rgba(94, 234, 212, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 rgba(94, 234, 212, 0.16); -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 rgba(94, 234, 212, 0.16); -} -.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-column-resizer-helper { - background: #5EEAD4; -} -.p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #071426; -} -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot { - background-color: #071426; -} -.p-datatable .p-datatable-loading-icon { - font-size: 2rem; -} -.p-datatable.p-datatable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-footer { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-top { - border-width: 0 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-bottom { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { - background: rgba(255, 255, 255, 0.01); -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: rgba(94, 234, 212, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: rgba(255, 255, 255, 0.87); -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: rgba(255, 255, 255, 0.87); -} -.p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-lg .p-datatable-header { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-footer { - padding: 1.25rem 1.25rem; -} - -.p-dataview .p-paginator-top { - border-width: 1px 0 1px 0; - border-radius: 0; -} -.p-dataview .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-dataview .p-dataview-header { - background: #071426; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; -} -.p-dataview .p-dataview-content { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; -} -.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid #0b213f; - border-width: 0 0 1px 0; -} -.p-dataview .p-dataview-footer { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} -.p-dataview .p-dataview-loading-icon { - font-size: 2rem; -} -.p-dataview .p-dataview-emptymessage { - padding: 1.25rem; -} - -.p-column-filter-row .p-column-filter-menu-button, -.p-column-filter-row .p-column-filter-clear-button { - margin-left: 0.5rem; -} - -.p-column-filter-menu-button { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-menu-button:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: rgba(94, 234, 212, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-column-filter-menu-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); -} - -.p-column-filter-clear-button { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-clear-button:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-column-filter-clear-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); -} - -.p-column-filter-overlay { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - min-width: 12.5rem; -} -.p-column-filter-overlay .p-column-filter-row-items { - padding: 0.75rem 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(94, 234, 212, 0.5); -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #0b213f; - margin: 0.25rem 0; -} - -.p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - background: #071426; - margin: 0; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-column-filter-overlay-menu .p-column-filter-constraint { - padding: 1.25rem; - border-bottom: 1px solid #0b213f; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { - margin-bottom: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { - margin-top: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { - border-bottom: 0 none; -} -.p-column-filter-overlay-menu .p-column-filter-add-rule { - padding: 0.75rem 1.25rem; -} -.p-column-filter-overlay-menu .p-column-filter-buttonbar { - padding: 1.25rem; -} - -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #071426; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #071426; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #0b213f; -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #0b213f; -} -.fc.fc-unthemed .fc-view-container .fc-event { - background: #4fe8d0; - border: 1px solid #4fe8d0; - color: #1c2127; -} -.fc.fc-unthemed .fc-view-container .fc-divider { - background: #071426; - border: 1px solid #0b213f; -} -.fc.fc-unthemed .fc-toolbar .fc-button { - color: #1c2127; - background: #5EEAD4; - border: 1px solid #5EEAD4; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; - display: flex; - align-items: center; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #4fe8d0; - color: #1c2127; - border-color: #4fe8d0; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #41e6cc; - color: #1c2127; - border-color: #41e6cc; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #071426; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #5EEAD4; - border-color: #5EEAD4; - color: #1c2127; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #4fe8d0; - border-color: #4fe8d0; - color: #1c2127; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); - z-index: 1; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} -.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #0b213f; -} -.fc.fc-theme-standard .fc-view-harness th { - background: #071426; - border-color: #0b213f; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness td { - color: rgba(255, 255, 255, 0.87); - border-color: #0b213f; -} -.fc.fc-theme-standard .fc-view-harness .fc-view { - background: #071426; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #0b213f; - padding: 1.25rem; - background: #071426; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1.25rem; - border: 1px solid #0b213f; - background: #071426; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #1c2127; - background: #4fe8d0; - border-color: #4fe8d0; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #1c2127; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #4fe8d0; - border-color: #4fe8d0; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #071426; -} -.fc.fc-theme-standard .fc-toolbar .fc-button { - color: #1c2127; - background: #5EEAD4; - border: 1px solid #5EEAD4; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #4fe8d0; - color: #1c2127; - border-color: #4fe8d0; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #41e6cc; - color: #1c2127; - border-color: #41e6cc; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); -} -.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.4; - color: #1c2127; - background: #5EEAD4; - border: 1px solid #5EEAD4; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #071426; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #5EEAD4; - border-color: #5EEAD4; - color: #1c2127; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #4fe8d0; - border-color: #4fe8d0; - color: #1c2127; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); - z-index: 1; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} -.fc.fc-theme-standard a { - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); -} - -.p-orderlist .p-orderlist-controls { - padding: 1.25rem; -} -.p-orderlist .p-orderlist-controls .p-button { - margin-bottom: 0.5rem; -} -.p-orderlist .p-orderlist-header { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - padding: 1.25rem; - border-bottom: 0 none; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-orderlist .p-orderlist-header .p-orderlist-title { - font-weight: 700; -} -.p-orderlist .p-orderlist-filter-container { - padding: 1.25rem; - background: #071426; - border: 1px solid #0b213f; - border-bottom: 0 none; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { - padding-right: 1.75rem; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} -.p-orderlist .p-orderlist-list { - border: 1px solid #0b213f; - background: #071426; - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-orderlist .p-orderlist-list .p-orderlist-item { - padding: 0.75rem 1.25rem; - margin: 0; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; -} -.p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(94, 234, 212, 0.5); -} -.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); -} -.p-orderlist .p-orderlist-list .p-orderlist-empty-message { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); -} -.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} - -.p-orderlist-item.cdk-drag-preview { - padding: 0.75rem 1.25rem; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #071426; - margin: 0; -} - -.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-organizationchart .p-organizationchart-node-content.p-highlight { - background: rgba(94, 234, 212, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: rgba(23, 177, 153, 0.16); -} -.p-organizationchart .p-organizationchart-line-down { - background: #0b213f; -} -.p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #0b213f; - border-color: #0b213f; -} -.p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #0b213f; - border-color: #0b213f; -} -.p-organizationchart .p-organizationchart-node-content { - border: 1px solid #0b213f; - background: #071426; - color: rgba(255, 255, 255, 0.87); - padding: 1.25rem; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler { - background: inherit; - color: inherit; - border-radius: 50%; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); -} - -.p-paginator { - background: #071426; - color: rgba(255, 255, 255, 0.6); - border: solid #0b213f; - border-width: 1px; - padding: 0.5rem 1rem; - border-radius: 6px; -} -.p-paginator .p-paginator-first, -.p-paginator .p-paginator-prev, -.p-paginator .p-paginator-next, -.p-paginator .p-paginator-last { - background-color: transparent; - border: 0 none; - color: rgba(255, 255, 255, 0.6); - min-width: 3rem; - height: 3rem; - margin: 0.143rem; - transition: box-shadow 0.2s; - border-radius: 6px; -} -.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - border-color: transparent; - color: rgba(255, 255, 255, 0.87); -} -.p-paginator .p-paginator-first { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-paginator .p-paginator-last { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} -.p-paginator .p-dropdown { - margin-left: 0.5rem; - margin-right: 0.5rem; - height: 3rem; -} -.p-paginator .p-dropdown .p-dropdown-label { - padding-right: 0; -} -.p-paginator .p-paginator-page-input { - margin-left: 0.5rem; - margin-right: 0.5rem; -} -.p-paginator .p-paginator-page-input .p-inputtext { - max-width: 3rem; -} -.p-paginator .p-paginator-current { - background-color: transparent; - border: 0 none; - color: rgba(255, 255, 255, 0.6); - min-width: 3rem; - height: 3rem; - margin: 0.143rem; - padding: 0 0.5rem; -} -.p-paginator .p-paginator-pages .p-paginator-page { - background-color: transparent; - border: 0 none; - color: rgba(255, 255, 255, 0.6); - min-width: 3rem; - height: 3rem; - margin: 0.143rem; - transition: box-shadow 0.2s; - border-radius: 6px; -} -.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: rgba(94, 234, 212, 0.16); - border-color: rgba(94, 234, 212, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - border-color: transparent; - color: rgba(255, 255, 255, 0.87); -} - -.p-picklist .p-picklist-buttons { - padding: 1.25rem; -} -.p-picklist .p-picklist-buttons .p-button { - margin-bottom: 0.5rem; -} -.p-picklist .p-picklist-header { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - padding: 1.25rem; - border-bottom: 0 none; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-picklist .p-picklist-header .p-picklist-title { - font-weight: 700; -} -.p-picklist .p-picklist-filter-container { - padding: 1.25rem; - background: #071426; - border: 1px solid #0b213f; - border-bottom: 0 none; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-input { - padding-right: 1.75rem; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} -.p-picklist .p-picklist-list { - border: 1px solid #0b213f; - background: #071426; - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-picklist .p-picklist-list .p-picklist-item { - padding: 0.75rem 1.25rem; - margin: 0; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; -} -.p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(94, 234, 212, 0.5); -} -.p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); -} -.p-picklist .p-picklist-list .p-picklist-empty-message { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); -} -.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} - -.p-picklist-item.cdk-drag-preview { - padding: 0.75rem 1.25rem; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #071426; - margin: 0; -} - -.p-timeline .p-timeline-event-marker { - border: 2px solid #5EEAD4; - border-radius: 50%; - width: 1rem; - height: 1rem; - background-color: #1c2127; -} -.p-timeline .p-timeline-event-connector { - background-color: #0b213f; -} -.p-timeline.p-timeline-vertical .p-timeline-event-opposite, -.p-timeline.p-timeline-vertical .p-timeline-event-content { - padding: 0 1rem; -} -.p-timeline.p-timeline-vertical .p-timeline-event-connector { - width: 2px; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, -.p-timeline.p-timeline-horizontal .p-timeline-event-content { - padding: 1rem 0; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-connector { - height: 2px; -} - -.p-tree { - border: 1px solid #0b213f; - background: #071426; - color: rgba(255, 255, 255, 0.87); - padding: 1.25rem; - border-radius: 6px; -} -.p-tree .p-tree-container .p-treenode { - padding: 0.143rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content { - border-radius: 6px; - transition: box-shadow 0.2s; - padding: 0.5rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { - margin-right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: rgba(94, 234, 212, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-filter-container { - margin-bottom: 0.5rem; -} -.p-tree .p-tree-filter-container .p-tree-filter { - width: 100%; - padding-right: 1.75rem; -} -.p-tree .p-tree-filter-container .p-tree-filter-icon { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} -.p-tree .p-treenode-children { - padding: 0 0 0 1rem; -} -.p-tree .p-tree-loading-icon { - font-size: 2rem; -} -.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: rgba(36, 226, 197, 0.16); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { - border-radius: 6px; - border: 1px solid #0b213f; - background-color: #071426; - color: rgba(255, 255, 255, 0.87); - padding: 0.5rem; - transition: box-shadow 0.2s; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { - background-color: rgba(94, 234, 212, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { - background-color: inherit; - color: inherit; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); -} - -.p-treetable .p-paginator-top { - border-width: 1px 0 1px 0; - border-radius: 0; -} -.p-treetable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-treetable .p-treetable-header { - background: #071426; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; -} -.p-treetable .p-treetable-footer { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; -} -.p-treetable .p-treetable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #071426; - transition: box-shadow 0.2s; -} -.p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #071426; -} -.p-treetable .p-sortable-column { - outline-color: rgba(94, 234, 212, 0.5); -} -.p-treetable .p-sortable-column .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-sortable-column.p-highlight { - background: rgba(94, 234, 212, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-treetable-tbody > tr { - background: #071426; - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - outline-color: rgba(94, 234, 212, 0.5); -} -.p-treetable .p-treetable-tbody > tr > td { - text-align: left; - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - padding: 1rem 1rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-treetable-tbody > tr.p-highlight { - background: rgba(94, 234, 212, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-column-resizer-helper { - background: #5EEAD4; -} -.p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #071426; -} -.p-treetable .p-treetable-loading-icon { - font-size: 2rem; -} -.p-treetable.p-treetable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-footer { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-top { - border-width: 0 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-bottom { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-sm .p-treetable-header { - padding: 0.875rem 0.875rem; -} -.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-footer { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-lg .p-treetable-header { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-footer { - padding: 1.25rem 1.25rem; -} - -.p-virtualscroller .p-virtualscroller-header { - background: #071426; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; -} -.p-virtualscroller .p-virtualscroller-content { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; -} -.p-virtualscroller .p-virtualscroller-footer { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.p-accordion .p-accordion-header .p-accordion-header-link { - padding: 1.25rem; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - background: #071426; - font-weight: 700; - border-radius: 6px; - transition: box-shadow 0.2s; -} -.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { - margin-right: 0.5rem; -} -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); -} -.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { - background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; - color: rgba(255, 255, 255, 0.87); -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #071426; - border-color: #0b213f; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-color: #0b213f; - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-accordion .p-accordion-content { - padding: 1.25rem; - border: 1px solid #0b213f; - background: #071426; - color: rgba(255, 255, 255, 0.87); - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-accordion p-accordiontab .p-accordion-tab { - margin-bottom: 4px; -} - -.p-card { - background: #071426; - color: rgba(255, 255, 255, 0.87); - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); - border-radius: 6px; -} -.p-card .p-card-body { - padding: 1.25rem; -} -.p-card .p-card-title { - font-size: 1.5rem; - font-weight: 700; - margin-bottom: 0.5rem; -} -.p-card .p-card-subtitle { - font-weight: 400; - margin-bottom: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-card .p-card-content { - padding: 1.25rem 0; -} -.p-card .p-card-footer { - padding: 1.25rem 0 0 0; -} - -.p-divider .p-divider-content { - background-color: #071426; -} -.p-divider.p-divider-horizontal { - margin: 1.25rem 0; - padding: 0 1.25rem; -} -.p-divider.p-divider-horizontal:before { - border-top: 1px #0b213f; -} -.p-divider.p-divider-horizontal .p-divider-content { - padding: 0 0.5rem; -} -.p-divider.p-divider-vertical { - margin: 0 1.25rem; - padding: 1.25rem 0; -} -.p-divider.p-divider-vertical:before { - border-left: 1px #0b213f; -} -.p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; -} - -.p-fieldset { - border: 1px solid #0b213f; - background: #071426; - color: rgba(255, 255, 255, 0.87); - border-radius: 6px; -} -.p-fieldset .p-fieldset-legend { - padding: 1.25rem; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - background: #071426; - font-weight: 700; - border-radius: 6px; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { - padding: 0; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { - padding: 1.25rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 6px; - transition: box-shadow 0.2s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { - margin-right: 0.5rem; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; - color: rgba(255, 255, 255, 0.87); -} -.p-fieldset .p-fieldset-content { - padding: 1.25rem; -} - -.p-panel .p-panel-header { - border: 1px solid #0b213f; - padding: 1.25rem; - background: #071426; - color: rgba(255, 255, 255, 0.87); - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-panel .p-panel-header .p-panel-title { - font-weight: 700; -} -.p-panel .p-panel-header .p-panel-header-icon { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-panel .p-panel-header .p-panel-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); -} -.p-panel.p-panel-toggleable .p-panel-header { - padding: 0.75rem 1.25rem; -} -.p-panel .p-panel-content { - padding: 1.25rem; - border: 1px solid #0b213f; - background: #071426; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - border-top: 0 none; -} -.p-panel .p-panel-footer { - padding: 0.75rem 1.25rem; - border: 1px solid #0b213f; - background: #071426; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; -} - -.p-scrollpanel .p-scrollpanel-bar { - background: #0b213f; - border: 0 none; -} - -.p-splitter { - border: 1px solid #0b213f; - background: #071426; - border-radius: 6px; - color: rgba(255, 255, 255, 0.87); -} -.p-splitter .p-splitter-gutter { - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - background: rgba(255, 255, 255, 0.03); -} -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: #0b213f; -} -.p-splitter .p-splitter-gutter-resizing { - background: #0b213f; -} - -.p-tabview .p-tabview-nav { - background: transparent; - border: 1px solid #0b213f; - border-width: 0 0 2px 0; -} -.p-tabview .p-tabview-nav li { - margin-right: 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #0b213f; - border-width: 0 0 2px 0; - border-color: transparent transparent #0b213f transparent; - background: #071426; - color: rgba(255, 255, 255, 0.6); - padding: 1.25rem; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(94, 234, 212, 0.5); -} -.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #071426; - border-color: #5EEAD4; - color: rgba(255, 255, 255, 0.87); -} -.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #071426; - border-color: #5EEAD4; - color: #5EEAD4; -} -.p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; -} -.p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-close { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-nav-btn.p-link { - background: #071426; - color: #5EEAD4; - width: 3rem; - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); - border-radius: 0; -} -.p-tabview .p-tabview-nav-btn.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(94, 234, 212, 0.5); -} -.p-tabview .p-tabview-panels { - background: #071426; - padding: 1.25rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} - -.p-toolbar { - background: #071426; - border: 1px solid #0b213f; - padding: 1.25rem; - border-radius: 6px; -} -.p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; -} - -.p-confirm-popup { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-confirm-popup .p-confirm-popup-content { - padding: 1.25rem; -} -.p-confirm-popup .p-confirm-popup-footer { - text-align: right; - padding: 0.75rem 1.25rem; -} -.p-confirm-popup .p-confirm-popup-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-confirm-popup .p-confirm-popup-footer button:last-child { - margin: 0; -} -.p-confirm-popup:after { - border: solid transparent; - border-color: rgba(7, 20, 38, 0); - border-bottom-color: #071426; -} -.p-confirm-popup:before { - border: solid transparent; - border-color: rgba(11, 33, 63, 0); - border-bottom-color: #0b213f; -} -.p-confirm-popup.p-confirm-popup-flipped:after { - border-top-color: #071426; -} -.p-confirm-popup.p-confirm-popup-flipped:before { - border-top-color: #0b213f; -} -.p-confirm-popup .p-confirm-popup-icon { - font-size: 1.5rem; -} -.p-confirm-popup .p-confirm-popup-message { - margin-left: 1rem; -} - -.p-dialog { - border-radius: 6px; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); - border: 1px solid #0b213f; -} -.p-dialog .p-dialog-header { - border-bottom: 0 none; - background: #071426; - color: rgba(255, 255, 255, 0.87); - padding: 1.5rem; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-dialog .p-dialog-header .p-dialog-title { - font-weight: 700; - font-size: 1.25rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); -} -.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { - margin-right: 0; -} -.p-dialog .p-dialog-content { - background: #071426; - color: rgba(255, 255, 255, 0.87); - padding: 0 1.5rem 2rem 1.5rem; -} -.p-dialog .p-dialog-footer { - border-top: 0 none; - background: #071426; - color: rgba(255, 255, 255, 0.87); - padding: 0 1.5rem 1.5rem 1.5rem; - text-align: right; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-dialog .p-dialog-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { - font-size: 2rem; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; -} - -.p-overlaypanel { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-overlaypanel .p-overlaypanel-content { - padding: 1.25rem; -} -.p-overlaypanel .p-overlaypanel-close { - background: #5EEAD4; - color: #1c2127; - width: 2rem; - height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; - position: absolute; - top: -1rem; - right: -1rem; -} -.p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #4fe8d0; - color: #1c2127; -} -.p-overlaypanel:after { - border: solid transparent; - border-color: rgba(7, 20, 38, 0); - border-bottom-color: #071426; -} -.p-overlaypanel:before { - border: solid transparent; - border-color: rgba(11, 33, 63, 0); - border-bottom-color: #0b213f; -} -.p-overlaypanel.p-overlaypanel-flipped:after { - border-top-color: #071426; -} -.p-overlaypanel.p-overlaypanel-flipped:before { - border-top-color: #0b213f; -} - -.p-sidebar { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-sidebar .p-sidebar-header { - padding: 1.25rem; -} -.p-sidebar .p-sidebar-header .p-sidebar-close, -.p-sidebar .p-sidebar-header .p-sidebar-icon { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, -.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); -} -.p-sidebar .p-sidebar-header + .p-sidebar-content { - padding-top: 0; -} -.p-sidebar .p-sidebar-content { - padding: 1.25rem; -} - -.p-tooltip .p-tooltip-text { - background: #0b213f; - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 0.75rem; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 6px; -} -.p-tooltip.p-tooltip-right .p-tooltip-arrow { - border-right-color: #0b213f; -} -.p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #0b213f; -} -.p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #0b213f; -} -.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #0b213f; -} - -.p-fileupload .p-fileupload-buttonbar { - background: #071426; - padding: 1.25rem; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - border-bottom: 0 none; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; -} -.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); -} -.p-fileupload .p-fileupload-content { - background: #071426; - padding: 2rem 1rem; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-fileupload .p-progressbar { - height: 0.25rem; -} -.p-fileupload .p-fileupload-row > div { - padding: 1rem 1rem; -} -.p-fileupload.p-fileupload-advanced .p-message { - margin-top: 0; -} - -.p-fileupload-choose:not(.p-disabled):hover { - background: #4fe8d0; - color: #1c2127; - border-color: #4fe8d0; -} -.p-fileupload-choose:not(.p-disabled):active { - background: #41e6cc; - color: #1c2127; - border-color: #41e6cc; -} - -.p-breadcrumb { - background: #091a32; - border: 1px solid #0b213f; - border-radius: 6px; - padding: 1rem; -} -.p-breadcrumb ul li .p-menuitem-link { - transition: box-shadow 0.2s; - border-radius: 6px; -} -.p-breadcrumb ul li .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-breadcrumb ul li.p-breadcrumb-chevron { - margin: 0 0.5rem 0 0.5rem; - color: rgba(255, 255, 255, 0.87); -} -.p-breadcrumb ul li:last-child .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-breadcrumb ul li:last-child .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} - -.p-contextmenu { - padding: 0.25rem 0; - background: #091a32; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 6px; - width: 12.5rem; -} -.p-contextmenu .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-contextmenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-contextmenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(94, 234, 212, 0.5); -} -.p-contextmenu .p-submenu-list { - padding: 0.25rem 0; - background: #091a32; - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 6px; -} -.p-contextmenu .p-menuitem { - margin: 0; -} -.p-contextmenu .p-menuitem:last-child { - margin: 0; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(94, 234, 212, 0.16); -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menu-separator { - border-top: 1px solid #0b213f; - margin: 0.25rem 0; -} -.p-contextmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-dock .p-dock-list { - background: rgba(255, 255, 255, 0.1); - border: 1px solid rgba(255, 255, 255, 0.2); - padding: 0.5rem 0.5rem; - border-radius: 0.5rem; -} -.p-dock .p-dock-item { - padding: 0.5rem; -} -.p-dock .p-dock-action { - width: 4rem; - height: 4rem; -} -.p-dock.p-dock-top .p-dock-item-second-prev, -.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, -.p-dock.p-dock-bottom .p-dock-item-second-next { - margin: 0 0.9rem; -} -.p-dock.p-dock-top .p-dock-item-prev, -.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, -.p-dock.p-dock-bottom .p-dock-item-next { - margin: 0 1.3rem; -} -.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { - margin: 0 1.5rem; -} -.p-dock.p-dock-left .p-dock-item-second-prev, -.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, -.p-dock.p-dock-right .p-dock-item-second-next { - margin: 0.9rem 0; -} -.p-dock.p-dock-left .p-dock-item-prev, -.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, -.p-dock.p-dock-right .p-dock-item-next { - margin: 1.3rem 0; -} -.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { - margin: 1.5rem 0; -} - -@media screen and (max-width: 960px) { - .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { - margin: auto 0; - } - .p-dock .p-dock-list .p-dock-item { - transform: none; - margin: 0; - } -} -.p-megamenu { - padding: 0.5rem; - background: #091a32; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 6px; - transition: box-shadow 0.2s; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(94, 234, 212, 0.5); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(94, 234, 212, 0.16); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-megamenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(94, 234, 212, 0.5); -} -.p-megamenu .p-megamenu-panel { - background: #091a32; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-megamenu .p-megamenu-submenu-header { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #091a32; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-megamenu .p-megamenu-submenu { - padding: 0.25rem 0; - width: 12.5rem; -} -.p-megamenu .p-megamenu-submenu .p-menu-separator { - border-top: 1px solid #0b213f; - margin: 0.25rem 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem { - margin: 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { - margin: 0; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(94, 234, 212, 0.16); -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.25rem 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem { - margin: 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { - margin: 0; -} - -.p-menu { - padding: 0.25rem 0; - background: #091a32; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; - width: 12.5rem; -} -.p-menu .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-menu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(94, 234, 212, 0.5); -} -.p-menu.p-menu-overlay { - background: #091a32; - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-menu .p-submenu-header { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #091a32; - font-weight: 700; - border-top-right-radius: 0; - border-top-left-radius: 0; -} -.p-menu .p-menu-separator { - border-top: 1px solid #0b213f; - margin: 0.25rem 0; -} -.p-menu .p-menuitem { - margin: 0; -} -.p-menu .p-menuitem:last-child { - margin: 0; -} - -.p-menubar { - padding: 0.5rem; - background: #091a32; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; -} -.p-menubar .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menubar .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-menubar .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(94, 234, 212, 0.5); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 6px; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(94, 234, 212, 0.5); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(94, 234, 212, 0.16); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-submenu-list { - padding: 0.25rem 0; - background: #091a32; - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - width: 12.5rem; -} -.p-menubar .p-submenu-list .p-menu-separator { - border-top: 1px solid #0b213f; - margin: 0.25rem 0; -} -.p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; -} -.p-menubar .p-submenu-list .p-menuitem { - margin: 0; -} -.p-menubar .p-submenu-list .p-menuitem:last-child { - margin: 0; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(94, 234, 212, 0.16); -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} - -@media screen and (max-width: 960px) { - .p-menubar { - position: relative; - } - .p-menubar .p-menubar-button { - display: flex; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-menubar .p-menubar-button:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menubar .p-menubar-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); - } - .p-menubar .p-menubar-root-list { - position: absolute; - display: none; - padding: 0.25rem 0; - background: #091a32; - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - width: 100%; - } - .p-menubar .p-menubar-root-list .p-menu-separator { - border-top: 1px solid #0b213f; - margin: 0.25rem 0; - } - .p-menubar .p-menubar-root-list .p-submenu-icon { - font-size: 0.875rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(94, 234, 212, 0.5); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - transition: transform 0.2s; - } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-180deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list { - width: 100%; - position: static; - box-shadow: none; - border: 0 none; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { - transition: transform 0.2s; - transform: rotate(90deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-90deg); - } - .p-menubar .p-menubar-root-list .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list ul li a { - padding-left: 2.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li a { - padding-left: 3.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li a { - padding-left: 5.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { - padding-left: 6.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { - padding-left: 8.25rem; - } - .p-menubar.p-menubar-mobile-active .p-menubar-root-list { - display: flex; - flex-direction: column; - top: 100%; - left: 0; - z-index: 1; - } -} -.p-panelmenu .p-panelmenu-header > a { - padding: 1.25rem; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - background: #071426; - font-weight: 700; - border-radius: 6px; - transition: box-shadow 0.2s; -} -.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); -} -.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight > a { - background: #071426; - border-color: #0b213f; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { - border-color: #0b213f; - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content { - padding: 0.25rem 0; - border: 1px solid #0b213f; - background: #071426; - color: rgba(255, 255, 255, 0.87); - margin-bottom: 4px; - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(94, 234, 212, 0.5); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { - padding: 0 0 0 1rem; -} -.p-panelmenu .p-panelmenu-panel { - margin-bottom: 4px; -} - -.p-slidemenu { - padding: 0.25rem 0; - background: #091a32; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; - width: 12.5rem; -} -.p-slidemenu .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-slidemenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-slidemenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(94, 234, 212, 0.5); -} -.p-slidemenu.p-slidemenu-overlay { - background: #091a32; - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-slidemenu .p-slidemenu-list { - padding: 0.25rem 0; - background: #091a32; - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { - background: rgba(94, 234, 212, 0.16); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-slidemenu-separator { - border-top: 1px solid #0b213f; - margin: 0.25rem 0; -} -.p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; -} -.p-slidemenu .p-slidemenu-backward { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); -} - -.p-steps .p-steps-item .p-menuitem-link { - background: transparent; - transition: box-shadow 0.2s; - border-radius: 6px; - background: transparent; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-number { - color: rgba(255, 255, 255, 0.87); - border: 0 none; - background: transparent; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - z-index: 1; - border-radius: 50%; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-title { - margin-top: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); -} -.p-steps .p-steps-item.p-highlight .p-steps-number { - background: rgba(94, 234, 212, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-steps .p-steps-item.p-highlight .p-steps-title { - font-weight: 700; - color: rgba(255, 255, 255, 0.87); -} -.p-steps .p-steps-item:before { - content: " "; - border-top: 1px solid #0b213f; - width: 100%; - top: 50%; - left: 0; - display: block; - position: absolute; - margin-top: -1rem; -} - -.p-tabmenu .p-tabmenu-nav { - background: transparent; - border: 1px solid #0b213f; - border-width: 0 0 2px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { - margin-right: 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { - border: solid #0b213f; - border-width: 0 0 2px 0; - border-color: transparent transparent #0b213f transparent; - background: #071426; - color: rgba(255, 255, 255, 0.6); - padding: 1.25rem; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(94, 234, 212, 0.5); -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: #071426; - border-color: #5EEAD4; - color: rgba(255, 255, 255, 0.87); -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #071426; - border-color: #5EEAD4; - color: #5EEAD4; -} - -.p-tieredmenu { - padding: 0.25rem 0; - background: #091a32; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; - width: 12.5rem; -} -.p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-tieredmenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-tieredmenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px rgba(94, 234, 212, 0.5); -} -.p-tieredmenu.p-tieredmenu-overlay { - background: #091a32; - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #091a32; - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-tieredmenu .p-menuitem { - margin: 0; -} -.p-tieredmenu .p-menuitem:last-child { - margin: 0; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(94, 234, 212, 0.16); -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menu-separator { - border-top: 1px solid #0b213f; - margin: 0.25rem 0; -} -.p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-inline-message { - padding: 0.75rem 0.75rem; - margin: 0; - border-radius: 6px; -} -.p-inline-message.p-inline-message-info { - background: #e9e9ff; - border: solid #696cff; - border-width: 1px; - color: #696cff; -} -.p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #696cff; -} -.p-inline-message.p-inline-message-success { - background: #e4f8f0; - border: solid #1ea97c; - border-width: 1px; - color: #1ea97c; -} -.p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #1ea97c; -} -.p-inline-message.p-inline-message-warn { - background: #fff2e2; - border: solid #cc8925; - border-width: 1px; - color: #cc8925; -} -.p-inline-message.p-inline-message-warn .p-inline-message-icon { - color: #cc8925; -} -.p-inline-message.p-inline-message-error { - background: #ffe7e6; - border: solid #ff5757; - border-width: 1px; - color: #ff5757; -} -.p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #ff5757; -} -.p-inline-message .p-inline-message-icon { - font-size: 1rem; - margin-right: 0.5rem; -} -.p-inline-message .p-inline-message-text { - font-size: 1rem; -} -.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { - margin-right: 0; -} - -.p-message { - margin: 1rem 0; - border-radius: 6px; -} -.p-message .p-message-wrapper { - padding: 1.25rem 1.75rem; -} -.p-message .p-message-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-message .p-message-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); -} -.p-message.p-message-info { - background: #e9e9ff; - border: solid #696cff; - border-width: 0 0 0 6px; - color: #696cff; -} -.p-message.p-message-info .p-message-icon { - color: #696cff; -} -.p-message.p-message-info .p-message-close { - color: #696cff; -} -.p-message.p-message-success { - background: #e4f8f0; - border: solid #1ea97c; - border-width: 0 0 0 6px; - color: #1ea97c; -} -.p-message.p-message-success .p-message-icon { - color: #1ea97c; -} -.p-message.p-message-success .p-message-close { - color: #1ea97c; -} -.p-message.p-message-warn { - background: #fff2e2; - border: solid #cc8925; - border-width: 0 0 0 6px; - color: #cc8925; -} -.p-message.p-message-warn .p-message-icon { - color: #cc8925; -} -.p-message.p-message-warn .p-message-close { - color: #cc8925; -} -.p-message.p-message-error { - background: #ffe7e6; - border: solid #ff5757; - border-width: 0 0 0 6px; - color: #ff5757; -} -.p-message.p-message-error .p-message-icon { - color: #ff5757; -} -.p-message.p-message-error .p-message-close { - color: #ff5757; -} -.p-message .p-message-text { - font-size: 1rem; - font-weight: 400; -} -.p-message .p-message-icon { - font-size: 1.5rem; - margin-right: 0.5rem; -} -.p-message .p-message-summary { - font-weight: 700; -} -.p-message .p-message-detail { - margin-left: 0.5rem; -} - -.p-toast { - opacity: 0.9; -} -.p-toast .p-toast-message { - margin: 0 0 1rem 0; - box-shadow: none; - border-radius: 6px; -} -.p-toast .p-toast-message .p-toast-message-content { - padding: 1rem; - border-width: 0 0 0 6px; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { - margin: 0 0 0 1rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { - font-size: 2rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { - font-weight: 700; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { - margin: 0.5rem 0 0 0; -} -.p-toast .p-toast-message .p-toast-icon-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-toast .p-toast-message .p-toast-icon-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); -} -.p-toast .p-toast-message.p-toast-message-info { - background: #e9e9ff; - border: solid #696cff; - border-width: 0 0 0 6px; - color: #696cff; -} -.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { - color: #696cff; -} -.p-toast .p-toast-message.p-toast-message-success { - background: #e4f8f0; - border: solid #1ea97c; - border-width: 0 0 0 6px; - color: #1ea97c; -} -.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { - color: #1ea97c; -} -.p-toast .p-toast-message.p-toast-message-warn { - background: #fff2e2; - border: solid #cc8925; - border-width: 0 0 0 6px; - color: #cc8925; -} -.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { - color: #cc8925; -} -.p-toast .p-toast-message.p-toast-message-error { - background: #ffe7e6; - border: solid #ff5757; - border-width: 0 0 0 6px; - color: #ff5757; -} -.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { - color: #ff5757; -} - -.p-galleria .p-galleria-close { - margin: 0.5rem; - background: transparent; - color: #f8f9fa; - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-close .p-galleria-close-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-close:hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-item-nav { - background: transparent; - color: #f8f9fa; - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 6px; - margin: 0 0.5rem; -} -.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, -.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-caption { - background: rgba(0, 0, 0, 0.5); - color: #f8f9fa; - padding: 1rem; -} -.p-galleria .p-galleria-indicators { - padding: 1rem; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #0b213f; - width: 1rem; - height: 1rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { - background: rgba(255, 255, 255, 0.1); -} -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(94, 234, 212, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { - margin-right: 0.5rem; -} -.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { - margin-bottom: 0.5rem; -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { - background: rgba(0, 0, 0, 0.5); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { - background: rgba(255, 255, 255, 0.4); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { - background: rgba(255, 255, 255, 0.6); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(94, 234, 212, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-galleria .p-galleria-thumbnail-container { - background: rgba(0, 0, 0, 0.9); - padding: 1rem 0.25rem; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { - margin: 0.5rem; - background-color: transparent; - color: #f8f9fa; - width: 2rem; - height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); -} - -.p-galleria-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-preview-indicator { - background-color: transparent; - color: #f8f9fa; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} - -.p-image-preview-container:hover > .p-image-preview-indicator { - background-color: rgba(0, 0, 0, 0.5); -} - -.p-image-toolbar { - padding: 1rem; -} - -.p-image-action.p-link { - color: #f8f9fa; - background-color: transparent; - width: 3rem; - height: 3rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-image-action.p-link:last-child { - margin-right: 0; -} -.p-image-action.p-link:hover { - color: #f8f9fa; - background-color: rgba(255, 255, 255, 0.1); -} -.p-image-action.p-link i { - font-size: 1.5rem; -} - -.p-avatar { - background-color: #0b213f; - border-radius: 6px; -} -.p-avatar.p-avatar-lg { - width: 3rem; - height: 3rem; - font-size: 1.5rem; -} -.p-avatar.p-avatar-lg .p-avatar-icon { - font-size: 1.5rem; -} -.p-avatar.p-avatar-xl { - width: 4rem; - height: 4rem; - font-size: 2rem; -} -.p-avatar.p-avatar-xl .p-avatar-icon { - font-size: 2rem; -} - -.p-avatar-group .p-avatar { - border: 2px solid #071426; -} - -.p-badge { - background: #5EEAD4; - color: #1c2127; - font-size: 0.75rem; - font-weight: 700; - min-width: 1.5rem; - height: 1.5rem; - line-height: 1.5rem; -} -.p-badge.p-badge-secondary { - background-color: #CBD5E1; - color: #1c2127; -} -.p-badge.p-badge-success { - background-color: #86EFAC; - color: #1c2127; -} -.p-badge.p-badge-info { - background-color: #93C5FD; - color: #1c2127; -} -.p-badge.p-badge-warning { - background-color: #FCD34D; - color: #1c2127; -} -.p-badge.p-badge-danger { - background-color: #FCA5A5; - color: #1c2127; -} -.p-badge.p-badge-lg { - font-size: 1.125rem; - min-width: 2.25rem; - height: 2.25rem; - line-height: 2.25rem; -} -.p-badge.p-badge-xl { - font-size: 1.5rem; - min-width: 3rem; - height: 3rem; - line-height: 3rem; -} - -.p-chip { - background-color: #0b213f; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - padding: 0 0.75rem; -} -.p-chip .p-chip-text { - line-height: 1.5; - margin-top: 0.375rem; - margin-bottom: 0.375rem; -} -.p-chip .p-chip-icon { - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - margin-left: 0.5rem; -} -.p-chip img { - width: 2.25rem; - height: 2.25rem; - margin-left: -0.75rem; - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - border-radius: 6px; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); -} - -.p-inplace .p-inplace-display { - padding: 0.75rem 0.75rem; - border-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-inplace .p-inplace-display:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-inplace .p-inplace-display:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); -} - -.p-progressbar { - border: 0 none; - height: 1.5rem; - background: #0b213f; - border-radius: 6px; -} -.p-progressbar .p-progressbar-value { - border: 0 none; - margin: 0; - background: #5EEAD4; -} -.p-progressbar .p-progressbar-label { - color: #1c2127; - line-height: 1.5rem; -} - -.p-scrolltop { - width: 3rem; - height: 3rem; - border-radius: 50%; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-scrolltop.p-link { - background: rgba(94, 234, 212, 0.16); -} -.p-scrolltop.p-link:hover { - background: rgba(94, 234, 212, 0.3616); -} -.p-scrolltop .p-scrolltop-icon { - font-size: 1.5rem; - color: rgba(255, 255, 255, 0.87); -} - -.p-skeleton { - background-color: rgba(255, 255, 255, 0.06); - border-radius: 6px; -} -.p-skeleton:after { - background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); -} - -.p-tag { - background: #5EEAD4; - color: #1c2127; - font-size: 0.75rem; - font-weight: 700; - padding: 0.25rem 0.4rem; - border-radius: 6px; -} -.p-tag.p-tag-success { - background-color: #86EFAC; - color: #1c2127; -} -.p-tag.p-tag-info { - background-color: #93C5FD; - color: #1c2127; -} -.p-tag.p-tag-warning { - background-color: #FCD34D; - color: #1c2127; -} -.p-tag.p-tag-danger { - background-color: #FCA5A5; - color: #1c2127; -} -.p-tag .p-tag-icon { - margin-right: 0.25rem; - font-size: 0.75rem; -} - -.p-terminal { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - padding: 1.25rem; -} -.p-terminal .p-terminal-input { - font-size: 1rem; - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; -} - -.p-button-label { - font-weight: 700; -} - -.p-accordion .p-accordion-header .p-accordion-header-link { - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; -} - -.p-tabview .p-tabview-nav li .p-tabview-nav-link { - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-tabview .p-tabview-nav .p-tabview-ink-bar { - z-index: 1; - display: block; - position: absolute; - bottom: 0; - height: 2px; - background-color: #5EEAD4; - transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); -} - -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #5EEAD4; -} - -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #5EEAD4; -} - -.p-button:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(94, 234, 212, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); -} -.p-button.p-button-secondary:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(203, 213, 225, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); -} -.p-button.p-button-success:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(134, 239, 172, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); -} -.p-button.p-button-info:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(147, 197, 253, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); -} -.p-button.p-button-warning:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(252, 211, 77, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); -} -.p-button.p-button-help:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(216, 180, 254, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); -} -.p-button.p-button-danger:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(252, 165, 165, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); -} - -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #5EEAD4; -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #5EEAD4; -} diff --git a/src/assets/theme/lara-light-blue/theme.css b/src/assets/theme/lara-light-blue/theme.css deleted file mode 100644 index a16338b..0000000 --- a/src/assets/theme/lara-light-blue/theme.css +++ /dev/null @@ -1,5709 +0,0 @@ -:root { - --surface-a:#ffffff; - --surface-b:#f8f9fa; - --surface-c:#e9ecef; - --surface-d:#dee2e6; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#495057; - --text-color-secondary:#6c757d; - --primary-color:#3B82F6; - --primary-color-text:#ffffff; - --font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; - --surface-0: #ffffff; - --surface-50: #FAFAFA; - --surface-100: #F5F5F5; - --surface-200: #EEEEEE; - --surface-300: #E0E0E0; - --surface-400: #BDBDBD; - --surface-500: #9E9E9E; - --surface-600: #757575; - --surface-700: #616161; - --surface-800: #424242; - --surface-900: #212121; - --gray-50: #FAFAFA; - --gray-100: #F5F5F5; - --gray-200: #EEEEEE; - --gray-300: #E0E0E0; - --gray-400: #BDBDBD; - --gray-500: #9E9E9E; - --gray-600: #757575; - --gray-700: #616161; - --gray-800: #424242; - --gray-900: #212121; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#eff3f8; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#dfe7ef; - --surface-hover:#f6f9fc; - --focus-ring: 0 0 0 0.2rem #BFDBFE; - --maskbg: rgba(0, 0, 0, 0.4); -} - -@font-face { - font-family: "Inter"; - font-style: normal; - font-weight: 300; - src: local(""), url("./fonts/Inter-Light.woff2") format("woff2"), url("./fonts/Inter-Light.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -@font-face { - font-family: "Inter"; - font-style: normal; - font-weight: 400; - src: local(""), url("./fonts/Inter-Regular.woff2") format("woff2"), url("./fonts/Inter-Regular.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -@font-face { - font-family: "Inter"; - font-style: normal; - font-weight: 500; - src: local(""), url("./fonts/Inter-Medium.woff2") format("woff2"), url("./fonts/Inter-Medium.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -@font-face { - font-family: "Inter"; - font-style: normal; - font-weight: 600; - src: local(""), url("./fonts/Inter-SemiBold.woff2") format("woff2"), url("./fonts/Inter-SemiBold.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -@font-face { - font-family: "Inter"; - font-style: normal; - font-weight: 700; - src: local(""), url("./fonts/Inter-Bold.woff2") format("woff2"), url("./fonts/Inter-Bold.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -* { - box-sizing: border-box; -} - -.p-component { - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - font-size: 1rem; - font-weight: normal; -} - -.p-component-overlay { - background-color: rgba(0, 0, 0, 0.4); - transition-duration: 0.2s; -} - -.p-disabled, .p-component:disabled { - opacity: 0.6; -} - -.p-error { - color: #e24c4c; -} - -.p-text-secondary { - color: #6c757d; -} - -.pi { - font-size: 1rem; -} - -.p-link { - font-size: 1rem; - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - border-radius: 6px; -} -.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} - -.p-component-overlay-enter { - animation: p-component-overlay-enter-animation 150ms forwards; -} - -.p-component-overlay-leave { - animation: p-component-overlay-leave-animation 150ms forwards; -} - -@keyframes p-component-overlay-enter-animation { - from { - background-color: transparent; - } - to { - background-color: var(--maskbg); - } -} -@keyframes p-component-overlay-leave-animation { - from { - background-color: var(--maskbg); - } - to { - background-color: transparent; - } -} - -:root { - --blue-50:#f5f9ff; - --blue-100:#d0e1fd; - --blue-200:#abc9fb; - --blue-300:#85b2f9; - --blue-400:#609af8; - --blue-500:#3b82f6; - --blue-600:#326fd1; - --blue-700:#295bac; - --blue-800:#204887; - --blue-900:#183462; - --green-50:#f4fcf7; - --green-100:#caf1d8; - --green-200:#a0e6ba; - --green-300:#76db9b; - --green-400:#4cd07d; - --green-500:#22c55e; - --green-600:#1da750; - --green-700:#188a42; - --green-800:#136c34; - --green-900:#0e4f26; - --yellow-50:#fefbf3; - --yellow-100:#faedc4; - --yellow-200:#f6de95; - --yellow-300:#f2d066; - --yellow-400:#eec137; - --yellow-500:#eab308; - --yellow-600:#c79807; - --yellow-700:#a47d06; - --yellow-800:#816204; - --yellow-900:#5e4803; - --cyan-50:#f3fbfd; - --cyan-100:#c3edf5; - --cyan-200:#94e0ed; - --cyan-300:#65d2e4; - --cyan-400:#35c4dc; - --cyan-500:#06b6d4; - --cyan-600:#059bb4; - --cyan-700:#047f94; - --cyan-800:#036475; - --cyan-900:#024955; - --pink-50:#fef6fa; - --pink-100:#fad3e7; - --pink-200:#f7b0d3; - --pink-300:#f38ec0; - --pink-400:#f06bac; - --pink-500:#ec4899; - --pink-600:#c93d82; - --pink-700:#a5326b; - --pink-800:#822854; - --pink-900:#5e1d3d; - --indigo-50:#f7f7fe; - --indigo-100:#dadafc; - --indigo-200:#bcbdf9; - --indigo-300:#9ea0f6; - --indigo-400:#8183f4; - --indigo-500:#6366f1; - --indigo-600:#5457cd; - --indigo-700:#4547a9; - --indigo-800:#363885; - --indigo-900:#282960; - --teal-50:#f3fbfb; - --teal-100:#c7eeea; - --teal-200:#9ae0d9; - --teal-300:#6dd3c8; - --teal-400:#41c5b7; - --teal-500:#14b8a6; - --teal-600:#119c8d; - --teal-700:#0e8174; - --teal-800:#0b655b; - --teal-900:#084a42; - --orange-50:#fff8f3; - --orange-100:#feddc7; - --orange-200:#fcc39b; - --orange-300:#fba86f; - --orange-400:#fa8e42; - --orange-500:#f97316; - --orange-600:#d46213; - --orange-700:#ae510f; - --orange-800:#893f0c; - --orange-900:#642e09; - --bluegray-50:#f7f8f9; - --bluegray-100:#dadee3; - --bluegray-200:#bcc3cd; - --bluegray-300:#9fa9b7; - --bluegray-400:#818ea1; - --bluegray-500:#64748b; - --bluegray-600:#556376; - --bluegray-700:#465161; - --bluegray-800:#37404c; - --bluegray-900:#282e38; - --purple-50:#fbf7ff; - --purple-100:#ead6fd; - --purple-200:#dab6fc; - --purple-300:#c996fa; - --purple-400:#b975f9; - --purple-500:#a855f7; - --purple-600:#8f48d2; - --purple-700:#763cad; - --purple-800:#5c2f88; - --purple-900:#432263; -} - -.p-autocomplete .p-autocomplete-loader { - right: 0.75rem; -} -.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 3.75rem; -} -.p-autocomplete .p-autocomplete-multiple-container { - padding: 0.375rem 0.75rem; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: #3B82F6; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; - border-color: #3B82F6; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { - padding: 0.375rem 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - font-size: 1rem; - color: #495057; - padding: 0; - margin: 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #EFF6FF; - color: #3B82F6; - border-radius: 6px; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; -} - -p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #e24c4c; -} - -.p-autocomplete-panel { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 6px; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.p-autocomplete-panel .p-autocomplete-items:not(.p-autocomplete-virtualscroll) { - padding: 0.75rem 0; -} -.p-autocomplete-panel .p-autocomplete-items.p-autocomplete-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.75rem 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: #495057; - background: #e9ecef; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: #3B82F6; - background: #EFF6FF; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.75rem 1.25rem; - color: #495057; - background: transparent; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: #343a40; - background: #ffffff; - font-weight: 700; -} - -p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { - border-color: #e24c4c; -} - -.p-datepicker { - padding: 0.5rem; - background: #ffffff; - color: #495057; - border: 1px solid #ced4da; - border-radius: 6px; -} -.p-datepicker:not(.p-datepicker-inline) { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { - background: #ffffff; -} -.p-datepicker .p-datepicker-header { - padding: 0.5rem; - color: #495057; - background: #ffffff; - font-weight: 600; - margin: 0; - border-bottom: 1px solid #dee2e6; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev, -.p-datepicker .p-datepicker-header .p-datepicker-next { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} -.p-datepicker .p-datepicker-header .p-datepicker-title { - line-height: 2rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - color: #495057; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - font-weight: 600; - padding: 0.5rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #3B82F6; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - margin-right: 0.5rem; -} -.p-datepicker table { - font-size: 1rem; - margin: 0.5rem 0; -} -.p-datepicker table th { - padding: 0.5rem; -} -.p-datepicker table th > span { - width: 2.5rem; - height: 2.5rem; -} -.p-datepicker table td { - padding: 0.5rem; -} -.p-datepicker table td > span { - width: 2.5rem; - height: 2.5rem; - border-radius: 50%; - transition: box-shadow 0.2s; - border: 1px solid transparent; -} -.p-datepicker table td > span.p-highlight { - color: #3B82F6; - background: #EFF6FF; -} -.p-datepicker table td > span:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} -.p-datepicker table td.p-datepicker-today > span { - background: #ced4da; - color: #495057; - border-color: transparent; -} -.p-datepicker table td.p-datepicker-today > span.p-highlight { - color: #3B82F6; - background: #EFF6FF; -} -.p-datepicker .p-datepicker-buttonbar { - padding: 1rem 0; - border-top: 1px solid #dee2e6; -} -.p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; -} -.p-datepicker .p-timepicker { - border-top: 1px solid #dee2e6; - padding: 0.5rem; -} -.p-datepicker .p-timepicker button { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-timepicker button:enabled:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.p-datepicker .p-timepicker button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} -.p-datepicker .p-timepicker button:last-child { - margin-top: 0.2em; -} -.p-datepicker .p-timepicker span { - font-size: 1.25rem; -} -.p-datepicker .p-timepicker > div { - padding: 0 0.5rem; -} -.p-datepicker.p-datepicker-timeonly .p-timepicker { - border-top: 0 none; -} -.p-datepicker .p-monthpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-monthpicker .p-monthpicker-month { - padding: 0.5rem; - transition: box-shadow 0.2s; - border-radius: 6px; -} -.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: #3B82F6; - 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: #3B82F6; - background: #EFF6FF; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #dee2e6; - padding-right: 0.5rem; - padding-left: 0.5rem; - padding-top: 0; - padding-bottom: 0; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { - padding-left: 0; - border-left: 0 none; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { - padding-right: 0; -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { - background: #e9ecef; -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} - -@media screen and (max-width: 769px) { - .p-datepicker table th, .p-datepicker table td { - padding: 0; - } -} -.p-cascadeselect { - background: #ffffff; - border: 1px solid #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; -} -.p-cascadeselect:not(.p-disabled):hover { - border-color: #3B82F6; -} -.p-cascadeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; - border-color: #3B82F6; -} -.p-cascadeselect .p-cascadeselect-label { - background: transparent; - border: 0 none; - padding: 0.75rem 0.75rem; -} -.p-cascadeselect .p-cascadeselect-label.p-placeholder { - color: #6c757d; -} -.p-cascadeselect .p-cascadeselect-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-cascadeselect .p-cascadeselect-trigger { - background: transparent; - color: #6c757d; - width: 3rem; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -.p-cascadeselect-panel { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 6px; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.p-cascadeselect-panel .p-cascadeselect-items { - padding: 0.75rem 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { - margin: 0; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.75rem 1.25rem; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #BFDBFE; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { - color: #3B82F6; - background: #EFF6FF; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { - font-size: 0.875rem; -} - -p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #e24c4c; -} - -.p-input-filled .p-cascadeselect { - background: #e9ecef; -} -.p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #e9ecef; -} -.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #ffffff; -} - -.p-checkbox { - width: 22px; - height: 22px; -} -.p-checkbox .p-checkbox-box { - border: 2px solid #ced4da; - background: #ffffff; - width: 22px; - height: 22px; - color: #495057; - border-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-checkbox .p-checkbox-box .p-checkbox-icon { - transition-duration: 0.2s; - color: #ffffff; - font-size: 14px; -} -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #3B82F6; - background: #3B82F6; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #3B82F6; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; - border-color: #3B82F6; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #3B82F6; - background: #3B82F6; - color: #ffffff; -} - -p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #e24c4c; -} - -.p-input-filled .p-checkbox .p-checkbox-box { - background-color: #e9ecef; -} -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #3B82F6; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #e9ecef; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #3B82F6; -} - -.p-checkbox-label { - margin-left: 0.5rem; -} - -.p-chips .p-chips-multiple-container { - padding: 0.375rem 0.75rem; -} -.p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: #3B82F6; -} -.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; - border-color: #3B82F6; -} -.p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #EFF6FF; - color: #3B82F6; - border-radius: 6px; -} -.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { - margin-left: 0.5rem; -} -.p-chips .p-chips-multiple-container .p-chips-input-token { - padding: 0.375rem 0; -} -.p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - font-size: 1rem; - color: #495057; - padding: 0; - margin: 0; -} - -p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { - border-color: #e24c4c; -} - -.p-colorpicker-preview, -.p-fluid .p-colorpicker-preview.p-inputtext { - width: 2rem; - height: 2rem; -} - -.p-colorpicker-panel { - background: #323232; - border: 1px solid #191919; -} -.p-colorpicker-panel .p-colorpicker-color-handle, -.p-colorpicker-panel .p-colorpicker-hue-handle { - border-color: #ffffff; -} - -.p-colorpicker-overlay-panel { - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} - -.p-dropdown { - background: #ffffff; - border: 1px solid #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; -} -.p-dropdown:not(.p-disabled):hover { - border-color: #3B82F6; -} -.p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; - border-color: #3B82F6; -} -.p-dropdown.p-dropdown-clearable .p-dropdown-label { - padding-right: 1.75rem; -} -.p-dropdown .p-dropdown-label { - background: transparent; - border: 0 none; -} -.p-dropdown .p-dropdown-label.p-placeholder { - color: #6c757d; -} -.p-dropdown .p-dropdown-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-dropdown .p-dropdown-trigger { - background: transparent; - color: #6c757d; - width: 3rem; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} -.p-dropdown .p-dropdown-clear-icon { - color: #6c757d; - right: 3rem; -} - -.p-dropdown-panel { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 6px; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.p-dropdown-panel .p-dropdown-header { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; - margin: 0; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { - padding-right: 1.75rem; - margin-right: -1.75rem; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { - right: 0.75rem; - color: #6c757d; -} -.p-dropdown-panel .p-dropdown-items:not(.p-dropdown-virtualscroll) { - padding: 0.75rem 0; -} -.p-dropdown-panel .p-dropdown-items.p-dropdown-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.75rem 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: #3B82F6; - background: #EFF6FF; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.75rem 1.25rem; - color: #495057; - background: transparent; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: #343a40; - background: #ffffff; - font-weight: 700; -} - -p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #e24c4c; -} - -.p-input-filled .p-dropdown { - background: #e9ecef; -} -.p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #e9ecef; -} -.p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: #ffffff; -} - -.p-editor-container .p-editor-toolbar { - background: #f8f9fa; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #dee2e6; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: #6c757d; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: #6c757d; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: #6c757d; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border-radius: 6px; - padding: 0.75rem 0; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: #495057; - background: #e9ecef; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.75rem 1.25rem; -} -.p-editor-container .p-editor-content { - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-editor-container .p-editor-content.ql-snow { - border: 1px solid #dee2e6; -} -.p-editor-container .p-editor-content .ql-editor { - background: #ffffff; - color: #495057; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: #495057; -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: #495057; -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: #495057; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #3B82F6; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #3B82F6; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #3B82F6; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #3B82F6; -} - -.p-inputgroup-addon { - background: #e9ecef; - color: #6c757d; - border-top: 1px solid #ced4da; - border-left: 1px solid #ced4da; - border-bottom: 1px solid #ced4da; - padding: 0.75rem 0.75rem; - min-width: 3rem; -} -.p-inputgroup-addon:last-child { - border-right: 1px solid #ced4da; -} - -.p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, -.p-inputgroup > .p-float-label > .p-component { - border-radius: 0; - margin: 0; -} -.p-inputgroup > .p-component + .p-inputgroup-addon, -.p-inputgroup > .p-element + .p-inputgroup-addon, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, -.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { - border-left: 0 none; -} -.p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, -.p-inputgroup > .p-float-label > .p-component:focus { - z-index: 1; -} -.p-inputgroup > .p-component:focus ~ label, -.p-inputgroup > .p-element:focus ~ label, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, -.p-inputgroup > .p-float-label > .p-component:focus ~ label { - z-index: 1; -} - -.p-inputgroup-addon:first-child, -.p-inputgroup button:first-child, -.p-inputgroup input:first-child, -.p-inputgroup > .p-inputwrapper:first-child > .p-component, -.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.p-inputgroup .p-float-label:first-child input { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.p-inputgroup-addon:last-child, -.p-inputgroup button:last-child, -.p-inputgroup input:last-child, -.p-inputgroup > .p-inputwrapper:last-child > .p-component, -.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -.p-inputgroup .p-float-label:last-child input { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -.p-fluid .p-inputgroup .p-button { - width: auto; -} -.p-fluid .p-inputgroup .p-button.p-button-icon-only { - width: 3rem; -} - -p-inputmask.ng-dirty.ng-invalid > .p-inputtext { - border-color: #e24c4c; -} - -p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { - border-color: #e24c4c; -} - -.p-inputswitch { - width: 3rem; - height: 1.75rem; -} -.p-inputswitch .p-inputswitch-slider { - background: #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 30px; -} -.p-inputswitch .p-inputswitch-slider:before { - background: #ffffff; - width: 1.25rem; - height: 1.25rem; - left: 0.25rem; - margin-top: -0.625rem; - border-radius: 50%; - transition-duration: 0.2s; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - transform: translateX(1.25rem); -} -.p-inputswitch.p-focus .p-inputswitch-slider { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} -.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #b6bfc8; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #3B82F6; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: #ffffff; -} -.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #3B82F6; -} - -p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { - border-color: #e24c4c; -} - -.p-inputtext { - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - font-size: 1rem; - color: #495057; - background: #ffffff; - padding: 0.75rem 0.75rem; - border: 1px solid #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - appearance: none; - border-radius: 6px; -} -.p-inputtext:enabled:hover { - border-color: #3B82F6; -} -.p-inputtext:enabled:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; - border-color: #3B82F6; -} -.p-inputtext.ng-dirty.ng-invalid { - border-color: #e24c4c; -} -.p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.65625rem 0.65625rem; -} -.p-inputtext.p-inputtext-lg { - font-size: 1.25rem; - padding: 0.9375rem 0.9375rem; -} - -.p-float-label > label { - left: 0.75rem; - color: #6c757d; - transition-duration: 0.2s; -} - -.p-float-label > .ng-invalid.ng-dirty + label { - color: #e24c4c; -} - -.p-input-icon-left > i:first-of-type { - left: 0.75rem; - color: #6c757d; -} - -.p-input-icon-left > .p-inputtext { - padding-left: 2.5rem; -} - -.p-input-icon-left.p-float-label > label { - left: 2.5rem; -} - -.p-input-icon-right > i:last-of-type { - right: 0.75rem; - color: #6c757d; -} - -.p-input-icon-right > .p-inputtext { - padding-right: 2.5rem; -} - -::-webkit-input-placeholder { - color: #6c757d; -} - -:-moz-placeholder { - color: #6c757d; -} - -::-moz-placeholder { - color: #6c757d; -} - -:-ms-input-placeholder { - color: #6c757d; -} - -.p-input-filled .p-inputtext { - background-color: #e9ecef; -} -.p-input-filled .p-inputtext:enabled:hover { - background-color: #e9ecef; -} -.p-input-filled .p-inputtext:enabled:focus { - background-color: #ffffff; -} - -.p-inputtext-sm .p-inputtext { - font-size: 0.875rem; - padding: 0.65625rem 0.65625rem; -} - -.p-inputtext-lg .p-inputtext { - font-size: 1.25rem; - padding: 0.9375rem 0.9375rem; -} - -.p-listbox { - background: #ffffff; - color: #495057; - border: 1px solid #ced4da; - border-radius: 6px; -} -.p-listbox .p-listbox-header { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; - margin: 0; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-listbox .p-listbox-header .p-listbox-filter { - padding-right: 1.75rem; -} -.p-listbox .p-listbox-header .p-listbox-filter-icon { - right: 0.75rem; - color: #6c757d; -} -.p-listbox .p-listbox-header .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list { - padding: 0.75rem 0; -} -.p-listbox .p-listbox-list .p-listbox-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: #495057; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: #3B82F6; - background: #EFF6FF; -} -.p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #BFDBFE; -} -.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list .p-listbox-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: #343a40; - background: #ffffff; - font-weight: 700; -} -.p-listbox .p-listbox-list .p-listbox-empty-message { - padding: 0.75rem 1.25rem; - color: #495057; - background: transparent; -} -.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; -} - -p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #e24c4c; -} - -.p-multiselect { - background: #ffffff; - border: 1px solid #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; -} -.p-multiselect:not(.p-disabled):hover { - border-color: #3B82F6; -} -.p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; - border-color: #3B82F6; -} -.p-multiselect .p-multiselect-label { - padding: 0.75rem 0.75rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-multiselect .p-multiselect-label.p-placeholder { - color: #6c757d; -} -.p-multiselect.p-multiselect-chip .p-multiselect-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #EFF6FF; - color: #3B82F6; - border-radius: 6px; -} -.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { - margin-left: 0.5rem; -} -.p-multiselect .p-multiselect-trigger { - background: transparent; - color: #6c757d; - width: 3rem; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { - padding: 0.375rem 0.75rem; -} - -.p-multiselect-panel { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 6px; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.p-multiselect-panel .p-multiselect-header { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; - margin: 0; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { - padding-right: 1.75rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { - right: 0.75rem; - color: #6c757d; -} -.p-multiselect-panel .p-multiselect-header .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close { - margin-left: 0.5rem; - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} -.p-multiselect-panel .p-multiselect-items:not(.p-multiselect-virtualscroll) { - padding: 0.75rem 0; -} -.p-multiselect-panel .p-multiselect-items.p-multiselect-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.75rem 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: #3B82F6; - background: #EFF6FF; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #BFDBFE; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: #343a40; - background: #ffffff; - font-weight: 700; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { - padding: 0.75rem 1.25rem; - color: #495057; - background: transparent; -} - -p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #e24c4c; -} - -.p-input-filled .p-multiselect { - background: #e9ecef; -} -.p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #e9ecef; -} -.p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #ffffff; -} - -p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #e24c4c; -} - -.p-password-panel { - padding: 1.25rem; - background: #ffffff; - color: #495057; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border-radius: 6px; -} -.p-password-panel .p-password-meter { - margin-bottom: 0.5rem; - background: #dee2e6; -} -.p-password-panel .p-password-meter .p-password-strength.weak { - background: #ea5455; -} -.p-password-panel .p-password-meter .p-password-strength.medium { - background: #ff9f42; -} -.p-password-panel .p-password-meter .p-password-strength.strong { - background: #29c76f; -} - -.p-radiobutton { - width: 22px; - height: 22px; -} -.p-radiobutton .p-radiobutton-box { - border: 2px solid #ced4da; - background: #ffffff; - width: 22px; - height: 22px; - color: #495057; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #3B82F6; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; - border-color: #3B82F6; -} -.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - width: 12px; - height: 12px; - transition-duration: 0.2s; - background-color: #ffffff; -} -.p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #3B82F6; - background: #3B82F6; -} -.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #3B82F6; - background: #3B82F6; - color: #ffffff; -} - -p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #e24c4c; -} - -.p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #e9ecef; -} -.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #e9ecef; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #3B82F6; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #3B82F6; -} - -.p-radiobutton-label { - margin-left: 0.5rem; -} - -.p-rating .p-rating-icon { - color: #495057; - margin-left: 0.5rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - font-size: 1.143rem; -} -.p-rating .p-rating-icon.p-rating-cancel { - color: #ea5455; -} -.p-rating .p-rating-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} -.p-rating .p-rating-icon:first-child { - margin-left: 0; -} -.p-rating .p-rating-icon.pi-star-fill { - color: #3B82F6; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { - color: #3B82F6; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - color: #e73d3e; -} - -.p-selectbutton .p-button { - background: #ffffff; - border: 1px solid #ced4da; - color: #495057; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-selectbutton .p-button .p-button-icon-left, -.p-selectbutton .p-button .p-button-icon-right { - color: #6c757d; -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: #343a40; -} -.p-selectbutton .p-button.p-highlight { - background: #3B82F6; - border-color: #3B82F6; - color: #ffffff; -} -.p-selectbutton .p-button.p-highlight .p-button-icon-left, -.p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: #ffffff; -} -.p-selectbutton .p-button.p-highlight:hover { - background: #3B82F6; - border-color: #3B82F6; - color: #ffffff; -} -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: #ffffff; -} - -p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #e24c4c; -} - -.p-slider { - background: #dee2e6; - border: 0 none; - border-radius: 6px; -} -.p-slider.p-slider-horizontal { - height: 0.286rem; -} -.p-slider.p-slider-horizontal .p-slider-handle { - margin-top: -0.5715rem; - margin-left: -0.5715rem; -} -.p-slider.p-slider-vertical { - width: 0.286rem; -} -.p-slider.p-slider-vertical .p-slider-handle { - margin-left: -0.5715rem; - margin-bottom: -0.5715rem; -} -.p-slider .p-slider-handle { - height: 1.143rem; - width: 1.143rem; - background: #ffffff; - border: 2px solid #3B82F6; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-slider .p-slider-handle:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} -.p-slider .p-slider-range { - background: #3B82F6; -} -.p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #3B82F6; - border-color: #3B82F6; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { - transition: width 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { - transition: height 0.2s; -} - -.p-togglebutton.p-button { - background: #ffffff; - border: 1px solid #ced4da; - color: #495057; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-togglebutton.p-button .p-button-icon-left, -.p-togglebutton.p-button .p-button-icon-right { - color: #6c757d; -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: #343a40; -} -.p-togglebutton.p-button.p-highlight { - background: #3B82F6; - border-color: #3B82F6; - color: #ffffff; -} -.p-togglebutton.p-button.p-highlight .p-button-icon-left, -.p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: #ffffff; -} -.p-togglebutton.p-button.p-highlight:hover { - background: #3B82F6; - border-color: #3B82F6; - color: #ffffff; -} -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: #ffffff; -} - -p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #e24c4c; -} - -.p-treeselect { - background: #ffffff; - border: 1px solid #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; -} -.p-treeselect:not(.p-disabled):hover { - border-color: #3B82F6; -} -.p-treeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; - border-color: #3B82F6; -} -.p-treeselect .p-treeselect-label { - padding: 0.75rem 0.75rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-treeselect .p-treeselect-label.p-placeholder { - color: #6c757d; -} -.p-treeselect.p-treeselect-chip .p-treeselect-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #dee2e6; - color: #495057; - border-radius: 16px; -} -.p-treeselect .p-treeselect-trigger { - background: transparent; - color: #6c757d; - width: 3rem; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -p-treeselect.ng-invalid.ng-dirty > .p-treeselect { - border-color: #e24c4c; -} - -.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { - padding: 0.375rem 0.75rem; -} - -.p-treeselect-panel { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 6px; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { - border: 0 none; -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { - padding: 0.75rem 1.25rem; - color: #495057; - background: transparent; -} - -.p-input-filled .p-treeselect { - background: #e9ecef; -} -.p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #e9ecef; -} -.p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: #ffffff; -} - -.p-button { - color: #ffffff; - background: #3B82F6; - border: 1px solid #3B82F6; - padding: 0.75rem 1.25rem; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; -} -.p-button:enabled:hover { - background: #3B82F6; - color: #ffffff; - border-color: #3B82F6; -} -.p-button:enabled:active { - background: #3B82F6; - color: #ffffff; - border-color: #3B82F6; -} -.p-button.p-button-outlined { - background-color: transparent; - color: #3B82F6; - border: 1px solid; -} -.p-button.p-button-outlined:enabled:hover { - background: rgba(59, 130, 246, 0.04); - color: #3B82F6; - border: 1px solid; -} -.p-button.p-button-outlined:enabled:active { - background: rgba(59, 130, 246, 0.16); - color: #3B82F6; - border: 1px solid; -} -.p-button.p-button-outlined.p-button-plain { - color: #6c757d; - border-color: #6c757d; -} -.p-button.p-button-outlined.p-button-plain:enabled:hover { - background: #e9ecef; - color: #6c757d; -} -.p-button.p-button-outlined.p-button-plain:enabled:active { - background: #dee2e6; - color: #6c757d; -} -.p-button.p-button-text { - background-color: transparent; - color: #3B82F6; - border-color: transparent; -} -.p-button.p-button-text:enabled:hover { - background: rgba(59, 130, 246, 0.04); - color: #3B82F6; - border-color: transparent; -} -.p-button.p-button-text:enabled:active { - background: rgba(59, 130, 246, 0.16); - color: #3B82F6; - border-color: transparent; -} -.p-button.p-button-text.p-button-plain { - color: #6c757d; -} -.p-button.p-button-text.p-button-plain:enabled:hover { - background: #e9ecef; - color: #6c757d; -} -.p-button.p-button-text.p-button-plain:enabled:active { - background: #dee2e6; - color: #6c757d; -} -.p-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} -.p-button .p-button-icon-left { - margin-right: 0.5rem; -} -.p-button .p-button-icon-right { - margin-left: 0.5rem; -} -.p-button .p-button-icon-bottom { - margin-top: 0.5rem; -} -.p-button .p-button-icon-top { - margin-bottom: 0.5rem; -} -.p-button .p-badge { - margin-left: 0.5rem; - min-width: 1rem; - height: 1rem; - line-height: 1rem; - color: #3B82F6; - background-color: #ffffff; -} -.p-button.p-button-raised { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -} -.p-button.p-button-rounded { - border-radius: 2rem; -} -.p-button.p-button-icon-only { - width: 3rem; - padding: 0.75rem 0; -} -.p-button.p-button-icon-only .p-button-icon-left, -.p-button.p-button-icon-only .p-button-icon-right { - margin: 0; -} -.p-button.p-button-icon-only.p-button-rounded { - border-radius: 50%; - height: 3rem; -} -.p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.65625rem 1.09375rem; -} -.p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; -} -.p-button.p-button-lg { - font-size: 1.25rem; - padding: 0.9375rem 1.5625rem; -} -.p-button.p-button-lg .p-button-icon { - font-size: 1.25rem; -} -.p-button.p-button-loading-label-only .p-button-label { - margin-left: 0.5rem; -} -.p-button.p-button-loading-label-only .p-button-loading-icon { - margin-right: 0; -} - -.p-fluid .p-button { - width: 100%; -} -.p-fluid .p-button-icon-only { - width: 3rem; -} -.p-fluid .p-buttonset { - display: flex; -} -.p-fluid .p-buttonset .p-button { - flex: 1; -} - -.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { - color: #ffffff; - background: #64748B; - border: 1px solid #64748B; -} -.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { - background: #475569; - color: #ffffff; - border-color: #475569; -} -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #E2E8F0; -} -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: #334155; - color: #ffffff; - border-color: #334155; -} -.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { - background-color: transparent; - color: #64748B; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { - background: rgba(100, 116, 139, 0.04); - color: #64748B; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { - background: rgba(100, 116, 139, 0.16); - color: #64748B; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { - background-color: transparent; - color: #64748B; - border-color: transparent; -} -.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { - background: rgba(100, 116, 139, 0.04); - border-color: transparent; - color: #64748B; -} -.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { - background: rgba(100, 116, 139, 0.16); - border-color: transparent; - color: #64748B; -} - -.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { - color: #ffffff; - background: #3B82F6; - border: 1px solid #3B82F6; -} -.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { - background: #2563EB; - color: #ffffff; - border-color: #2563EB; -} -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #BFDBFE; -} -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: #1D4ED8; - color: #ffffff; - border-color: #1D4ED8; -} -.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { - background-color: transparent; - color: #3B82F6; - border: 1px solid; -} -.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { - background: rgba(59, 130, 246, 0.04); - color: #3B82F6; - border: 1px solid; -} -.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { - background: rgba(59, 130, 246, 0.16); - color: #3B82F6; - border: 1px solid; -} -.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { - background-color: transparent; - color: #3B82F6; - border-color: transparent; -} -.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { - background: rgba(59, 130, 246, 0.04); - border-color: transparent; - color: #3B82F6; -} -.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { - background: rgba(59, 130, 246, 0.16); - border-color: transparent; - color: #3B82F6; -} - -.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { - color: #ffffff; - background: #22C55E; - border: 1px solid #22C55E; -} -.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { - background: #16A34A; - color: #ffffff; - border-color: #16A34A; -} -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #BBF7D0; -} -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: #15803D; - color: #ffffff; - border-color: #15803D; -} -.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { - background-color: transparent; - color: #22C55E; - border: 1px solid; -} -.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { - background: rgba(34, 197, 94, 0.04); - color: #22C55E; - border: 1px solid; -} -.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { - background: rgba(34, 197, 94, 0.16); - color: #22C55E; - border: 1px solid; -} -.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { - background-color: transparent; - color: #22C55E; - border-color: transparent; -} -.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { - background: rgba(34, 197, 94, 0.04); - border-color: transparent; - color: #22C55E; -} -.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { - background: rgba(34, 197, 94, 0.16); - border-color: transparent; - color: #22C55E; -} - -.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { - color: #ffffff; - background: #F59E0B; - border: 1px solid #F59E0B; -} -.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { - background: #D97706; - color: #ffffff; - border-color: #D97706; -} -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #FDE68A; -} -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: #B45309; - color: #ffffff; - border-color: #B45309; -} -.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { - background-color: transparent; - color: #F59E0B; - border: 1px solid; -} -.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { - background: rgba(245, 158, 11, 0.04); - color: #F59E0B; - border: 1px solid; -} -.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { - background: rgba(245, 158, 11, 0.16); - color: #F59E0B; - border: 1px solid; -} -.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { - background-color: transparent; - color: #F59E0B; - border-color: transparent; -} -.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { - background: rgba(245, 158, 11, 0.04); - border-color: transparent; - color: #F59E0B; -} -.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { - background: rgba(245, 158, 11, 0.16); - border-color: transparent; - color: #F59E0B; -} - -.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { - color: #ffffff; - background: #A855F7; - border: 1px solid #A855F7; -} -.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { - background: #9333EA; - color: #ffffff; - border-color: #9333EA; -} -.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #E9D5FF; -} -.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: #7E22CE; - color: #ffffff; - border-color: #7E22CE; -} -.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { - background-color: transparent; - color: #A855F7; - border: 1px solid; -} -.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { - background: rgba(168, 85, 247, 0.04); - color: #A855F7; - border: 1px solid; -} -.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { - background: rgba(168, 85, 247, 0.16); - color: #A855F7; - border: 1px solid; -} -.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { - background-color: transparent; - color: #A855F7; - border-color: transparent; -} -.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { - background: rgba(168, 85, 247, 0.04); - border-color: transparent; - color: #A855F7; -} -.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { - background: rgba(168, 85, 247, 0.16); - border-color: transparent; - color: #A855F7; -} - -.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { - color: #ffffff; - background: #EF4444; - border: 1px solid #EF4444; -} -.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { - background: #DC2626; - color: #ffffff; - border-color: #DC2626; -} -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #FECACA; -} -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: #B91C1C; - color: #ffffff; - border-color: #B91C1C; -} -.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { - background-color: transparent; - color: #EF4444; - border: 1px solid; -} -.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { - background: rgba(239, 68, 68, 0.04); - color: #EF4444; - border: 1px solid; -} -.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { - background: rgba(239, 68, 68, 0.16); - color: #EF4444; - border: 1px solid; -} -.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { - background-color: transparent; - color: #EF4444; - border-color: transparent; -} -.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { - background: rgba(239, 68, 68, 0.04); - border-color: transparent; - color: #EF4444; -} -.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { - background: rgba(239, 68, 68, 0.16); - border-color: transparent; - color: #EF4444; -} - -.p-button.p-button-link { - color: #3B82F6; - background: transparent; - border: transparent; -} -.p-button.p-button-link:enabled:hover { - background: transparent; - color: #3B82F6; - border-color: transparent; -} -.p-button.p-button-link:enabled:hover .p-button-label { - text-decoration: underline; -} -.p-button.p-button-link:enabled:focus { - background: transparent; - box-shadow: 0 0 0 0.2rem #BFDBFE; - border-color: transparent; -} -.p-button.p-button-link:enabled:active { - background: transparent; - color: #3B82F6; - border-color: transparent; -} - -.p-speeddial-button.p-button.p-button-icon-only { - width: 4rem; - height: 4rem; -} -.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { - font-size: 1.3rem; -} - -.p-speeddial-action { - width: 3rem; - height: 3rem; - background: #495057; - color: #fff; -} -.p-speeddial-action:hover { - background: #022354; - color: #fff; -} - -.p-speeddial-direction-up .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-up .p-speeddial-item:first-child { - margin-bottom: 0.5rem; -} - -.p-speeddial-direction-down .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-down .p-speeddial-item:first-child { - margin-top: 0.5rem; -} - -.p-speeddial-direction-left .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-left .p-speeddial-item:first-child { - margin-right: 0.5rem; -} - -.p-speeddial-direction-right .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-right .p-speeddial-item:first-child { - margin-left: 0.5rem; -} - -.p-speeddial-circle .p-speeddial-item, -.p-speeddial-semi-circle .p-speeddial-item, -.p-speeddial-quarter-circle .p-speeddial-item { - margin: 0; -} -.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, -.p-speeddial-semi-circle .p-speeddial-item:first-child, -.p-speeddial-semi-circle .p-speeddial-item:last-child, -.p-speeddial-quarter-circle .p-speeddial-item:first-child, -.p-speeddial-quarter-circle .p-speeddial-item:last-child { - margin: 0; -} - -.p-speeddial-mask { - background-color: rgba(0, 0, 0, 0.4); -} - -.p-carousel .p-carousel-content .p-carousel-prev, -.p-carousel .p-carousel-content .p-carousel-next { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin: 0.5rem; -} -.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, -.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} -.p-carousel .p-carousel-indicators { - padding: 1rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator { - margin-right: 0.5rem; - margin-bottom: 0.5rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: #ced4da; - width: 2rem; - height: 0.5rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 0; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { - background: #adb5bd; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #EFF6FF; - color: #3B82F6; -} - -.p-datatable .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-datatable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-datatable .p-datatable-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; -} -.p-datatable .p-datatable-footer { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; -} -.p-datatable .p-datatable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #dee2e6; - border-width: 0 0 1px 0; - font-weight: 700; - color: #343a40; - background: #f8f9fa; - transition: box-shadow 0.2s; -} -.p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #dee2e6; - border-width: 0 0 1px 0; - font-weight: 700; - color: #343a40; - background: #f8f9fa; -} -.p-datatable .p-sortable-column .p-sortable-column-icon { - color: #343a40; - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: #3B82F6; - background: #EFF6FF; - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column:not(.p-highlight):hover { - background: #e9ecef; - color: #343a40; -} -.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #343a40; -} -.p-datatable .p-sortable-column.p-highlight { - background: #EFF6FF; - color: #3B82F6; -} -.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #3B82F6; -} -.p-datatable .p-sortable-column.p-highlight:hover { - background: #EFF6FF; - color: #3B82F6; -} -.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { - color: #3B82F6; -} -.p-datatable .p-sortable-column:focus { - box-shadow: inset 0 0 0 1px #BFDBFE; - outline: 0 none; -} -.p-datatable .p-datatable-tbody > tr { - background: #ffffff; - color: #495057; - transition: box-shadow 0.2s; - outline-color: #BFDBFE; -} -.p-datatable .p-datatable-tbody > tr > td { - text-align: left; - border: 1px solid #dee2e6; - border-width: 0 0 1px 0; - padding: 1rem 1rem; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { - margin-right: 0.5rem; -} -.p-datatable .p-datatable-tbody > tr.p-highlight { - background: #EFF6FF; - color: #3B82F6; -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #EFF6FF; -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #EFF6FF; -} -.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} -.p-datatable .p-column-resizer-helper { - background: #3B82F6; -} -.p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #f8f9fa; -} -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot { - background-color: #f8f9fa; -} -.p-datatable .p-datatable-loading-icon { - font-size: 2rem; -} -.p-datatable.p-datatable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-footer { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-top { - border-width: 0 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-bottom { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { - border-width: 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: #3B82F6; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: #3B82F6; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: #3B82F6; -} -.p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-lg .p-datatable-header { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-footer { - padding: 1.25rem 1.25rem; -} - -.p-dataview .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-dataview .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-dataview .p-dataview-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; -} -.p-dataview .p-dataview-content { - background: #ffffff; - color: #495057; - border: 0 none; - padding: 0; -} -.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid #dee2e6; - border-width: 0 0 1px 0; -} -.p-dataview .p-dataview-footer { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} -.p-dataview .p-dataview-loading-icon { - font-size: 2rem; -} -.p-dataview .p-dataview-emptymessage { - padding: 1.25rem; -} - -.p-column-filter-row .p-column-filter-menu-button, -.p-column-filter-row .p-column-filter-clear-button { - margin-left: 0.5rem; -} - -.p-column-filter-menu-button { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-menu-button:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: #e9ecef; - color: #343a40; -} -.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: #EFF6FF; - color: #3B82F6; -} -.p-column-filter-menu-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} - -.p-column-filter-clear-button { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-clear-button:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.p-column-filter-clear-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} - -.p-column-filter-overlay { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 6px; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - min-width: 12.5rem; -} -.p-column-filter-overlay .p-column-filter-row-items { - padding: 0.75rem 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: #3B82F6; - background: #EFF6FF; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #BFDBFE; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} - -.p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; - margin: 0; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-column-filter-overlay-menu .p-column-filter-constraint { - padding: 1.25rem; - border-bottom: 1px solid #dee2e6; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { - margin-bottom: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { - margin-top: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { - border-bottom: 0 none; -} -.p-column-filter-overlay-menu .p-column-filter-add-rule { - padding: 0.75rem 1.25rem; -} -.p-column-filter-overlay-menu .p-column-filter-buttonbar { - padding: 1.25rem; -} - -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #f8f9fa; - border: 1px solid #dee2e6; - color: #343a40; -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #ffffff; - border: 1px solid #dee2e6; - color: #495057; -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #dee2e6; -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #dee2e6; -} -.fc.fc-unthemed .fc-view-container .fc-event { - background: #3B82F6; - border: 1px solid #3B82F6; - color: #ffffff; -} -.fc.fc-unthemed .fc-view-container .fc-divider { - background: #f8f9fa; - border: 1px solid #dee2e6; -} -.fc.fc-unthemed .fc-toolbar .fc-button { - color: #ffffff; - background: #3B82F6; - border: 1px solid #3B82F6; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; - display: flex; - align-items: center; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #3B82F6; - color: #ffffff; - border-color: #3B82F6; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #3B82F6; - color: #ffffff; - border-color: #3B82F6; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 1px solid #ced4da; - color: #495057; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #3B82F6; - border-color: #3B82F6; - color: #ffffff; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #3B82F6; - border-color: #3B82F6; - color: #ffffff; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; - z-index: 1; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} -.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #dee2e6; -} -.fc.fc-theme-standard .fc-view-harness th { - background: #f8f9fa; - border-color: #dee2e6; - color: #343a40; -} -.fc.fc-theme-standard .fc-view-harness td { - color: #495057; - border-color: #dee2e6; -} -.fc.fc-theme-standard .fc-view-harness .fc-view { - background: #ffffff; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #dee2e6; - padding: 1.25rem; - background: #f8f9fa; - color: #343a40; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1.25rem; - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - border-top: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #ffffff; - background: #3B82F6; - border-color: #3B82F6; -} -.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: #3B82F6; - border-color: #3B82F6; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: #e9ecef; - color: #495057; -} -.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #f8f9fa; -} -.fc.fc-theme-standard .fc-toolbar .fc-button { - color: #ffffff; - background: #3B82F6; - border: 1px solid #3B82F6; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #3B82F6; - color: #ffffff; - border-color: #3B82F6; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #3B82F6; - color: #ffffff; - border-color: #3B82F6; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.6; - color: #ffffff; - background: #3B82F6; - border: 1px solid #3B82F6; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 1px solid #ced4da; - color: #495057; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #3B82F6; - border-color: #3B82F6; - color: #ffffff; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #3B82F6; - border-color: #3B82F6; - color: #ffffff; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; - z-index: 1; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} -.fc.fc-theme-standard a { - color: #495057; -} -.fc.fc-theme-standard .fc-highlight { - color: #3B82F6; - background: #EFF6FF; -} - -.p-orderlist .p-orderlist-controls { - padding: 1.25rem; -} -.p-orderlist .p-orderlist-controls .p-button { - margin-bottom: 0.5rem; -} -.p-orderlist .p-orderlist-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; - padding: 1.25rem; - border-bottom: 0 none; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-orderlist .p-orderlist-header .p-orderlist-title { - font-weight: 700; -} -.p-orderlist .p-orderlist-filter-container { - padding: 1.25rem; - background: #ffffff; - border: 1px solid #dee2e6; - border-bottom: 0 none; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { - padding-right: 1.75rem; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { - right: 0.75rem; - color: #6c757d; -} -.p-orderlist .p-orderlist-list { - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-orderlist .p-orderlist-list .p-orderlist-item { - padding: 0.75rem 1.25rem; - margin: 0; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; -} -.p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #BFDBFE; -} -.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #3B82F6; - background: #EFF6FF; -} -.p-orderlist .p-orderlist-list .p-orderlist-empty-message { - padding: 0.75rem 1.25rem; - color: #495057; -} -.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} - -.p-orderlist-item.cdk-drag-preview { - padding: 0.75rem 1.25rem; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border: 0 none; - color: #495057; - background: #ffffff; - margin: 0; -} - -.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} -.p-organizationchart .p-organizationchart-node-content.p-highlight { - background: #EFF6FF; - color: #3B82F6; -} -.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: #70aeff; -} -.p-organizationchart .p-organizationchart-line-down { - background: #dee2e6; -} -.p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #dee2e6; - border-color: #dee2e6; -} -.p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #dee2e6; - border-color: #dee2e6; -} -.p-organizationchart .p-organizationchart-node-content { - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - padding: 1.25rem; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler { - background: inherit; - color: inherit; - border-radius: 50%; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} - -.p-paginator { - background: #ffffff; - color: #6c757d; - border: solid #e9ecef; - border-width: 0; - padding: 0.5rem 1rem; - border-radius: 6px; -} -.p-paginator .p-paginator-first, -.p-paginator .p-paginator-prev, -.p-paginator .p-paginator-next, -.p-paginator .p-paginator-last { - background-color: transparent; - border: 0 none; - color: #6c757d; - min-width: 3rem; - height: 3rem; - margin: 0.143rem; - transition: box-shadow 0.2s; - border-radius: 50%; -} -.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; - border-color: transparent; - color: #343a40; -} -.p-paginator .p-paginator-first { - border-top-left-radius: 50%; - border-bottom-left-radius: 50%; -} -.p-paginator .p-paginator-last { - border-top-right-radius: 50%; - border-bottom-right-radius: 50%; -} -.p-paginator .p-dropdown { - margin-left: 0.5rem; - margin-right: 0.5rem; - height: 3rem; -} -.p-paginator .p-dropdown .p-dropdown-label { - padding-right: 0; -} -.p-paginator .p-paginator-page-input { - margin-left: 0.5rem; - margin-right: 0.5rem; -} -.p-paginator .p-paginator-page-input .p-inputtext { - max-width: 3rem; -} -.p-paginator .p-paginator-current { - background-color: transparent; - border: 0 none; - color: #6c757d; - min-width: 3rem; - height: 3rem; - margin: 0.143rem; - padding: 0 0.5rem; -} -.p-paginator .p-paginator-pages .p-paginator-page { - background-color: transparent; - border: 0 none; - color: #6c757d; - min-width: 3rem; - height: 3rem; - margin: 0.143rem; - transition: box-shadow 0.2s; - border-radius: 50%; -} -.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: #EFF6FF; - border-color: #EFF6FF; - color: #3B82F6; -} -.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { - background: #e9ecef; - border-color: transparent; - color: #343a40; -} - -.p-picklist .p-picklist-buttons { - padding: 1.25rem; -} -.p-picklist .p-picklist-buttons .p-button { - margin-bottom: 0.5rem; -} -.p-picklist .p-picklist-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; - padding: 1.25rem; - border-bottom: 0 none; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-picklist .p-picklist-header .p-picklist-title { - font-weight: 700; -} -.p-picklist .p-picklist-filter-container { - padding: 1.25rem; - background: #ffffff; - border: 1px solid #dee2e6; - border-bottom: 0 none; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-input { - padding-right: 1.75rem; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { - right: 0.75rem; - color: #6c757d; -} -.p-picklist .p-picklist-list { - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-picklist .p-picklist-list .p-picklist-item { - padding: 0.75rem 1.25rem; - margin: 0; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; -} -.p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #BFDBFE; -} -.p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: #3B82F6; - background: #EFF6FF; -} -.p-picklist .p-picklist-list .p-picklist-empty-message { - padding: 0.75rem 1.25rem; - color: #495057; -} -.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} - -.p-picklist-item.cdk-drag-preview { - padding: 0.75rem 1.25rem; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border: 0 none; - color: #495057; - background: #ffffff; - margin: 0; -} - -.p-timeline .p-timeline-event-marker { - border: 2px solid #3B82F6; - border-radius: 50%; - width: 1rem; - height: 1rem; - background-color: #ffffff; -} -.p-timeline .p-timeline-event-connector { - background-color: #dee2e6; -} -.p-timeline.p-timeline-vertical .p-timeline-event-opposite, -.p-timeline.p-timeline-vertical .p-timeline-event-content { - padding: 0 1rem; -} -.p-timeline.p-timeline-vertical .p-timeline-event-connector { - width: 2px; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, -.p-timeline.p-timeline-horizontal .p-timeline-event-content { - padding: 1rem 0; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-connector { - height: 2px; -} - -.p-tree { - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - padding: 1.25rem; - border-radius: 6px; -} -.p-tree .p-tree-container .p-treenode { - padding: 0.143rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content { - border-radius: 6px; - transition: box-shadow 0.2s; - padding: 0.5rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { - margin-right: 0.5rem; - color: #6c757d; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { - color: #495057; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: #EFF6FF; - color: #3B82F6; -} -.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: #3B82F6; -} -.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: #3B82F6; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { - background: #e9ecef; - color: #495057; -} -.p-tree .p-tree-filter-container { - margin-bottom: 0.5rem; -} -.p-tree .p-tree-filter-container .p-tree-filter { - width: 100%; - padding-right: 1.75rem; -} -.p-tree .p-tree-filter-container .p-tree-filter-icon { - right: 0.75rem; - color: #6c757d; -} -.p-tree .p-treenode-children { - padding: 0 0 0 1rem; -} -.p-tree .p-tree-loading-icon { - font-size: 2rem; -} -.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: #8cbeff; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { - border-radius: 6px; - border: 1px solid #dee2e6; - background-color: #ffffff; - color: #495057; - padding: 0.5rem; - transition: box-shadow 0.2s; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { - background-color: #EFF6FF; - color: #3B82F6; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #3B82F6; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { - background-color: inherit; - color: inherit; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} - -.p-treetable .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-treetable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-treetable .p-treetable-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; -} -.p-treetable .p-treetable-footer { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; -} -.p-treetable .p-treetable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #dee2e6; - border-width: 0 0 1px 0; - font-weight: 700; - color: #343a40; - background: #f8f9fa; - transition: box-shadow 0.2s; -} -.p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #dee2e6; - border-width: 0 0 1px 0; - font-weight: 700; - color: #343a40; - background: #f8f9fa; -} -.p-treetable .p-sortable-column { - outline-color: #BFDBFE; -} -.p-treetable .p-sortable-column .p-sortable-column-icon { - color: #343a40; - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: #3B82F6; - background: #EFF6FF; - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column:not(.p-highlight):hover { - background: #e9ecef; - color: #343a40; -} -.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #343a40; -} -.p-treetable .p-sortable-column.p-highlight { - background: #EFF6FF; - color: #3B82F6; -} -.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #3B82F6; -} -.p-treetable .p-treetable-tbody > tr { - background: #ffffff; - color: #495057; - transition: box-shadow 0.2s; - outline-color: #BFDBFE; -} -.p-treetable .p-treetable-tbody > tr > td { - text-align: left; - border: 1px solid #dee2e6; - border-width: 0 0 1px 0; - padding: 1rem 1rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { - color: #495057; -} -.p-treetable .p-treetable-tbody > tr.p-highlight { - background: #EFF6FF; - color: #3B82F6; -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: #3B82F6; -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: #3B82F6; -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { - color: #495057; -} -.p-treetable .p-column-resizer-helper { - background: #3B82F6; -} -.p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #f8f9fa; -} -.p-treetable .p-treetable-loading-icon { - font-size: 2rem; -} -.p-treetable.p-treetable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-footer { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-top { - border-width: 0 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-bottom { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-sm .p-treetable-header { - padding: 0.875rem 0.875rem; -} -.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-footer { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-lg .p-treetable-header { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-footer { - padding: 1.25rem 1.25rem; -} - -.p-virtualscroller .p-virtualscroller-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; -} -.p-virtualscroller .p-virtualscroller-content { - background: #ffffff; - color: #495057; - border: 0 none; - padding: 0; -} -.p-virtualscroller .p-virtualscroller-footer { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.p-accordion .p-accordion-header .p-accordion-header-link { - padding: 1.25rem; - border: 1px solid #dee2e6; - color: #6c757d; - background: #f8f9fa; - font-weight: 700; - border-radius: 6px; - transition: box-shadow 0.2s; -} -.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { - margin-right: 0.5rem; -} -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} -.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { - background: #e9ecef; - border-color: #dee2e6; - color: #343a40; -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #f8f9fa; - border-color: #dee2e6; - color: #343a40; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-color: #dee2e6; - background: #e9ecef; - color: #343a40; -} -.p-accordion .p-accordion-content { - padding: 1.25rem; - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-accordion p-accordiontab .p-accordion-tab { - margin-bottom: 4px; -} - -.p-card { - background: #ffffff; - color: #495057; - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); - border-radius: 6px; -} -.p-card .p-card-body { - padding: 1.25rem; -} -.p-card .p-card-title { - font-size: 1.5rem; - font-weight: 700; - margin-bottom: 0.5rem; -} -.p-card .p-card-subtitle { - font-weight: 400; - margin-bottom: 0.5rem; - color: #6c757d; -} -.p-card .p-card-content { - padding: 1.25rem 0; -} -.p-card .p-card-footer { - padding: 1.25rem 0 0 0; -} - -.p-divider .p-divider-content { - background-color: #ffffff; -} -.p-divider.p-divider-horizontal { - margin: 1.25rem 0; - padding: 0 1.25rem; -} -.p-divider.p-divider-horizontal:before { - border-top: 1px #dee2e6; -} -.p-divider.p-divider-horizontal .p-divider-content { - padding: 0 0.5rem; -} -.p-divider.p-divider-vertical { - margin: 0 1.25rem; - padding: 1.25rem 0; -} -.p-divider.p-divider-vertical:before { - border-left: 1px #dee2e6; -} -.p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; -} - -.p-fieldset { - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - border-radius: 6px; -} -.p-fieldset .p-fieldset-legend { - padding: 1.25rem; - border: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; - font-weight: 700; - border-radius: 6px; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { - padding: 0; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { - padding: 1.25rem; - color: #343a40; - border-radius: 6px; - transition: box-shadow 0.2s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { - margin-right: 0.5rem; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: #e9ecef; - border-color: #dee2e6; - color: #343a40; -} -.p-fieldset .p-fieldset-content { - padding: 1.25rem; -} - -.p-panel .p-panel-header { - border: 1px solid #dee2e6; - padding: 1.25rem; - background: #f8f9fa; - color: #343a40; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-panel .p-panel-header .p-panel-title { - font-weight: 700; -} -.p-panel .p-panel-header .p-panel-header-icon { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.p-panel .p-panel-header .p-panel-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} -.p-panel.p-panel-toggleable .p-panel-header { - padding: 0.75rem 1.25rem; -} -.p-panel .p-panel-content { - padding: 1.25rem; - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - border-top: 0 none; -} -.p-panel .p-panel-footer { - padding: 0.75rem 1.25rem; - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - border-top: 0 none; -} - -.p-scrollpanel .p-scrollpanel-bar { - background: #f8f9fa; - border: 0 none; -} - -.p-splitter { - border: 1px solid #dee2e6; - background: #ffffff; - border-radius: 6px; - color: #495057; -} -.p-splitter .p-splitter-gutter { - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - background: #f8f9fa; -} -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: #dee2e6; -} -.p-splitter .p-splitter-gutter-resizing { - background: #dee2e6; -} - -.p-tabview .p-tabview-nav { - background: #ffffff; - border: 1px solid #dee2e6; - border-width: 0 0 2px 0; -} -.p-tabview .p-tabview-nav li { - margin-right: 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #dee2e6; - border-width: 0 0 2px 0; - border-color: transparent transparent #dee2e6 transparent; - background: #ffffff; - color: #6c757d; - padding: 1.25rem; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #BFDBFE; -} -.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #ffffff; - border-color: #adb5bd; - color: #6c757d; -} -.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #ffffff; - border-color: #3B82F6; - color: #3B82F6; -} -.p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; -} -.p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-close { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-nav-btn.p-link { - background: #ffffff; - color: #3B82F6; - width: 3rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; -} -.p-tabview .p-tabview-nav-btn.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #BFDBFE; -} -.p-tabview .p-tabview-panels { - background: #ffffff; - padding: 1.25rem; - border: 0 none; - color: #495057; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} - -.p-toolbar { - background: #f8f9fa; - border: 1px solid #dee2e6; - padding: 1.25rem; - border-radius: 6px; -} -.p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; -} - -.p-confirm-popup { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 6px; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); -} -.p-confirm-popup .p-confirm-popup-content { - padding: 1.25rem; -} -.p-confirm-popup .p-confirm-popup-footer { - text-align: right; - padding: 0.75rem 1.25rem; -} -.p-confirm-popup .p-confirm-popup-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-confirm-popup .p-confirm-popup-footer button:last-child { - margin: 0; -} -.p-confirm-popup:after { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-confirm-popup:before { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-confirm-popup.p-confirm-popup-flipped:after { - border-top-color: #ffffff; -} -.p-confirm-popup.p-confirm-popup-flipped:before { - border-top-color: #ffffff; -} -.p-confirm-popup .p-confirm-popup-icon { - font-size: 1.5rem; -} -.p-confirm-popup .p-confirm-popup-message { - margin-left: 1rem; -} - -.p-dialog { - border-radius: 6px; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); - border: 0 none; -} -.p-dialog .p-dialog-header { - border-bottom: 0 none; - background: #ffffff; - color: #343a40; - padding: 1.5rem; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-dialog .p-dialog-header .p-dialog-title { - font-weight: 700; - font-size: 1.25rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { - margin-right: 0; -} -.p-dialog .p-dialog-content { - background: #ffffff; - color: #495057; - padding: 0 1.5rem 2rem 1.5rem; -} -.p-dialog .p-dialog-footer { - border-top: 0 none; - background: #ffffff; - color: #495057; - padding: 0 1.5rem 1.5rem 1.5rem; - text-align: right; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-dialog .p-dialog-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { - font-size: 2rem; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; -} - -.p-overlaypanel { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 6px; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); -} -.p-overlaypanel .p-overlaypanel-content { - padding: 1.25rem; -} -.p-overlaypanel .p-overlaypanel-close { - background: #3B82F6; - color: #ffffff; - width: 2rem; - height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; - position: absolute; - top: -1rem; - right: -1rem; -} -.p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #3B82F6; - 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: #ffffff; -} -.p-overlaypanel.p-overlaypanel-flipped:after { - border-top-color: #ffffff; -} -.p-overlaypanel.p-overlaypanel-flipped:before { - border-top-color: #ffffff; -} - -.p-sidebar { - background: #ffffff; - color: #495057; - border: 0 none; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); -} -.p-sidebar .p-sidebar-header { - padding: 1.25rem; -} -.p-sidebar .p-sidebar-header .p-sidebar-close, -.p-sidebar .p-sidebar-header .p-sidebar-icon { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, -.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} -.p-sidebar .p-sidebar-header + .p-sidebar-content { - padding-top: 0; -} -.p-sidebar .p-sidebar-content { - padding: 1.25rem; -} - -.p-tooltip .p-tooltip-text { - background: #495057; - color: #ffffff; - padding: 0.75rem 0.75rem; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border-radius: 6px; -} -.p-tooltip.p-tooltip-right .p-tooltip-arrow { - border-right-color: #495057; -} -.p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #495057; -} -.p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #495057; -} -.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #495057; -} - -.p-fileupload .p-fileupload-buttonbar { - background: #f8f9fa; - padding: 1.25rem; - border: 1px solid #dee2e6; - color: #343a40; - border-bottom: 0 none; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; -} -.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} -.p-fileupload .p-fileupload-content { - background: #ffffff; - padding: 2rem 1rem; - border: 1px solid #dee2e6; - color: #495057; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-fileupload .p-progressbar { - height: 0.25rem; -} -.p-fileupload .p-fileupload-row > div { - padding: 1rem 1rem; -} -.p-fileupload.p-fileupload-advanced .p-message { - margin-top: 0; -} - -.p-fileupload-choose:not(.p-disabled):hover { - background: #3B82F6; - color: #ffffff; - border-color: #3B82F6; -} -.p-fileupload-choose:not(.p-disabled):active { - background: #3B82F6; - color: #ffffff; - border-color: #3B82F6; -} - -.p-breadcrumb { - background: #ffffff; - border: 1px solid #dee2e6; - border-radius: 6px; - padding: 1rem; -} -.p-breadcrumb ul li .p-menuitem-link { - transition: box-shadow 0.2s; - border-radius: 6px; -} -.p-breadcrumb ul li .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { - color: #6c757d; -} -.p-breadcrumb ul li.p-breadcrumb-chevron { - margin: 0 0.5rem 0 0.5rem; - color: #495057; -} -.p-breadcrumb ul li:last-child .p-menuitem-text { - color: #495057; -} -.p-breadcrumb ul li:last-child .p-menuitem-icon { - color: #6c757d; -} - -.p-contextmenu { - padding: 0.25rem 0; - background: #ffffff; - color: #495057; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border-radius: 6px; - width: 12.5rem; -} -.p-contextmenu .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-contextmenu .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-contextmenu .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-contextmenu .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #BFDBFE; -} -.p-contextmenu .p-submenu-list { - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border-radius: 6px; -} -.p-contextmenu .p-menuitem { - margin: 0; -} -.p-contextmenu .p-menuitem:last-child { - margin: 0; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #EFF6FF; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #3B82F6; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #3B82F6; -} -.p-contextmenu .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} -.p-contextmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-dock .p-dock-list { - background: rgba(255, 255, 255, 0.1); - border: 1px solid rgba(255, 255, 255, 0.2); - padding: 0.5rem 0.5rem; - border-radius: 0.5rem; -} -.p-dock .p-dock-item { - padding: 0.5rem; -} -.p-dock .p-dock-action { - width: 4rem; - height: 4rem; -} -.p-dock.p-dock-top .p-dock-item-second-prev, -.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, -.p-dock.p-dock-bottom .p-dock-item-second-next { - margin: 0 0.9rem; -} -.p-dock.p-dock-top .p-dock-item-prev, -.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, -.p-dock.p-dock-bottom .p-dock-item-next { - margin: 0 1.3rem; -} -.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { - margin: 0 1.5rem; -} -.p-dock.p-dock-left .p-dock-item-second-prev, -.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, -.p-dock.p-dock-right .p-dock-item-second-next { - margin: 0.9rem 0; -} -.p-dock.p-dock-left .p-dock-item-prev, -.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, -.p-dock.p-dock-right .p-dock-item-next { - margin: 1.3rem 0; -} -.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { - margin: 1.5rem 0; -} - -@media screen and (max-width: 960px) { - .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { - margin: auto 0; - } - .p-dock .p-dock-list .p-dock-item { - transform: none; - margin: 0; - } -} -.p-megamenu { - padding: 0.5rem; - background: #f8f9fa; - color: #495057; - border: 1px solid #dee2e6; - border-radius: 6px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: #495057; - border-radius: 6px; - transition: box-shadow 0.2s; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: #6c757d; - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #BFDBFE; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #EFF6FF; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #3B82F6; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #3B82F6; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #3B82F6; -} -.p-megamenu .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-megamenu .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-megamenu .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-megamenu .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #BFDBFE; -} -.p-megamenu .p-megamenu-panel { - background: #ffffff; - color: #495057; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.p-megamenu .p-megamenu-submenu-header { - margin: 0; - padding: 0.75rem 1.25rem; - color: #343a40; - background: #ffffff; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-megamenu .p-megamenu-submenu { - padding: 0.25rem 0; - width: 12.5rem; -} -.p-megamenu .p-megamenu-submenu .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem { - margin: 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { - margin: 0; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #EFF6FF; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #3B82F6; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #3B82F6; -} -.p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.25rem 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem { - margin: 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { - margin: 0; -} - -.p-menu { - padding: 0.25rem 0; - background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; - border-radius: 6px; - width: 12.5rem; -} -.p-menu .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menu .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-menu .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-menu .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-menu .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #BFDBFE; -} -.p-menu.p-menu-overlay { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.p-menu .p-submenu-header { - margin: 0; - padding: 0.75rem 1.25rem; - color: #343a40; - background: #ffffff; - font-weight: 700; - border-top-right-radius: 0; - border-top-left-radius: 0; -} -.p-menu .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} -.p-menu .p-menuitem { - margin: 0; -} -.p-menu .p-menuitem:last-child { - margin: 0; -} - -.p-menubar { - padding: 0.5rem; - background: #f8f9fa; - color: #495057; - border: 1px solid #dee2e6; - border-radius: 6px; -} -.p-menubar .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menubar .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-menubar .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-menubar .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #BFDBFE; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: #495057; - border-radius: 6px; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: #6c757d; - margin-left: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #BFDBFE; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #EFF6FF; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #3B82F6; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #3B82F6; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #3B82F6; -} -.p-menubar .p-submenu-list { - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - width: 12.5rem; -} -.p-menubar .p-submenu-list .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} -.p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; -} -.p-menubar .p-submenu-list .p-menuitem { - margin: 0; -} -.p-menubar .p-submenu-list .p-menuitem:last-child { - margin: 0; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #EFF6FF; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #3B82F6; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #3B82F6; -} - -@media screen and (max-width: 960px) { - .p-menubar { - position: relative; - } - .p-menubar .p-menubar-button { - display: flex; - width: 2rem; - height: 2rem; - color: #6c757d; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-menubar .p-menubar-button:hover { - color: #6c757d; - background: #e9ecef; - } - .p-menubar .p-menubar-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; - } - .p-menubar .p-menubar-root-list { - position: absolute; - display: none; - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - width: 100%; - } - .p-menubar .p-menubar-root-list .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; - } - .p-menubar .p-menubar-root-list .p-submenu-icon { - font-size: 0.875rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: #495057; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: #6c757d; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #BFDBFE; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - transition: transform 0.2s; - } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-180deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list { - width: 100%; - position: static; - box-shadow: none; - border: 0 none; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { - transition: transform 0.2s; - transform: rotate(90deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-90deg); - } - .p-menubar .p-menubar-root-list .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list ul li a { - padding-left: 2.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li a { - padding-left: 3.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li a { - padding-left: 5.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { - padding-left: 6.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { - padding-left: 8.25rem; - } - .p-menubar.p-menubar-mobile-active .p-menubar-root-list { - display: flex; - flex-direction: column; - top: 100%; - left: 0; - z-index: 1; - } -} -.p-panelmenu .p-panelmenu-header > a { - padding: 1.25rem; - border: 1px solid #dee2e6; - color: #6c757d; - background: #f8f9fa; - font-weight: 700; - border-radius: 6px; - transition: box-shadow 0.2s; -} -.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} -.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { - background: #e9ecef; - border-color: #dee2e6; - color: #343a40; -} -.p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight > a { - background: #f8f9fa; - border-color: #dee2e6; - color: #343a40; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { - border-color: #dee2e6; - background: #e9ecef; - color: #343a40; -} -.p-panelmenu .p-panelmenu-content { - padding: 0.25rem 0; - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - margin-bottom: 4px; - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #BFDBFE; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { - padding: 0 0 0 1rem; -} -.p-panelmenu .p-panelmenu-panel { - margin-bottom: 4px; -} - -.p-slidemenu { - padding: 0.25rem 0; - background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; - border-radius: 6px; - width: 12.5rem; -} -.p-slidemenu .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-slidemenu .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-slidemenu .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-slidemenu .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #BFDBFE; -} -.p-slidemenu.p-slidemenu-overlay { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.p-slidemenu .p-slidemenu-list { - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { - background: #EFF6FF; -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { - color: #3B82F6; -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { - color: #3B82F6; -} -.p-slidemenu .p-slidemenu-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} -.p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; -} -.p-slidemenu .p-slidemenu-backward { - padding: 0.75rem 1.25rem; - color: #495057; -} - -.p-steps .p-steps-item .p-menuitem-link { - background: transparent; - transition: box-shadow 0.2s; - border-radius: 6px; - background: #ffffff; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-number { - color: #495057; - border: 1px solid #e9ecef; - background: #ffffff; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - z-index: 1; - border-radius: 50%; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-title { - margin-top: 0.5rem; - color: #6c757d; -} -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} -.p-steps .p-steps-item.p-highlight .p-steps-number { - background: #EFF6FF; - color: #3B82F6; -} -.p-steps .p-steps-item.p-highlight .p-steps-title { - font-weight: 700; - color: #495057; -} -.p-steps .p-steps-item:before { - content: " "; - border-top: 1px solid #dee2e6; - width: 100%; - top: 50%; - left: 0; - display: block; - position: absolute; - margin-top: -1rem; -} - -.p-tabmenu .p-tabmenu-nav { - background: #ffffff; - border: 1px solid #dee2e6; - border-width: 0 0 2px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { - margin-right: 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { - border: solid #dee2e6; - border-width: 0 0 2px 0; - border-color: transparent transparent #dee2e6 transparent; - background: #ffffff; - color: #6c757d; - padding: 1.25rem; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #BFDBFE; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: #ffffff; - border-color: #adb5bd; - color: #6c757d; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #ffffff; - border-color: #3B82F6; - color: #3B82F6; -} - -.p-tieredmenu { - padding: 0.25rem 0; - background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; - border-radius: 6px; - width: 12.5rem; -} -.p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-tieredmenu .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-tieredmenu .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-tieredmenu .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #BFDBFE; -} -.p-tieredmenu.p-tieredmenu-overlay { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.p-tieredmenu .p-menuitem { - margin: 0; -} -.p-tieredmenu .p-menuitem:last-child { - margin: 0; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #EFF6FF; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #3B82F6; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #3B82F6; -} -.p-tieredmenu .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} -.p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-inline-message { - padding: 0.75rem 0.75rem; - margin: 0; - border-radius: 6px; -} -.p-inline-message.p-inline-message-info { - background: #e9e9ff; - border: solid #696cff; - border-width: 0px; - color: #696cff; -} -.p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #696cff; -} -.p-inline-message.p-inline-message-success { - background: #e4f8f0; - border: solid #1ea97c; - border-width: 0px; - color: #1ea97c; -} -.p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #1ea97c; -} -.p-inline-message.p-inline-message-warn { - background: #fff2e2; - border: solid #cc8925; - border-width: 0px; - color: #cc8925; -} -.p-inline-message.p-inline-message-warn .p-inline-message-icon { - color: #cc8925; -} -.p-inline-message.p-inline-message-error { - background: #ffe7e6; - border: solid #ff5757; - border-width: 0px; - color: #ff5757; -} -.p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #ff5757; -} -.p-inline-message .p-inline-message-icon { - font-size: 1rem; - margin-right: 0.5rem; -} -.p-inline-message .p-inline-message-text { - font-size: 1rem; -} -.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { - margin-right: 0; -} - -.p-message { - margin: 1rem 0; - border-radius: 6px; -} -.p-message .p-message-wrapper { - padding: 1.25rem 1.75rem; -} -.p-message .p-message-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-message .p-message-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} -.p-message.p-message-info { - background: #e9e9ff; - border: solid #696cff; - border-width: 0 0 0 6px; - color: #696cff; -} -.p-message.p-message-info .p-message-icon { - color: #696cff; -} -.p-message.p-message-info .p-message-close { - color: #696cff; -} -.p-message.p-message-success { - background: #e4f8f0; - border: solid #1ea97c; - border-width: 0 0 0 6px; - color: #1ea97c; -} -.p-message.p-message-success .p-message-icon { - color: #1ea97c; -} -.p-message.p-message-success .p-message-close { - color: #1ea97c; -} -.p-message.p-message-warn { - background: #fff2e2; - border: solid #cc8925; - border-width: 0 0 0 6px; - color: #cc8925; -} -.p-message.p-message-warn .p-message-icon { - color: #cc8925; -} -.p-message.p-message-warn .p-message-close { - color: #cc8925; -} -.p-message.p-message-error { - background: #ffe7e6; - border: solid #ff5757; - border-width: 0 0 0 6px; - color: #ff5757; -} -.p-message.p-message-error .p-message-icon { - color: #ff5757; -} -.p-message.p-message-error .p-message-close { - color: #ff5757; -} -.p-message .p-message-text { - font-size: 1rem; - font-weight: 400; -} -.p-message .p-message-icon { - font-size: 1.5rem; - margin-right: 0.5rem; -} -.p-message .p-message-summary { - font-weight: 700; -} -.p-message .p-message-detail { - margin-left: 0.5rem; -} - -.p-toast { - opacity: 0.9; -} -.p-toast .p-toast-message { - margin: 0 0 1rem 0; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border-radius: 6px; -} -.p-toast .p-toast-message .p-toast-message-content { - padding: 1rem; - border-width: 0 0 0 6px; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { - margin: 0 0 0 1rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { - font-size: 2rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { - font-weight: 700; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { - margin: 0.5rem 0 0 0; -} -.p-toast .p-toast-message .p-toast-icon-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-toast .p-toast-message .p-toast-icon-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} -.p-toast .p-toast-message.p-toast-message-info { - background: #e9e9ff; - border: solid #696cff; - border-width: 0 0 0 6px; - color: #696cff; -} -.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { - color: #696cff; -} -.p-toast .p-toast-message.p-toast-message-success { - background: #e4f8f0; - border: solid #1ea97c; - border-width: 0 0 0 6px; - color: #1ea97c; -} -.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { - color: #1ea97c; -} -.p-toast .p-toast-message.p-toast-message-warn { - background: #fff2e2; - border: solid #cc8925; - border-width: 0 0 0 6px; - color: #cc8925; -} -.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { - color: #cc8925; -} -.p-toast .p-toast-message.p-toast-message-error { - background: #ffe7e6; - border: solid #ff5757; - border-width: 0 0 0 6px; - color: #ff5757; -} -.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { - color: #ff5757; -} - -.p-galleria .p-galleria-close { - margin: 0.5rem; - background: transparent; - color: #f8f9fa; - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-close .p-galleria-close-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-close:hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-item-nav { - background: transparent; - color: #f8f9fa; - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 6px; - margin: 0 0.5rem; -} -.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, -.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-caption { - background: rgba(0, 0, 0, 0.5); - color: #f8f9fa; - padding: 1rem; -} -.p-galleria .p-galleria-indicators { - padding: 1rem; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #ced4da; - width: 1rem; - height: 1rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { - background: #adb5bd; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #EFF6FF; - color: #3B82F6; -} -.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: #3B82F6; -} -.p-galleria .p-galleria-thumbnail-container { - background: rgba(0, 0, 0, 0.9); - padding: 1rem 0.25rem; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { - margin: 0.5rem; - background-color: transparent; - color: #f8f9fa; - width: 2rem; - height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} - -.p-galleria-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-preview-indicator { - background-color: transparent; - color: #f8f9fa; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} - -.p-image-preview-container:hover > .p-image-preview-indicator { - background-color: rgba(0, 0, 0, 0.5); -} - -.p-image-toolbar { - padding: 1rem; -} - -.p-image-action.p-link { - color: #f8f9fa; - background-color: transparent; - width: 3rem; - height: 3rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-image-action.p-link:last-child { - margin-right: 0; -} -.p-image-action.p-link:hover { - color: #f8f9fa; - background-color: rgba(255, 255, 255, 0.1); -} -.p-image-action.p-link i { - font-size: 1.5rem; -} - -.p-avatar { - background-color: #dee2e6; - border-radius: 6px; -} -.p-avatar.p-avatar-lg { - width: 3rem; - height: 3rem; - font-size: 1.5rem; -} -.p-avatar.p-avatar-lg .p-avatar-icon { - font-size: 1.5rem; -} -.p-avatar.p-avatar-xl { - width: 4rem; - height: 4rem; - font-size: 2rem; -} -.p-avatar.p-avatar-xl .p-avatar-icon { - font-size: 2rem; -} - -.p-avatar-group .p-avatar { - border: 2px solid #ffffff; -} - -.p-badge { - background: #3B82F6; - color: #ffffff; - font-size: 0.75rem; - font-weight: 700; - min-width: 1.5rem; - height: 1.5rem; - line-height: 1.5rem; -} -.p-badge.p-badge-secondary { - background-color: #64748B; - color: #ffffff; -} -.p-badge.p-badge-success { - background-color: #22C55E; - color: #ffffff; -} -.p-badge.p-badge-info { - background-color: #3B82F6; - color: #ffffff; -} -.p-badge.p-badge-warning { - background-color: #F59E0B; - color: #ffffff; -} -.p-badge.p-badge-danger { - background-color: #EF4444; - color: #ffffff; -} -.p-badge.p-badge-lg { - font-size: 1.125rem; - min-width: 2.25rem; - height: 2.25rem; - line-height: 2.25rem; -} -.p-badge.p-badge-xl { - font-size: 1.5rem; - min-width: 3rem; - height: 3rem; - line-height: 3rem; -} - -.p-chip { - background-color: #dee2e6; - color: #495057; - border-radius: 16px; - padding: 0 0.75rem; -} -.p-chip .p-chip-text { - line-height: 1.5; - margin-top: 0.375rem; - margin-bottom: 0.375rem; -} -.p-chip .p-chip-icon { - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - margin-left: 0.5rem; -} -.p-chip img { - width: 2.25rem; - height: 2.25rem; - margin-left: -0.75rem; - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - border-radius: 6px; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} - -.p-inplace .p-inplace-display { - padding: 0.75rem 0.75rem; - border-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-inplace .p-inplace-display:not(.p-disabled):hover { - background: #e9ecef; - color: #495057; -} -.p-inplace .p-inplace-display:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} - -.p-progressbar { - border: 0 none; - height: 1.5rem; - background: #dee2e6; - border-radius: 6px; -} -.p-progressbar .p-progressbar-value { - border: 0 none; - margin: 0; - background: #3B82F6; -} -.p-progressbar .p-progressbar-label { - color: #ffffff; - line-height: 1.5rem; -} - -.p-scrolltop { - width: 3rem; - height: 3rem; - border-radius: 50%; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-scrolltop.p-link { - background: rgba(0, 0, 0, 0.7); -} -.p-scrolltop.p-link:hover { - background: rgba(0, 0, 0, 0.8); -} -.p-scrolltop .p-scrolltop-icon { - font-size: 1.5rem; - color: #f8f9fa; -} - -.p-skeleton { - background-color: #dee2e6; - border-radius: 6px; -} -.p-skeleton:after { - background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); -} - -.p-tag { - background: #3B82F6; - color: #ffffff; - font-size: 0.75rem; - font-weight: 700; - padding: 0.25rem 0.4rem; - border-radius: 6px; -} -.p-tag.p-tag-success { - background-color: #22C55E; - color: #ffffff; -} -.p-tag.p-tag-info { - background-color: #3B82F6; - color: #ffffff; -} -.p-tag.p-tag-warning { - background-color: #F59E0B; - color: #ffffff; -} -.p-tag.p-tag-danger { - background-color: #EF4444; - color: #ffffff; -} -.p-tag .p-tag-icon { - margin-right: 0.25rem; - font-size: 0.75rem; -} - -.p-terminal { - background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; - padding: 1.25rem; -} -.p-terminal .p-terminal-input { - font-size: 1rem; - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; -} - -.p-button-label { - font-weight: 700; -} - -.p-accordion .p-accordion-header .p-accordion-header-link { - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; -} - -.p-tabview .p-tabview-nav li .p-tabview-nav-link { - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-tabview .p-tabview-nav .p-tabview-ink-bar { - z-index: 1; - display: block; - position: absolute; - bottom: 0; - height: 2px; - background-color: #3B82F6; - transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); -} - -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #3B82F6; -} - -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #3B82F6; -} - -.p-button:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black; -} -.p-button.p-button-secondary:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 black; -} -.p-button.p-button-success:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black; -} -.p-button.p-button-info:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black; -} -.p-button.p-button-warning:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #facf85, 0 1px 2px 0 black; -} -.p-button.p-button-help:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black; -} -.p-button.p-button-danger:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 black; -} diff --git a/src/assets/theme/lara-light-indigo/theme.css b/src/assets/theme/lara-light-indigo/theme.css deleted file mode 100644 index c1c6219..0000000 --- a/src/assets/theme/lara-light-indigo/theme.css +++ /dev/null @@ -1,5709 +0,0 @@ -:root { - --surface-a:#ffffff; - --surface-b:#f8f9fa; - --surface-c:#e9ecef; - --surface-d:#dee2e6; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#495057; - --text-color-secondary:#6c757d; - --primary-color:#6366F1; - --primary-color-text:#ffffff; - --font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; - --surface-0: #ffffff; - --surface-50: #FAFAFA; - --surface-100: #F5F5F5; - --surface-200: #EEEEEE; - --surface-300: #E0E0E0; - --surface-400: #BDBDBD; - --surface-500: #9E9E9E; - --surface-600: #757575; - --surface-700: #616161; - --surface-800: #424242; - --surface-900: #212121; - --gray-50: #FAFAFA; - --gray-100: #F5F5F5; - --gray-200: #EEEEEE; - --gray-300: #E0E0E0; - --gray-400: #BDBDBD; - --gray-500: #9E9E9E; - --gray-600: #757575; - --gray-700: #616161; - --gray-800: #424242; - --gray-900: #212121; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#eff3f8; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#dfe7ef; - --surface-hover:#f6f9fc; - --focus-ring: 0 0 0 0.2rem #C7D2FE; - --maskbg: rgba(0, 0, 0, 0.4); -} - -@font-face { - font-family: "Inter"; - font-style: normal; - font-weight: 300; - src: local(""), url("./fonts/Inter-Light.woff2") format("woff2"), url("./fonts/Inter-Light.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -@font-face { - font-family: "Inter"; - font-style: normal; - font-weight: 400; - src: local(""), url("./fonts/Inter-Regular.woff2") format("woff2"), url("./fonts/Inter-Regular.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -@font-face { - font-family: "Inter"; - font-style: normal; - font-weight: 500; - src: local(""), url("./fonts/Inter-Medium.woff2") format("woff2"), url("./fonts/Inter-Medium.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -@font-face { - font-family: "Inter"; - font-style: normal; - font-weight: 600; - src: local(""), url("./fonts/Inter-SemiBold.woff2") format("woff2"), url("./fonts/Inter-SemiBold.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -@font-face { - font-family: "Inter"; - font-style: normal; - font-weight: 700; - src: local(""), url("./fonts/Inter-Bold.woff2") format("woff2"), url("./fonts/Inter-Bold.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -* { - box-sizing: border-box; -} - -.p-component { - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - font-size: 1rem; - font-weight: normal; -} - -.p-component-overlay { - background-color: rgba(0, 0, 0, 0.4); - transition-duration: 0.2s; -} - -.p-disabled, .p-component:disabled { - opacity: 0.6; -} - -.p-error { - color: #e24c4c; -} - -.p-text-secondary { - color: #6c757d; -} - -.pi { - font-size: 1rem; -} - -.p-link { - font-size: 1rem; - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - border-radius: 6px; -} -.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; -} - -.p-component-overlay-enter { - animation: p-component-overlay-enter-animation 150ms forwards; -} - -.p-component-overlay-leave { - animation: p-component-overlay-leave-animation 150ms forwards; -} - -@keyframes p-component-overlay-enter-animation { - from { - background-color: transparent; - } - to { - background-color: var(--maskbg); - } -} -@keyframes p-component-overlay-leave-animation { - from { - background-color: var(--maskbg); - } - to { - background-color: transparent; - } -} - -:root { - --blue-50:#f5f9ff; - --blue-100:#d0e1fd; - --blue-200:#abc9fb; - --blue-300:#85b2f9; - --blue-400:#609af8; - --blue-500:#3b82f6; - --blue-600:#326fd1; - --blue-700:#295bac; - --blue-800:#204887; - --blue-900:#183462; - --green-50:#f4fcf7; - --green-100:#caf1d8; - --green-200:#a0e6ba; - --green-300:#76db9b; - --green-400:#4cd07d; - --green-500:#22c55e; - --green-600:#1da750; - --green-700:#188a42; - --green-800:#136c34; - --green-900:#0e4f26; - --yellow-50:#fefbf3; - --yellow-100:#faedc4; - --yellow-200:#f6de95; - --yellow-300:#f2d066; - --yellow-400:#eec137; - --yellow-500:#eab308; - --yellow-600:#c79807; - --yellow-700:#a47d06; - --yellow-800:#816204; - --yellow-900:#5e4803; - --cyan-50:#f3fbfd; - --cyan-100:#c3edf5; - --cyan-200:#94e0ed; - --cyan-300:#65d2e4; - --cyan-400:#35c4dc; - --cyan-500:#06b6d4; - --cyan-600:#059bb4; - --cyan-700:#047f94; - --cyan-800:#036475; - --cyan-900:#024955; - --pink-50:#fef6fa; - --pink-100:#fad3e7; - --pink-200:#f7b0d3; - --pink-300:#f38ec0; - --pink-400:#f06bac; - --pink-500:#ec4899; - --pink-600:#c93d82; - --pink-700:#a5326b; - --pink-800:#822854; - --pink-900:#5e1d3d; - --indigo-50:#f7f7fe; - --indigo-100:#dadafc; - --indigo-200:#bcbdf9; - --indigo-300:#9ea0f6; - --indigo-400:#8183f4; - --indigo-500:#6366f1; - --indigo-600:#5457cd; - --indigo-700:#4547a9; - --indigo-800:#363885; - --indigo-900:#282960; - --teal-50:#f3fbfb; - --teal-100:#c7eeea; - --teal-200:#9ae0d9; - --teal-300:#6dd3c8; - --teal-400:#41c5b7; - --teal-500:#14b8a6; - --teal-600:#119c8d; - --teal-700:#0e8174; - --teal-800:#0b655b; - --teal-900:#084a42; - --orange-50:#fff8f3; - --orange-100:#feddc7; - --orange-200:#fcc39b; - --orange-300:#fba86f; - --orange-400:#fa8e42; - --orange-500:#f97316; - --orange-600:#d46213; - --orange-700:#ae510f; - --orange-800:#893f0c; - --orange-900:#642e09; - --bluegray-50:#f7f8f9; - --bluegray-100:#dadee3; - --bluegray-200:#bcc3cd; - --bluegray-300:#9fa9b7; - --bluegray-400:#818ea1; - --bluegray-500:#64748b; - --bluegray-600:#556376; - --bluegray-700:#465161; - --bluegray-800:#37404c; - --bluegray-900:#282e38; - --purple-50:#fbf7ff; - --purple-100:#ead6fd; - --purple-200:#dab6fc; - --purple-300:#c996fa; - --purple-400:#b975f9; - --purple-500:#a855f7; - --purple-600:#8f48d2; - --purple-700:#763cad; - --purple-800:#5c2f88; - --purple-900:#432263; -} - -.p-autocomplete .p-autocomplete-loader { - right: 0.75rem; -} -.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 3.75rem; -} -.p-autocomplete .p-autocomplete-multiple-container { - padding: 0.375rem 0.75rem; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: #6366F1; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; - border-color: #6366F1; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { - padding: 0.375rem 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - font-size: 1rem; - color: #495057; - padding: 0; - margin: 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #EEF2FF; - color: #4338CA; - border-radius: 6px; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; -} - -p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #e24c4c; -} - -.p-autocomplete-panel { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 6px; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.p-autocomplete-panel .p-autocomplete-items:not(.p-autocomplete-virtualscroll) { - padding: 0.75rem 0; -} -.p-autocomplete-panel .p-autocomplete-items.p-autocomplete-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.75rem 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: #495057; - background: #e9ecef; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: #4338CA; - background: #EEF2FF; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.75rem 1.25rem; - color: #495057; - background: transparent; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: #343a40; - background: #ffffff; - font-weight: 700; -} - -p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { - border-color: #e24c4c; -} - -.p-datepicker { - padding: 0.5rem; - background: #ffffff; - color: #495057; - border: 1px solid #ced4da; - border-radius: 6px; -} -.p-datepicker:not(.p-datepicker-inline) { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { - background: #ffffff; -} -.p-datepicker .p-datepicker-header { - padding: 0.5rem; - color: #495057; - background: #ffffff; - font-weight: 600; - margin: 0; - border-bottom: 1px solid #dee2e6; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev, -.p-datepicker .p-datepicker-header .p-datepicker-next { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; -} -.p-datepicker .p-datepicker-header .p-datepicker-title { - line-height: 2rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - color: #495057; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - font-weight: 600; - padding: 0.5rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #6366F1; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - margin-right: 0.5rem; -} -.p-datepicker table { - font-size: 1rem; - margin: 0.5rem 0; -} -.p-datepicker table th { - padding: 0.5rem; -} -.p-datepicker table th > span { - width: 2.5rem; - height: 2.5rem; -} -.p-datepicker table td { - padding: 0.5rem; -} -.p-datepicker table td > span { - width: 2.5rem; - height: 2.5rem; - border-radius: 50%; - transition: box-shadow 0.2s; - border: 1px solid transparent; -} -.p-datepicker table td > span.p-highlight { - color: #4338CA; - background: #EEF2FF; -} -.p-datepicker table td > span:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; -} -.p-datepicker table td.p-datepicker-today > span { - background: #ced4da; - color: #495057; - border-color: transparent; -} -.p-datepicker table td.p-datepicker-today > span.p-highlight { - color: #4338CA; - background: #EEF2FF; -} -.p-datepicker .p-datepicker-buttonbar { - padding: 1rem 0; - border-top: 1px solid #dee2e6; -} -.p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; -} -.p-datepicker .p-timepicker { - border-top: 1px solid #dee2e6; - padding: 0.5rem; -} -.p-datepicker .p-timepicker button { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-timepicker button:enabled:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.p-datepicker .p-timepicker button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; -} -.p-datepicker .p-timepicker button:last-child { - margin-top: 0.2em; -} -.p-datepicker .p-timepicker span { - font-size: 1.25rem; -} -.p-datepicker .p-timepicker > div { - padding: 0 0.5rem; -} -.p-datepicker.p-datepicker-timeonly .p-timepicker { - border-top: 0 none; -} -.p-datepicker .p-monthpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-monthpicker .p-monthpicker-month { - padding: 0.5rem; - transition: box-shadow 0.2s; - border-radius: 6px; -} -.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: #4338CA; - background: #EEF2FF; -} -.p-datepicker .p-yearpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-yearpicker .p-yearpicker-year { - padding: 0.5rem; - transition: box-shadow 0.2s; - border-radius: 6px; -} -.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { - color: #4338CA; - background: #EEF2FF; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #dee2e6; - padding-right: 0.5rem; - padding-left: 0.5rem; - padding-top: 0; - padding-bottom: 0; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { - padding-left: 0; - border-left: 0 none; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { - padding-right: 0; -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { - background: #e9ecef; -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; -} - -@media screen and (max-width: 769px) { - .p-datepicker table th, .p-datepicker table td { - padding: 0; - } -} -.p-cascadeselect { - background: #ffffff; - border: 1px solid #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; -} -.p-cascadeselect:not(.p-disabled):hover { - border-color: #6366F1; -} -.p-cascadeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; - border-color: #6366F1; -} -.p-cascadeselect .p-cascadeselect-label { - background: transparent; - border: 0 none; - padding: 0.75rem 0.75rem; -} -.p-cascadeselect .p-cascadeselect-label.p-placeholder { - color: #6c757d; -} -.p-cascadeselect .p-cascadeselect-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-cascadeselect .p-cascadeselect-trigger { - background: transparent; - color: #6c757d; - width: 3rem; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -.p-cascadeselect-panel { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 6px; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.p-cascadeselect-panel .p-cascadeselect-items { - padding: 0.75rem 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { - margin: 0; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.75rem 1.25rem; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #C7D2FE; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { - color: #4338CA; - background: #EEF2FF; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { - font-size: 0.875rem; -} - -p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #e24c4c; -} - -.p-input-filled .p-cascadeselect { - background: #e9ecef; -} -.p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #e9ecef; -} -.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #ffffff; -} - -.p-checkbox { - width: 22px; - height: 22px; -} -.p-checkbox .p-checkbox-box { - border: 2px solid #ced4da; - background: #ffffff; - width: 22px; - height: 22px; - color: #495057; - border-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-checkbox .p-checkbox-box .p-checkbox-icon { - transition-duration: 0.2s; - color: #ffffff; - font-size: 14px; -} -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #6366F1; - background: #6366F1; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #6366F1; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; - border-color: #6366F1; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #4338CA; - background: #4338CA; - color: #ffffff; -} - -p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #e24c4c; -} - -.p-input-filled .p-checkbox .p-checkbox-box { - background-color: #e9ecef; -} -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #6366F1; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #e9ecef; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #4338CA; -} - -.p-checkbox-label { - margin-left: 0.5rem; -} - -.p-chips .p-chips-multiple-container { - padding: 0.375rem 0.75rem; -} -.p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: #6366F1; -} -.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; - border-color: #6366F1; -} -.p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #EEF2FF; - color: #4338CA; - border-radius: 6px; -} -.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { - margin-left: 0.5rem; -} -.p-chips .p-chips-multiple-container .p-chips-input-token { - padding: 0.375rem 0; -} -.p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - font-size: 1rem; - color: #495057; - padding: 0; - margin: 0; -} - -p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { - border-color: #e24c4c; -} - -.p-colorpicker-preview, -.p-fluid .p-colorpicker-preview.p-inputtext { - width: 2rem; - height: 2rem; -} - -.p-colorpicker-panel { - background: #323232; - border: 1px solid #191919; -} -.p-colorpicker-panel .p-colorpicker-color-handle, -.p-colorpicker-panel .p-colorpicker-hue-handle { - border-color: #ffffff; -} - -.p-colorpicker-overlay-panel { - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} - -.p-dropdown { - background: #ffffff; - border: 1px solid #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; -} -.p-dropdown:not(.p-disabled):hover { - border-color: #6366F1; -} -.p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; - border-color: #6366F1; -} -.p-dropdown.p-dropdown-clearable .p-dropdown-label { - padding-right: 1.75rem; -} -.p-dropdown .p-dropdown-label { - background: transparent; - border: 0 none; -} -.p-dropdown .p-dropdown-label.p-placeholder { - color: #6c757d; -} -.p-dropdown .p-dropdown-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-dropdown .p-dropdown-trigger { - background: transparent; - color: #6c757d; - width: 3rem; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} -.p-dropdown .p-dropdown-clear-icon { - color: #6c757d; - right: 3rem; -} - -.p-dropdown-panel { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 6px; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.p-dropdown-panel .p-dropdown-header { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; - margin: 0; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { - padding-right: 1.75rem; - margin-right: -1.75rem; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { - right: 0.75rem; - color: #6c757d; -} -.p-dropdown-panel .p-dropdown-items:not(.p-dropdown-virtualscroll) { - padding: 0.75rem 0; -} -.p-dropdown-panel .p-dropdown-items.p-dropdown-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.75rem 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: #4338CA; - background: #EEF2FF; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.75rem 1.25rem; - color: #495057; - background: transparent; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: #343a40; - background: #ffffff; - font-weight: 700; -} - -p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #e24c4c; -} - -.p-input-filled .p-dropdown { - background: #e9ecef; -} -.p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #e9ecef; -} -.p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: #ffffff; -} - -.p-editor-container .p-editor-toolbar { - background: #f8f9fa; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #dee2e6; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: #6c757d; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: #6c757d; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: #6c757d; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border-radius: 6px; - padding: 0.75rem 0; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: #495057; - background: #e9ecef; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.75rem 1.25rem; -} -.p-editor-container .p-editor-content { - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-editor-container .p-editor-content.ql-snow { - border: 1px solid #dee2e6; -} -.p-editor-container .p-editor-content .ql-editor { - background: #ffffff; - color: #495057; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: #495057; -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: #495057; -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: #495057; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #6366F1; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #6366F1; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #6366F1; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #6366F1; -} - -.p-inputgroup-addon { - background: #e9ecef; - color: #6c757d; - border-top: 1px solid #ced4da; - border-left: 1px solid #ced4da; - border-bottom: 1px solid #ced4da; - padding: 0.75rem 0.75rem; - min-width: 3rem; -} -.p-inputgroup-addon:last-child { - border-right: 1px solid #ced4da; -} - -.p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, -.p-inputgroup > .p-float-label > .p-component { - border-radius: 0; - margin: 0; -} -.p-inputgroup > .p-component + .p-inputgroup-addon, -.p-inputgroup > .p-element + .p-inputgroup-addon, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, -.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { - border-left: 0 none; -} -.p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, -.p-inputgroup > .p-float-label > .p-component:focus { - z-index: 1; -} -.p-inputgroup > .p-component:focus ~ label, -.p-inputgroup > .p-element:focus ~ label, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, -.p-inputgroup > .p-float-label > .p-component:focus ~ label { - z-index: 1; -} - -.p-inputgroup-addon:first-child, -.p-inputgroup button:first-child, -.p-inputgroup input:first-child, -.p-inputgroup > .p-inputwrapper:first-child > .p-component, -.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.p-inputgroup .p-float-label:first-child input { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.p-inputgroup-addon:last-child, -.p-inputgroup button:last-child, -.p-inputgroup input:last-child, -.p-inputgroup > .p-inputwrapper:last-child > .p-component, -.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -.p-inputgroup .p-float-label:last-child input { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -.p-fluid .p-inputgroup .p-button { - width: auto; -} -.p-fluid .p-inputgroup .p-button.p-button-icon-only { - width: 3rem; -} - -p-inputmask.ng-dirty.ng-invalid > .p-inputtext { - border-color: #e24c4c; -} - -p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { - border-color: #e24c4c; -} - -.p-inputswitch { - width: 3rem; - height: 1.75rem; -} -.p-inputswitch .p-inputswitch-slider { - background: #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 30px; -} -.p-inputswitch .p-inputswitch-slider:before { - background: #ffffff; - width: 1.25rem; - height: 1.25rem; - left: 0.25rem; - margin-top: -0.625rem; - border-radius: 50%; - transition-duration: 0.2s; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - transform: translateX(1.25rem); -} -.p-inputswitch.p-focus .p-inputswitch-slider { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; -} -.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #b6bfc8; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #6366F1; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: #ffffff; -} -.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #4F46E5; -} - -p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { - border-color: #e24c4c; -} - -.p-inputtext { - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - font-size: 1rem; - color: #495057; - background: #ffffff; - padding: 0.75rem 0.75rem; - border: 1px solid #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - appearance: none; - border-radius: 6px; -} -.p-inputtext:enabled:hover { - border-color: #6366F1; -} -.p-inputtext:enabled:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; - border-color: #6366F1; -} -.p-inputtext.ng-dirty.ng-invalid { - border-color: #e24c4c; -} -.p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.65625rem 0.65625rem; -} -.p-inputtext.p-inputtext-lg { - font-size: 1.25rem; - padding: 0.9375rem 0.9375rem; -} - -.p-float-label > label { - left: 0.75rem; - color: #6c757d; - transition-duration: 0.2s; -} - -.p-float-label > .ng-invalid.ng-dirty + label { - color: #e24c4c; -} - -.p-input-icon-left > i:first-of-type { - left: 0.75rem; - color: #6c757d; -} - -.p-input-icon-left > .p-inputtext { - padding-left: 2.5rem; -} - -.p-input-icon-left.p-float-label > label { - left: 2.5rem; -} - -.p-input-icon-right > i:last-of-type { - right: 0.75rem; - color: #6c757d; -} - -.p-input-icon-right > .p-inputtext { - padding-right: 2.5rem; -} - -::-webkit-input-placeholder { - color: #6c757d; -} - -:-moz-placeholder { - color: #6c757d; -} - -::-moz-placeholder { - color: #6c757d; -} - -:-ms-input-placeholder { - color: #6c757d; -} - -.p-input-filled .p-inputtext { - background-color: #e9ecef; -} -.p-input-filled .p-inputtext:enabled:hover { - background-color: #e9ecef; -} -.p-input-filled .p-inputtext:enabled:focus { - background-color: #ffffff; -} - -.p-inputtext-sm .p-inputtext { - font-size: 0.875rem; - padding: 0.65625rem 0.65625rem; -} - -.p-inputtext-lg .p-inputtext { - font-size: 1.25rem; - padding: 0.9375rem 0.9375rem; -} - -.p-listbox { - background: #ffffff; - color: #495057; - border: 1px solid #ced4da; - border-radius: 6px; -} -.p-listbox .p-listbox-header { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; - margin: 0; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-listbox .p-listbox-header .p-listbox-filter { - padding-right: 1.75rem; -} -.p-listbox .p-listbox-header .p-listbox-filter-icon { - right: 0.75rem; - color: #6c757d; -} -.p-listbox .p-listbox-header .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list { - padding: 0.75rem 0; -} -.p-listbox .p-listbox-list .p-listbox-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: #495057; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: #4338CA; - background: #EEF2FF; -} -.p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #C7D2FE; -} -.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list .p-listbox-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: #343a40; - background: #ffffff; - font-weight: 700; -} -.p-listbox .p-listbox-list .p-listbox-empty-message { - padding: 0.75rem 1.25rem; - color: #495057; - background: transparent; -} -.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; -} - -p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #e24c4c; -} - -.p-multiselect { - background: #ffffff; - border: 1px solid #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; -} -.p-multiselect:not(.p-disabled):hover { - border-color: #6366F1; -} -.p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; - border-color: #6366F1; -} -.p-multiselect .p-multiselect-label { - padding: 0.75rem 0.75rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-multiselect .p-multiselect-label.p-placeholder { - color: #6c757d; -} -.p-multiselect.p-multiselect-chip .p-multiselect-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #EEF2FF; - color: #4338CA; - border-radius: 6px; -} -.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { - margin-left: 0.5rem; -} -.p-multiselect .p-multiselect-trigger { - background: transparent; - color: #6c757d; - width: 3rem; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { - padding: 0.375rem 0.75rem; -} - -.p-multiselect-panel { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 6px; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.p-multiselect-panel .p-multiselect-header { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; - margin: 0; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { - padding-right: 1.75rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { - right: 0.75rem; - color: #6c757d; -} -.p-multiselect-panel .p-multiselect-header .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close { - margin-left: 0.5rem; - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; -} -.p-multiselect-panel .p-multiselect-items:not(.p-multiselect-virtualscroll) { - padding: 0.75rem 0; -} -.p-multiselect-panel .p-multiselect-items.p-multiselect-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.75rem 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: #4338CA; - background: #EEF2FF; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #C7D2FE; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: #343a40; - background: #ffffff; - font-weight: 700; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { - padding: 0.75rem 1.25rem; - color: #495057; - background: transparent; -} - -p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #e24c4c; -} - -.p-input-filled .p-multiselect { - background: #e9ecef; -} -.p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #e9ecef; -} -.p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #ffffff; -} - -p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #e24c4c; -} - -.p-password-panel { - padding: 1.25rem; - background: #ffffff; - color: #495057; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border-radius: 6px; -} -.p-password-panel .p-password-meter { - margin-bottom: 0.5rem; - background: #dee2e6; -} -.p-password-panel .p-password-meter .p-password-strength.weak { - background: #ea5455; -} -.p-password-panel .p-password-meter .p-password-strength.medium { - background: #ff9f42; -} -.p-password-panel .p-password-meter .p-password-strength.strong { - background: #29c76f; -} - -.p-radiobutton { - width: 22px; - height: 22px; -} -.p-radiobutton .p-radiobutton-box { - border: 2px solid #ced4da; - background: #ffffff; - width: 22px; - height: 22px; - color: #495057; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #6366F1; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; - border-color: #6366F1; -} -.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - width: 12px; - height: 12px; - transition-duration: 0.2s; - background-color: #ffffff; -} -.p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #6366F1; - background: #6366F1; -} -.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #4338CA; - background: #4338CA; - color: #ffffff; -} - -p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #e24c4c; -} - -.p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #e9ecef; -} -.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #e9ecef; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #6366F1; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #4338CA; -} - -.p-radiobutton-label { - margin-left: 0.5rem; -} - -.p-rating .p-rating-icon { - color: #495057; - margin-left: 0.5rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - font-size: 1.143rem; -} -.p-rating .p-rating-icon.p-rating-cancel { - color: #ea5455; -} -.p-rating .p-rating-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; -} -.p-rating .p-rating-icon:first-child { - margin-left: 0; -} -.p-rating .p-rating-icon.pi-star-fill { - color: #6366F1; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { - color: #6366F1; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - color: #e73d3e; -} - -.p-selectbutton .p-button { - background: #ffffff; - border: 1px solid #ced4da; - color: #495057; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-selectbutton .p-button .p-button-icon-left, -.p-selectbutton .p-button .p-button-icon-right { - color: #6c757d; -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: #343a40; -} -.p-selectbutton .p-button.p-highlight { - background: #6366F1; - border-color: #6366F1; - color: #ffffff; -} -.p-selectbutton .p-button.p-highlight .p-button-icon-left, -.p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: #ffffff; -} -.p-selectbutton .p-button.p-highlight:hover { - background: #4F46E5; - border-color: #4F46E5; - color: #ffffff; -} -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: #ffffff; -} - -p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #e24c4c; -} - -.p-slider { - background: #dee2e6; - border: 0 none; - border-radius: 6px; -} -.p-slider.p-slider-horizontal { - height: 0.286rem; -} -.p-slider.p-slider-horizontal .p-slider-handle { - margin-top: -0.5715rem; - margin-left: -0.5715rem; -} -.p-slider.p-slider-vertical { - width: 0.286rem; -} -.p-slider.p-slider-vertical .p-slider-handle { - margin-left: -0.5715rem; - margin-bottom: -0.5715rem; -} -.p-slider .p-slider-handle { - height: 1.143rem; - width: 1.143rem; - background: #ffffff; - border: 2px solid #6366F1; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-slider .p-slider-handle:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; -} -.p-slider .p-slider-range { - background: #6366F1; -} -.p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #6366F1; - border-color: #6366F1; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { - transition: width 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { - transition: height 0.2s; -} - -.p-togglebutton.p-button { - background: #ffffff; - border: 1px solid #ced4da; - color: #495057; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-togglebutton.p-button .p-button-icon-left, -.p-togglebutton.p-button .p-button-icon-right { - color: #6c757d; -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: #343a40; -} -.p-togglebutton.p-button.p-highlight { - background: #6366F1; - border-color: #6366F1; - color: #ffffff; -} -.p-togglebutton.p-button.p-highlight .p-button-icon-left, -.p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: #ffffff; -} -.p-togglebutton.p-button.p-highlight:hover { - background: #4F46E5; - border-color: #4F46E5; - color: #ffffff; -} -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: #ffffff; -} - -p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #e24c4c; -} - -.p-treeselect { - background: #ffffff; - border: 1px solid #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; -} -.p-treeselect:not(.p-disabled):hover { - border-color: #6366F1; -} -.p-treeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; - border-color: #6366F1; -} -.p-treeselect .p-treeselect-label { - padding: 0.75rem 0.75rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-treeselect .p-treeselect-label.p-placeholder { - color: #6c757d; -} -.p-treeselect.p-treeselect-chip .p-treeselect-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #dee2e6; - color: #495057; - border-radius: 16px; -} -.p-treeselect .p-treeselect-trigger { - background: transparent; - color: #6c757d; - width: 3rem; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -p-treeselect.ng-invalid.ng-dirty > .p-treeselect { - border-color: #e24c4c; -} - -.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { - padding: 0.375rem 0.75rem; -} - -.p-treeselect-panel { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 6px; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { - border: 0 none; -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { - padding: 0.75rem 1.25rem; - color: #495057; - background: transparent; -} - -.p-input-filled .p-treeselect { - background: #e9ecef; -} -.p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #e9ecef; -} -.p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: #ffffff; -} - -.p-button { - color: #ffffff; - background: #6366F1; - border: 1px solid #6366F1; - padding: 0.75rem 1.25rem; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; -} -.p-button:enabled:hover { - background: #4F46E5; - color: #ffffff; - border-color: #4F46E5; -} -.p-button:enabled:active { - background: #4338CA; - color: #ffffff; - border-color: #4338CA; -} -.p-button.p-button-outlined { - background-color: transparent; - color: #6366F1; - border: 1px solid; -} -.p-button.p-button-outlined:enabled:hover { - background: rgba(99, 102, 241, 0.04); - color: #6366F1; - border: 1px solid; -} -.p-button.p-button-outlined:enabled:active { - background: rgba(99, 102, 241, 0.16); - color: #6366F1; - border: 1px solid; -} -.p-button.p-button-outlined.p-button-plain { - color: #6c757d; - border-color: #6c757d; -} -.p-button.p-button-outlined.p-button-plain:enabled:hover { - background: #e9ecef; - color: #6c757d; -} -.p-button.p-button-outlined.p-button-plain:enabled:active { - background: #dee2e6; - color: #6c757d; -} -.p-button.p-button-text { - background-color: transparent; - color: #6366F1; - border-color: transparent; -} -.p-button.p-button-text:enabled:hover { - background: rgba(99, 102, 241, 0.04); - color: #6366F1; - border-color: transparent; -} -.p-button.p-button-text:enabled:active { - background: rgba(99, 102, 241, 0.16); - color: #6366F1; - border-color: transparent; -} -.p-button.p-button-text.p-button-plain { - color: #6c757d; -} -.p-button.p-button-text.p-button-plain:enabled:hover { - background: #e9ecef; - color: #6c757d; -} -.p-button.p-button-text.p-button-plain:enabled:active { - background: #dee2e6; - color: #6c757d; -} -.p-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; -} -.p-button .p-button-icon-left { - margin-right: 0.5rem; -} -.p-button .p-button-icon-right { - margin-left: 0.5rem; -} -.p-button .p-button-icon-bottom { - margin-top: 0.5rem; -} -.p-button .p-button-icon-top { - margin-bottom: 0.5rem; -} -.p-button .p-badge { - margin-left: 0.5rem; - min-width: 1rem; - height: 1rem; - line-height: 1rem; - color: #6366F1; - background-color: #ffffff; -} -.p-button.p-button-raised { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -} -.p-button.p-button-rounded { - border-radius: 2rem; -} -.p-button.p-button-icon-only { - width: 3rem; - padding: 0.75rem 0; -} -.p-button.p-button-icon-only .p-button-icon-left, -.p-button.p-button-icon-only .p-button-icon-right { - margin: 0; -} -.p-button.p-button-icon-only.p-button-rounded { - border-radius: 50%; - height: 3rem; -} -.p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.65625rem 1.09375rem; -} -.p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; -} -.p-button.p-button-lg { - font-size: 1.25rem; - padding: 0.9375rem 1.5625rem; -} -.p-button.p-button-lg .p-button-icon { - font-size: 1.25rem; -} -.p-button.p-button-loading-label-only .p-button-label { - margin-left: 0.5rem; -} -.p-button.p-button-loading-label-only .p-button-loading-icon { - margin-right: 0; -} - -.p-fluid .p-button { - width: 100%; -} -.p-fluid .p-button-icon-only { - width: 3rem; -} -.p-fluid .p-buttonset { - display: flex; -} -.p-fluid .p-buttonset .p-button { - flex: 1; -} - -.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { - color: #ffffff; - background: #64748B; - border: 1px solid #64748B; -} -.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { - background: #475569; - color: #ffffff; - border-color: #475569; -} -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #E2E8F0; -} -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: #334155; - color: #ffffff; - border-color: #334155; -} -.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { - background-color: transparent; - color: #64748B; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { - background: rgba(100, 116, 139, 0.04); - color: #64748B; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { - background: rgba(100, 116, 139, 0.16); - color: #64748B; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { - background-color: transparent; - color: #64748B; - border-color: transparent; -} -.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { - background: rgba(100, 116, 139, 0.04); - border-color: transparent; - color: #64748B; -} -.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { - background: rgba(100, 116, 139, 0.16); - border-color: transparent; - color: #64748B; -} - -.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { - color: #ffffff; - background: #3B82F6; - border: 1px solid #3B82F6; -} -.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { - background: #2563EB; - color: #ffffff; - border-color: #2563EB; -} -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #BFDBFE; -} -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: #1D4ED8; - color: #ffffff; - border-color: #1D4ED8; -} -.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { - background-color: transparent; - color: #3B82F6; - border: 1px solid; -} -.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { - background: rgba(59, 130, 246, 0.04); - color: #3B82F6; - border: 1px solid; -} -.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { - background: rgba(59, 130, 246, 0.16); - color: #3B82F6; - border: 1px solid; -} -.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { - background-color: transparent; - color: #3B82F6; - border-color: transparent; -} -.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { - background: rgba(59, 130, 246, 0.04); - border-color: transparent; - color: #3B82F6; -} -.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { - background: rgba(59, 130, 246, 0.16); - border-color: transparent; - color: #3B82F6; -} - -.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { - color: #ffffff; - background: #22C55E; - border: 1px solid #22C55E; -} -.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { - background: #16A34A; - color: #ffffff; - border-color: #16A34A; -} -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #BBF7D0; -} -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: #15803D; - color: #ffffff; - border-color: #15803D; -} -.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { - background-color: transparent; - color: #22C55E; - border: 1px solid; -} -.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { - background: rgba(34, 197, 94, 0.04); - color: #22C55E; - border: 1px solid; -} -.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { - background: rgba(34, 197, 94, 0.16); - color: #22C55E; - border: 1px solid; -} -.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { - background-color: transparent; - color: #22C55E; - border-color: transparent; -} -.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { - background: rgba(34, 197, 94, 0.04); - border-color: transparent; - color: #22C55E; -} -.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { - background: rgba(34, 197, 94, 0.16); - border-color: transparent; - color: #22C55E; -} - -.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { - color: #ffffff; - background: #F59E0B; - border: 1px solid #F59E0B; -} -.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { - background: #D97706; - color: #ffffff; - border-color: #D97706; -} -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #FDE68A; -} -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: #B45309; - color: #ffffff; - border-color: #B45309; -} -.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { - background-color: transparent; - color: #F59E0B; - border: 1px solid; -} -.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { - background: rgba(245, 158, 11, 0.04); - color: #F59E0B; - border: 1px solid; -} -.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { - background: rgba(245, 158, 11, 0.16); - color: #F59E0B; - border: 1px solid; -} -.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { - background-color: transparent; - color: #F59E0B; - border-color: transparent; -} -.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { - background: rgba(245, 158, 11, 0.04); - border-color: transparent; - color: #F59E0B; -} -.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { - background: rgba(245, 158, 11, 0.16); - border-color: transparent; - color: #F59E0B; -} - -.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { - color: #ffffff; - background: #A855F7; - border: 1px solid #A855F7; -} -.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { - background: #9333EA; - color: #ffffff; - border-color: #9333EA; -} -.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #E9D5FF; -} -.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: #7E22CE; - color: #ffffff; - border-color: #7E22CE; -} -.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { - background-color: transparent; - color: #A855F7; - border: 1px solid; -} -.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { - background: rgba(168, 85, 247, 0.04); - color: #A855F7; - border: 1px solid; -} -.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { - background: rgba(168, 85, 247, 0.16); - color: #A855F7; - border: 1px solid; -} -.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { - background-color: transparent; - color: #A855F7; - border-color: transparent; -} -.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { - background: rgba(168, 85, 247, 0.04); - border-color: transparent; - color: #A855F7; -} -.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { - background: rgba(168, 85, 247, 0.16); - border-color: transparent; - color: #A855F7; -} - -.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { - color: #ffffff; - background: #EF4444; - border: 1px solid #EF4444; -} -.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { - background: #DC2626; - color: #ffffff; - border-color: #DC2626; -} -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #FECACA; -} -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: #B91C1C; - color: #ffffff; - border-color: #B91C1C; -} -.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { - background-color: transparent; - color: #EF4444; - border: 1px solid; -} -.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { - background: rgba(239, 68, 68, 0.04); - color: #EF4444; - border: 1px solid; -} -.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { - background: rgba(239, 68, 68, 0.16); - color: #EF4444; - border: 1px solid; -} -.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { - background-color: transparent; - color: #EF4444; - border-color: transparent; -} -.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { - background: rgba(239, 68, 68, 0.04); - border-color: transparent; - color: #EF4444; -} -.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { - background: rgba(239, 68, 68, 0.16); - border-color: transparent; - color: #EF4444; -} - -.p-button.p-button-link { - color: #4338CA; - background: transparent; - border: transparent; -} -.p-button.p-button-link:enabled:hover { - background: transparent; - color: #4338CA; - border-color: transparent; -} -.p-button.p-button-link:enabled:hover .p-button-label { - text-decoration: underline; -} -.p-button.p-button-link:enabled:focus { - background: transparent; - box-shadow: 0 0 0 0.2rem #C7D2FE; - border-color: transparent; -} -.p-button.p-button-link:enabled:active { - background: transparent; - color: #4338CA; - border-color: transparent; -} - -.p-speeddial-button.p-button.p-button-icon-only { - width: 4rem; - height: 4rem; -} -.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { - font-size: 1.3rem; -} - -.p-speeddial-action { - width: 3rem; - height: 3rem; - background: #495057; - color: #fff; -} -.p-speeddial-action:hover { - background: #022354; - color: #fff; -} - -.p-speeddial-direction-up .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-up .p-speeddial-item:first-child { - margin-bottom: 0.5rem; -} - -.p-speeddial-direction-down .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-down .p-speeddial-item:first-child { - margin-top: 0.5rem; -} - -.p-speeddial-direction-left .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-left .p-speeddial-item:first-child { - margin-right: 0.5rem; -} - -.p-speeddial-direction-right .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-right .p-speeddial-item:first-child { - margin-left: 0.5rem; -} - -.p-speeddial-circle .p-speeddial-item, -.p-speeddial-semi-circle .p-speeddial-item, -.p-speeddial-quarter-circle .p-speeddial-item { - margin: 0; -} -.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, -.p-speeddial-semi-circle .p-speeddial-item:first-child, -.p-speeddial-semi-circle .p-speeddial-item:last-child, -.p-speeddial-quarter-circle .p-speeddial-item:first-child, -.p-speeddial-quarter-circle .p-speeddial-item:last-child { - margin: 0; -} - -.p-speeddial-mask { - background-color: rgba(0, 0, 0, 0.4); -} - -.p-carousel .p-carousel-content .p-carousel-prev, -.p-carousel .p-carousel-content .p-carousel-next { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin: 0.5rem; -} -.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, -.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; -} -.p-carousel .p-carousel-indicators { - padding: 1rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator { - margin-right: 0.5rem; - margin-bottom: 0.5rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: #ced4da; - width: 2rem; - height: 0.5rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 0; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { - background: #adb5bd; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #EEF2FF; - color: #4338CA; -} - -.p-datatable .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-datatable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-datatable .p-datatable-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; -} -.p-datatable .p-datatable-footer { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; -} -.p-datatable .p-datatable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #dee2e6; - border-width: 0 0 1px 0; - font-weight: 700; - color: #343a40; - background: #f8f9fa; - transition: box-shadow 0.2s; -} -.p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #dee2e6; - border-width: 0 0 1px 0; - font-weight: 700; - color: #343a40; - background: #f8f9fa; -} -.p-datatable .p-sortable-column .p-sortable-column-icon { - color: #343a40; - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: #4338CA; - background: #EEF2FF; - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column:not(.p-highlight):hover { - background: #e9ecef; - color: #343a40; -} -.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #343a40; -} -.p-datatable .p-sortable-column.p-highlight { - background: #EEF2FF; - color: #4338CA; -} -.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #4338CA; -} -.p-datatable .p-sortable-column.p-highlight:hover { - background: #EEF2FF; - color: #4338CA; -} -.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { - color: #4338CA; -} -.p-datatable .p-sortable-column:focus { - box-shadow: inset 0 0 0 1px #C7D2FE; - outline: 0 none; -} -.p-datatable .p-datatable-tbody > tr { - background: #ffffff; - color: #495057; - transition: box-shadow 0.2s; - outline-color: #C7D2FE; -} -.p-datatable .p-datatable-tbody > tr > td { - text-align: left; - border: 1px solid #dee2e6; - border-width: 0 0 1px 0; - padding: 1rem 1rem; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { - margin-right: 0.5rem; -} -.p-datatable .p-datatable-tbody > tr.p-highlight { - background: #EEF2FF; - color: #4338CA; -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #EEF2FF; -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #EEF2FF; -} -.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} -.p-datatable .p-column-resizer-helper { - background: #6366F1; -} -.p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #f8f9fa; -} -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot { - background-color: #f8f9fa; -} -.p-datatable .p-datatable-loading-icon { - font-size: 2rem; -} -.p-datatable.p-datatable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-footer { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-top { - border-width: 0 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-bottom { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { - background: #fcfcfc; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: #EEF2FF; - color: #4338CA; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: #4338CA; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: #4338CA; -} -.p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-lg .p-datatable-header { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-footer { - padding: 1.25rem 1.25rem; -} - -.p-dataview .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-dataview .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-dataview .p-dataview-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; -} -.p-dataview .p-dataview-content { - background: #ffffff; - color: #495057; - border: 0 none; - padding: 0; -} -.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid #dee2e6; - border-width: 0 0 1px 0; -} -.p-dataview .p-dataview-footer { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} -.p-dataview .p-dataview-loading-icon { - font-size: 2rem; -} -.p-dataview .p-dataview-emptymessage { - padding: 1.25rem; -} - -.p-column-filter-row .p-column-filter-menu-button, -.p-column-filter-row .p-column-filter-clear-button { - margin-left: 0.5rem; -} - -.p-column-filter-menu-button { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-menu-button:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: #e9ecef; - color: #343a40; -} -.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: #EEF2FF; - color: #4338CA; -} -.p-column-filter-menu-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; -} - -.p-column-filter-clear-button { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-clear-button:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.p-column-filter-clear-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; -} - -.p-column-filter-overlay { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 6px; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - min-width: 12.5rem; -} -.p-column-filter-overlay .p-column-filter-row-items { - padding: 0.75rem 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: #4338CA; - background: #EEF2FF; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #C7D2FE; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} - -.p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; - margin: 0; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-column-filter-overlay-menu .p-column-filter-constraint { - padding: 1.25rem; - border-bottom: 1px solid #dee2e6; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { - margin-bottom: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { - margin-top: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { - border-bottom: 0 none; -} -.p-column-filter-overlay-menu .p-column-filter-add-rule { - padding: 0.75rem 1.25rem; -} -.p-column-filter-overlay-menu .p-column-filter-buttonbar { - padding: 1.25rem; -} - -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #f8f9fa; - border: 1px solid #dee2e6; - color: #343a40; -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #ffffff; - border: 1px solid #dee2e6; - color: #495057; -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #dee2e6; -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #dee2e6; -} -.fc.fc-unthemed .fc-view-container .fc-event { - background: #4F46E5; - border: 1px solid #4F46E5; - color: #ffffff; -} -.fc.fc-unthemed .fc-view-container .fc-divider { - background: #f8f9fa; - border: 1px solid #dee2e6; -} -.fc.fc-unthemed .fc-toolbar .fc-button { - color: #ffffff; - background: #6366F1; - border: 1px solid #6366F1; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; - display: flex; - align-items: center; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #4F46E5; - color: #ffffff; - border-color: #4F46E5; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #4338CA; - color: #ffffff; - border-color: #4338CA; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 1px solid #ced4da; - color: #495057; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #6366F1; - border-color: #6366F1; - color: #ffffff; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #4F46E5; - border-color: #4F46E5; - color: #ffffff; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; - z-index: 1; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} -.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #dee2e6; -} -.fc.fc-theme-standard .fc-view-harness th { - background: #f8f9fa; - border-color: #dee2e6; - color: #343a40; -} -.fc.fc-theme-standard .fc-view-harness td { - color: #495057; - border-color: #dee2e6; -} -.fc.fc-theme-standard .fc-view-harness .fc-view { - background: #ffffff; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #dee2e6; - padding: 1.25rem; - background: #f8f9fa; - color: #343a40; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1.25rem; - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - border-top: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #ffffff; - background: #4F46E5; - border-color: #4F46E5; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #ffffff; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #4F46E5; - border-color: #4F46E5; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: #e9ecef; - color: #495057; -} -.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #f8f9fa; -} -.fc.fc-theme-standard .fc-toolbar .fc-button { - color: #ffffff; - background: #6366F1; - border: 1px solid #6366F1; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #4F46E5; - color: #ffffff; - border-color: #4F46E5; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #4338CA; - color: #ffffff; - border-color: #4338CA; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.6; - color: #ffffff; - background: #6366F1; - border: 1px solid #6366F1; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 1px solid #ced4da; - color: #495057; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #6366F1; - border-color: #6366F1; - color: #ffffff; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #4F46E5; - border-color: #4F46E5; - color: #ffffff; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; - z-index: 1; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} -.fc.fc-theme-standard a { - color: #495057; -} -.fc.fc-theme-standard .fc-highlight { - color: #4338CA; - background: #EEF2FF; -} - -.p-orderlist .p-orderlist-controls { - padding: 1.25rem; -} -.p-orderlist .p-orderlist-controls .p-button { - margin-bottom: 0.5rem; -} -.p-orderlist .p-orderlist-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; - padding: 1.25rem; - border-bottom: 0 none; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-orderlist .p-orderlist-header .p-orderlist-title { - font-weight: 700; -} -.p-orderlist .p-orderlist-filter-container { - padding: 1.25rem; - background: #ffffff; - border: 1px solid #dee2e6; - border-bottom: 0 none; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { - padding-right: 1.75rem; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { - right: 0.75rem; - color: #6c757d; -} -.p-orderlist .p-orderlist-list { - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-orderlist .p-orderlist-list .p-orderlist-item { - padding: 0.75rem 1.25rem; - margin: 0; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; -} -.p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #C7D2FE; -} -.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #4338CA; - background: #EEF2FF; -} -.p-orderlist .p-orderlist-list .p-orderlist-empty-message { - padding: 0.75rem 1.25rem; - color: #495057; -} -.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} - -.p-orderlist-item.cdk-drag-preview { - padding: 0.75rem 1.25rem; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border: 0 none; - color: #495057; - background: #ffffff; - margin: 0; -} - -.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} -.p-organizationchart .p-organizationchart-node-content.p-highlight { - background: #EEF2FF; - color: #4338CA; -} -.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: #6f91ff; -} -.p-organizationchart .p-organizationchart-line-down { - background: #dee2e6; -} -.p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #dee2e6; - border-color: #dee2e6; -} -.p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #dee2e6; - border-color: #dee2e6; -} -.p-organizationchart .p-organizationchart-node-content { - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - padding: 1.25rem; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler { - background: inherit; - color: inherit; - border-radius: 50%; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; -} - -.p-paginator { - background: #ffffff; - color: #6c757d; - border: solid #e9ecef; - border-width: 0; - padding: 0.5rem 1rem; - border-radius: 6px; -} -.p-paginator .p-paginator-first, -.p-paginator .p-paginator-prev, -.p-paginator .p-paginator-next, -.p-paginator .p-paginator-last { - background-color: transparent; - border: 0 none; - color: #6c757d; - min-width: 3rem; - height: 3rem; - margin: 0.143rem; - transition: box-shadow 0.2s; - border-radius: 50%; -} -.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; - border-color: transparent; - color: #343a40; -} -.p-paginator .p-paginator-first { - border-top-left-radius: 50%; - border-bottom-left-radius: 50%; -} -.p-paginator .p-paginator-last { - border-top-right-radius: 50%; - border-bottom-right-radius: 50%; -} -.p-paginator .p-dropdown { - margin-left: 0.5rem; - margin-right: 0.5rem; - height: 3rem; -} -.p-paginator .p-dropdown .p-dropdown-label { - padding-right: 0; -} -.p-paginator .p-paginator-page-input { - margin-left: 0.5rem; - margin-right: 0.5rem; -} -.p-paginator .p-paginator-page-input .p-inputtext { - max-width: 3rem; -} -.p-paginator .p-paginator-current { - background-color: transparent; - border: 0 none; - color: #6c757d; - min-width: 3rem; - height: 3rem; - margin: 0.143rem; - padding: 0 0.5rem; -} -.p-paginator .p-paginator-pages .p-paginator-page { - background-color: transparent; - border: 0 none; - color: #6c757d; - min-width: 3rem; - height: 3rem; - margin: 0.143rem; - transition: box-shadow 0.2s; - border-radius: 50%; -} -.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: #EEF2FF; - border-color: #EEF2FF; - color: #4338CA; -} -.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { - background: #e9ecef; - border-color: transparent; - color: #343a40; -} - -.p-picklist .p-picklist-buttons { - padding: 1.25rem; -} -.p-picklist .p-picklist-buttons .p-button { - margin-bottom: 0.5rem; -} -.p-picklist .p-picklist-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; - padding: 1.25rem; - border-bottom: 0 none; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-picklist .p-picklist-header .p-picklist-title { - font-weight: 700; -} -.p-picklist .p-picklist-filter-container { - padding: 1.25rem; - background: #ffffff; - border: 1px solid #dee2e6; - border-bottom: 0 none; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-input { - padding-right: 1.75rem; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { - right: 0.75rem; - color: #6c757d; -} -.p-picklist .p-picklist-list { - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-picklist .p-picklist-list .p-picklist-item { - padding: 0.75rem 1.25rem; - margin: 0; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; -} -.p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #C7D2FE; -} -.p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: #4338CA; - background: #EEF2FF; -} -.p-picklist .p-picklist-list .p-picklist-empty-message { - padding: 0.75rem 1.25rem; - color: #495057; -} -.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} - -.p-picklist-item.cdk-drag-preview { - padding: 0.75rem 1.25rem; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border: 0 none; - color: #495057; - background: #ffffff; - margin: 0; -} - -.p-timeline .p-timeline-event-marker { - border: 2px solid #6366F1; - border-radius: 50%; - width: 1rem; - height: 1rem; - background-color: #ffffff; -} -.p-timeline .p-timeline-event-connector { - background-color: #dee2e6; -} -.p-timeline.p-timeline-vertical .p-timeline-event-opposite, -.p-timeline.p-timeline-vertical .p-timeline-event-content { - padding: 0 1rem; -} -.p-timeline.p-timeline-vertical .p-timeline-event-connector { - width: 2px; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, -.p-timeline.p-timeline-horizontal .p-timeline-event-content { - padding: 1rem 0; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-connector { - height: 2px; -} - -.p-tree { - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - padding: 1.25rem; - border-radius: 6px; -} -.p-tree .p-tree-container .p-treenode { - padding: 0.143rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content { - border-radius: 6px; - transition: box-shadow 0.2s; - padding: 0.5rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { - margin-right: 0.5rem; - color: #6c757d; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { - color: #495057; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: #EEF2FF; - color: #4338CA; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #4338CA; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { - color: #4338CA; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { - background: #e9ecef; - color: #495057; -} -.p-tree .p-tree-filter-container { - margin-bottom: 0.5rem; -} -.p-tree .p-tree-filter-container .p-tree-filter { - width: 100%; - padding-right: 1.75rem; -} -.p-tree .p-tree-filter-container .p-tree-filter-icon { - right: 0.75rem; - color: #6c757d; -} -.p-tree .p-treenode-children { - padding: 0 0 0 1rem; -} -.p-tree .p-tree-loading-icon { - font-size: 2rem; -} -.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: #8ba7ff; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { - border-radius: 6px; - border: 1px solid #dee2e6; - background-color: #ffffff; - color: #495057; - padding: 0.5rem; - transition: box-shadow 0.2s; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { - background-color: #EEF2FF; - color: #4338CA; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #4338CA; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { - background-color: inherit; - color: inherit; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; -} - -.p-treetable .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-treetable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-treetable .p-treetable-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; -} -.p-treetable .p-treetable-footer { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; -} -.p-treetable .p-treetable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #dee2e6; - border-width: 0 0 1px 0; - font-weight: 700; - color: #343a40; - background: #f8f9fa; - transition: box-shadow 0.2s; -} -.p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #dee2e6; - border-width: 0 0 1px 0; - font-weight: 700; - color: #343a40; - background: #f8f9fa; -} -.p-treetable .p-sortable-column { - outline-color: #C7D2FE; -} -.p-treetable .p-sortable-column .p-sortable-column-icon { - color: #343a40; - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: #4338CA; - background: #EEF2FF; - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column:not(.p-highlight):hover { - background: #e9ecef; - color: #343a40; -} -.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #343a40; -} -.p-treetable .p-sortable-column.p-highlight { - background: #EEF2FF; - color: #4338CA; -} -.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #4338CA; -} -.p-treetable .p-treetable-tbody > tr { - background: #ffffff; - color: #495057; - transition: box-shadow 0.2s; - outline-color: #C7D2FE; -} -.p-treetable .p-treetable-tbody > tr > td { - text-align: left; - border: 1px solid #dee2e6; - border-width: 0 0 1px 0; - padding: 1rem 1rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { - color: #495057; -} -.p-treetable .p-treetable-tbody > tr.p-highlight { - background: #EEF2FF; - color: #4338CA; -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: #4338CA; -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: #4338CA; -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { - color: #495057; -} -.p-treetable .p-column-resizer-helper { - background: #6366F1; -} -.p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #f8f9fa; -} -.p-treetable .p-treetable-loading-icon { - font-size: 2rem; -} -.p-treetable.p-treetable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-footer { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-top { - border-width: 0 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-bottom { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-sm .p-treetable-header { - padding: 0.875rem 0.875rem; -} -.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-footer { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-lg .p-treetable-header { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-footer { - padding: 1.25rem 1.25rem; -} - -.p-virtualscroller .p-virtualscroller-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; -} -.p-virtualscroller .p-virtualscroller-content { - background: #ffffff; - color: #495057; - border: 0 none; - padding: 0; -} -.p-virtualscroller .p-virtualscroller-footer { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.p-accordion .p-accordion-header .p-accordion-header-link { - padding: 1.25rem; - border: 1px solid #dee2e6; - color: #6c757d; - background: #f8f9fa; - font-weight: 700; - border-radius: 6px; - transition: box-shadow 0.2s; -} -.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { - margin-right: 0.5rem; -} -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; -} -.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { - background: #e9ecef; - border-color: #dee2e6; - color: #343a40; -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #f8f9fa; - border-color: #dee2e6; - color: #343a40; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-color: #dee2e6; - background: #e9ecef; - color: #343a40; -} -.p-accordion .p-accordion-content { - padding: 1.25rem; - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-accordion p-accordiontab .p-accordion-tab { - margin-bottom: 4px; -} - -.p-card { - background: #ffffff; - color: #495057; - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); - border-radius: 6px; -} -.p-card .p-card-body { - padding: 1.25rem; -} -.p-card .p-card-title { - font-size: 1.5rem; - font-weight: 700; - margin-bottom: 0.5rem; -} -.p-card .p-card-subtitle { - font-weight: 400; - margin-bottom: 0.5rem; - color: #6c757d; -} -.p-card .p-card-content { - padding: 1.25rem 0; -} -.p-card .p-card-footer { - padding: 1.25rem 0 0 0; -} - -.p-divider .p-divider-content { - background-color: #ffffff; -} -.p-divider.p-divider-horizontal { - margin: 1.25rem 0; - padding: 0 1.25rem; -} -.p-divider.p-divider-horizontal:before { - border-top: 1px #dee2e6; -} -.p-divider.p-divider-horizontal .p-divider-content { - padding: 0 0.5rem; -} -.p-divider.p-divider-vertical { - margin: 0 1.25rem; - padding: 1.25rem 0; -} -.p-divider.p-divider-vertical:before { - border-left: 1px #dee2e6; -} -.p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; -} - -.p-fieldset { - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - border-radius: 6px; -} -.p-fieldset .p-fieldset-legend { - padding: 1.25rem; - border: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; - font-weight: 700; - border-radius: 6px; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { - padding: 0; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { - padding: 1.25rem; - color: #343a40; - border-radius: 6px; - transition: box-shadow 0.2s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { - margin-right: 0.5rem; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: #e9ecef; - border-color: #dee2e6; - color: #343a40; -} -.p-fieldset .p-fieldset-content { - padding: 1.25rem; -} - -.p-panel .p-panel-header { - border: 1px solid #dee2e6; - padding: 1.25rem; - background: #f8f9fa; - color: #343a40; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-panel .p-panel-header .p-panel-title { - font-weight: 700; -} -.p-panel .p-panel-header .p-panel-header-icon { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.p-panel .p-panel-header .p-panel-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; -} -.p-panel.p-panel-toggleable .p-panel-header { - padding: 0.75rem 1.25rem; -} -.p-panel .p-panel-content { - padding: 1.25rem; - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - border-top: 0 none; -} -.p-panel .p-panel-footer { - padding: 0.75rem 1.25rem; - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - border-top: 0 none; -} - -.p-scrollpanel .p-scrollpanel-bar { - background: #f8f9fa; - border: 0 none; -} - -.p-splitter { - border: 1px solid #dee2e6; - background: #ffffff; - border-radius: 6px; - color: #495057; -} -.p-splitter .p-splitter-gutter { - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - background: #f8f9fa; -} -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: #dee2e6; -} -.p-splitter .p-splitter-gutter-resizing { - background: #dee2e6; -} - -.p-tabview .p-tabview-nav { - background: #ffffff; - border: 1px solid #dee2e6; - border-width: 0 0 2px 0; -} -.p-tabview .p-tabview-nav li { - margin-right: 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #dee2e6; - border-width: 0 0 2px 0; - border-color: transparent transparent #dee2e6 transparent; - background: #ffffff; - color: #6c757d; - padding: 1.25rem; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #C7D2FE; -} -.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #ffffff; - border-color: #adb5bd; - color: #6c757d; -} -.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #ffffff; - border-color: #6366F1; - color: #6366F1; -} -.p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; -} -.p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-close { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-nav-btn.p-link { - background: #ffffff; - color: #6366F1; - width: 3rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; -} -.p-tabview .p-tabview-nav-btn.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #C7D2FE; -} -.p-tabview .p-tabview-panels { - background: #ffffff; - padding: 1.25rem; - border: 0 none; - color: #495057; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} - -.p-toolbar { - background: #f8f9fa; - border: 1px solid #dee2e6; - padding: 1.25rem; - border-radius: 6px; -} -.p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; -} - -.p-confirm-popup { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 6px; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); -} -.p-confirm-popup .p-confirm-popup-content { - padding: 1.25rem; -} -.p-confirm-popup .p-confirm-popup-footer { - text-align: right; - padding: 0.75rem 1.25rem; -} -.p-confirm-popup .p-confirm-popup-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-confirm-popup .p-confirm-popup-footer button:last-child { - margin: 0; -} -.p-confirm-popup:after { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-confirm-popup:before { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-confirm-popup.p-confirm-popup-flipped:after { - border-top-color: #ffffff; -} -.p-confirm-popup.p-confirm-popup-flipped:before { - border-top-color: #ffffff; -} -.p-confirm-popup .p-confirm-popup-icon { - font-size: 1.5rem; -} -.p-confirm-popup .p-confirm-popup-message { - margin-left: 1rem; -} - -.p-dialog { - border-radius: 6px; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); - border: 0 none; -} -.p-dialog .p-dialog-header { - border-bottom: 0 none; - background: #ffffff; - color: #343a40; - padding: 1.5rem; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-dialog .p-dialog-header .p-dialog-title { - font-weight: 700; - font-size: 1.25rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { - margin-right: 0; -} -.p-dialog .p-dialog-content { - background: #ffffff; - color: #495057; - padding: 0 1.5rem 2rem 1.5rem; -} -.p-dialog .p-dialog-footer { - border-top: 0 none; - background: #ffffff; - color: #495057; - padding: 0 1.5rem 1.5rem 1.5rem; - text-align: right; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-dialog .p-dialog-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { - font-size: 2rem; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; -} - -.p-overlaypanel { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 6px; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); -} -.p-overlaypanel .p-overlaypanel-content { - padding: 1.25rem; -} -.p-overlaypanel .p-overlaypanel-close { - background: #6366F1; - color: #ffffff; - width: 2rem; - height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; - position: absolute; - top: -1rem; - right: -1rem; -} -.p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #4F46E5; - color: #ffffff; -} -.p-overlaypanel:after { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-overlaypanel:before { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-overlaypanel.p-overlaypanel-flipped:after { - border-top-color: #ffffff; -} -.p-overlaypanel.p-overlaypanel-flipped:before { - border-top-color: #ffffff; -} - -.p-sidebar { - background: #ffffff; - color: #495057; - border: 0 none; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); -} -.p-sidebar .p-sidebar-header { - padding: 1.25rem; -} -.p-sidebar .p-sidebar-header .p-sidebar-close, -.p-sidebar .p-sidebar-header .p-sidebar-icon { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, -.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; -} -.p-sidebar .p-sidebar-header + .p-sidebar-content { - padding-top: 0; -} -.p-sidebar .p-sidebar-content { - padding: 1.25rem; -} - -.p-tooltip .p-tooltip-text { - background: #495057; - color: #ffffff; - padding: 0.75rem 0.75rem; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border-radius: 6px; -} -.p-tooltip.p-tooltip-right .p-tooltip-arrow { - border-right-color: #495057; -} -.p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #495057; -} -.p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #495057; -} -.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #495057; -} - -.p-fileupload .p-fileupload-buttonbar { - background: #f8f9fa; - padding: 1.25rem; - border: 1px solid #dee2e6; - color: #343a40; - border-bottom: 0 none; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; -} -.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; -} -.p-fileupload .p-fileupload-content { - background: #ffffff; - padding: 2rem 1rem; - border: 1px solid #dee2e6; - color: #495057; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-fileupload .p-progressbar { - height: 0.25rem; -} -.p-fileupload .p-fileupload-row > div { - padding: 1rem 1rem; -} -.p-fileupload.p-fileupload-advanced .p-message { - margin-top: 0; -} - -.p-fileupload-choose:not(.p-disabled):hover { - background: #4F46E5; - color: #ffffff; - border-color: #4F46E5; -} -.p-fileupload-choose:not(.p-disabled):active { - background: #4338CA; - color: #ffffff; - border-color: #4338CA; -} - -.p-breadcrumb { - background: #ffffff; - border: 1px solid #dee2e6; - border-radius: 6px; - padding: 1rem; -} -.p-breadcrumb ul li .p-menuitem-link { - transition: box-shadow 0.2s; - border-radius: 6px; -} -.p-breadcrumb ul li .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { - color: #6c757d; -} -.p-breadcrumb ul li.p-breadcrumb-chevron { - margin: 0 0.5rem 0 0.5rem; - color: #495057; -} -.p-breadcrumb ul li:last-child .p-menuitem-text { - color: #495057; -} -.p-breadcrumb ul li:last-child .p-menuitem-icon { - color: #6c757d; -} - -.p-contextmenu { - padding: 0.25rem 0; - background: #ffffff; - color: #495057; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border-radius: 6px; - width: 12.5rem; -} -.p-contextmenu .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-contextmenu .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-contextmenu .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-contextmenu .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #C7D2FE; -} -.p-contextmenu .p-submenu-list { - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border-radius: 6px; -} -.p-contextmenu .p-menuitem { - margin: 0; -} -.p-contextmenu .p-menuitem:last-child { - margin: 0; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #EEF2FF; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #4338CA; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #4338CA; -} -.p-contextmenu .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} -.p-contextmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-dock .p-dock-list { - background: rgba(255, 255, 255, 0.1); - border: 1px solid rgba(255, 255, 255, 0.2); - padding: 0.5rem 0.5rem; - border-radius: 0.5rem; -} -.p-dock .p-dock-item { - padding: 0.5rem; -} -.p-dock .p-dock-action { - width: 4rem; - height: 4rem; -} -.p-dock.p-dock-top .p-dock-item-second-prev, -.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, -.p-dock.p-dock-bottom .p-dock-item-second-next { - margin: 0 0.9rem; -} -.p-dock.p-dock-top .p-dock-item-prev, -.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, -.p-dock.p-dock-bottom .p-dock-item-next { - margin: 0 1.3rem; -} -.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { - margin: 0 1.5rem; -} -.p-dock.p-dock-left .p-dock-item-second-prev, -.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, -.p-dock.p-dock-right .p-dock-item-second-next { - margin: 0.9rem 0; -} -.p-dock.p-dock-left .p-dock-item-prev, -.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, -.p-dock.p-dock-right .p-dock-item-next { - margin: 1.3rem 0; -} -.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { - margin: 1.5rem 0; -} - -@media screen and (max-width: 960px) { - .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { - margin: auto 0; - } - .p-dock .p-dock-list .p-dock-item { - transform: none; - margin: 0; - } -} -.p-megamenu { - padding: 0.5rem; - background: #f8f9fa; - color: #495057; - border: 1px solid #dee2e6; - border-radius: 6px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: #495057; - border-radius: 6px; - transition: box-shadow 0.2s; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: #6c757d; - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #C7D2FE; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #EEF2FF; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #4338CA; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #4338CA; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #4338CA; -} -.p-megamenu .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-megamenu .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-megamenu .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-megamenu .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #C7D2FE; -} -.p-megamenu .p-megamenu-panel { - background: #ffffff; - color: #495057; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.p-megamenu .p-megamenu-submenu-header { - margin: 0; - padding: 0.75rem 1.25rem; - color: #343a40; - background: #ffffff; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-megamenu .p-megamenu-submenu { - padding: 0.25rem 0; - width: 12.5rem; -} -.p-megamenu .p-megamenu-submenu .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem { - margin: 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { - margin: 0; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #EEF2FF; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #4338CA; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #4338CA; -} -.p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.25rem 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem { - margin: 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { - margin: 0; -} - -.p-menu { - padding: 0.25rem 0; - background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; - border-radius: 6px; - width: 12.5rem; -} -.p-menu .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menu .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-menu .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-menu .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-menu .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #C7D2FE; -} -.p-menu.p-menu-overlay { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.p-menu .p-submenu-header { - margin: 0; - padding: 0.75rem 1.25rem; - color: #343a40; - background: #ffffff; - font-weight: 700; - border-top-right-radius: 0; - border-top-left-radius: 0; -} -.p-menu .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} -.p-menu .p-menuitem { - margin: 0; -} -.p-menu .p-menuitem:last-child { - margin: 0; -} - -.p-menubar { - padding: 0.5rem; - background: #f8f9fa; - color: #495057; - border: 1px solid #dee2e6; - border-radius: 6px; -} -.p-menubar .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menubar .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-menubar .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-menubar .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #C7D2FE; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: #495057; - border-radius: 6px; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: #6c757d; - margin-left: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #C7D2FE; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #EEF2FF; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #4338CA; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #4338CA; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #4338CA; -} -.p-menubar .p-submenu-list { - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - width: 12.5rem; -} -.p-menubar .p-submenu-list .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} -.p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; -} -.p-menubar .p-submenu-list .p-menuitem { - margin: 0; -} -.p-menubar .p-submenu-list .p-menuitem:last-child { - margin: 0; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #EEF2FF; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #4338CA; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #4338CA; -} - -@media screen and (max-width: 960px) { - .p-menubar { - position: relative; - } - .p-menubar .p-menubar-button { - display: flex; - width: 2rem; - height: 2rem; - color: #6c757d; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-menubar .p-menubar-button:hover { - color: #6c757d; - background: #e9ecef; - } - .p-menubar .p-menubar-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; - } - .p-menubar .p-menubar-root-list { - position: absolute; - display: none; - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - width: 100%; - } - .p-menubar .p-menubar-root-list .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; - } - .p-menubar .p-menubar-root-list .p-submenu-icon { - font-size: 0.875rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: #495057; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: #6c757d; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #C7D2FE; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - transition: transform 0.2s; - } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-180deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list { - width: 100%; - position: static; - box-shadow: none; - border: 0 none; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { - transition: transform 0.2s; - transform: rotate(90deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-90deg); - } - .p-menubar .p-menubar-root-list .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list ul li a { - padding-left: 2.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li a { - padding-left: 3.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li a { - padding-left: 5.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { - padding-left: 6.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { - padding-left: 8.25rem; - } - .p-menubar.p-menubar-mobile-active .p-menubar-root-list { - display: flex; - flex-direction: column; - top: 100%; - left: 0; - z-index: 1; - } -} -.p-panelmenu .p-panelmenu-header > a { - padding: 1.25rem; - border: 1px solid #dee2e6; - color: #6c757d; - background: #f8f9fa; - font-weight: 700; - border-radius: 6px; - transition: box-shadow 0.2s; -} -.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; -} -.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { - background: #e9ecef; - border-color: #dee2e6; - color: #343a40; -} -.p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight > a { - background: #f8f9fa; - border-color: #dee2e6; - color: #343a40; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { - border-color: #dee2e6; - background: #e9ecef; - color: #343a40; -} -.p-panelmenu .p-panelmenu-content { - padding: 0.25rem 0; - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - margin-bottom: 4px; - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #C7D2FE; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { - padding: 0 0 0 1rem; -} -.p-panelmenu .p-panelmenu-panel { - margin-bottom: 4px; -} - -.p-slidemenu { - padding: 0.25rem 0; - background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; - border-radius: 6px; - width: 12.5rem; -} -.p-slidemenu .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-slidemenu .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-slidemenu .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-slidemenu .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #C7D2FE; -} -.p-slidemenu.p-slidemenu-overlay { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.p-slidemenu .p-slidemenu-list { - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { - background: #EEF2FF; -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { - color: #4338CA; -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { - color: #4338CA; -} -.p-slidemenu .p-slidemenu-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} -.p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; -} -.p-slidemenu .p-slidemenu-backward { - padding: 0.75rem 1.25rem; - color: #495057; -} - -.p-steps .p-steps-item .p-menuitem-link { - background: transparent; - transition: box-shadow 0.2s; - border-radius: 6px; - background: #ffffff; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-number { - color: #495057; - border: 1px solid #e9ecef; - background: #ffffff; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - z-index: 1; - border-radius: 50%; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-title { - margin-top: 0.5rem; - color: #6c757d; -} -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; -} -.p-steps .p-steps-item.p-highlight .p-steps-number { - background: #EEF2FF; - color: #4338CA; -} -.p-steps .p-steps-item.p-highlight .p-steps-title { - font-weight: 700; - color: #495057; -} -.p-steps .p-steps-item:before { - content: " "; - border-top: 1px solid #dee2e6; - width: 100%; - top: 50%; - left: 0; - display: block; - position: absolute; - margin-top: -1rem; -} - -.p-tabmenu .p-tabmenu-nav { - background: #ffffff; - border: 1px solid #dee2e6; - border-width: 0 0 2px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { - margin-right: 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { - border: solid #dee2e6; - border-width: 0 0 2px 0; - border-color: transparent transparent #dee2e6 transparent; - background: #ffffff; - color: #6c757d; - padding: 1.25rem; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #C7D2FE; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: #ffffff; - border-color: #adb5bd; - color: #6c757d; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #ffffff; - border-color: #6366F1; - color: #6366F1; -} - -.p-tieredmenu { - padding: 0.25rem 0; - background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; - border-radius: 6px; - width: 12.5rem; -} -.p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-tieredmenu .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-tieredmenu .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-tieredmenu .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #C7D2FE; -} -.p-tieredmenu.p-tieredmenu-overlay { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.p-tieredmenu .p-menuitem { - margin: 0; -} -.p-tieredmenu .p-menuitem:last-child { - margin: 0; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #EEF2FF; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #4338CA; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #4338CA; -} -.p-tieredmenu .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} -.p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-inline-message { - padding: 0.75rem 0.75rem; - margin: 0; - border-radius: 6px; -} -.p-inline-message.p-inline-message-info { - background: #e9e9ff; - border: solid #696cff; - border-width: 0px; - color: #696cff; -} -.p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #696cff; -} -.p-inline-message.p-inline-message-success { - background: #e4f8f0; - border: solid #1ea97c; - border-width: 0px; - color: #1ea97c; -} -.p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #1ea97c; -} -.p-inline-message.p-inline-message-warn { - background: #fff2e2; - border: solid #cc8925; - border-width: 0px; - color: #cc8925; -} -.p-inline-message.p-inline-message-warn .p-inline-message-icon { - color: #cc8925; -} -.p-inline-message.p-inline-message-error { - background: #ffe7e6; - border: solid #ff5757; - border-width: 0px; - color: #ff5757; -} -.p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #ff5757; -} -.p-inline-message .p-inline-message-icon { - font-size: 1rem; - margin-right: 0.5rem; -} -.p-inline-message .p-inline-message-text { - font-size: 1rem; -} -.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { - margin-right: 0; -} - -.p-message { - margin: 1rem 0; - border-radius: 6px; -} -.p-message .p-message-wrapper { - padding: 1.25rem 1.75rem; -} -.p-message .p-message-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-message .p-message-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; -} -.p-message.p-message-info { - background: #e9e9ff; - border: solid #696cff; - border-width: 0 0 0 6px; - color: #696cff; -} -.p-message.p-message-info .p-message-icon { - color: #696cff; -} -.p-message.p-message-info .p-message-close { - color: #696cff; -} -.p-message.p-message-success { - background: #e4f8f0; - border: solid #1ea97c; - border-width: 0 0 0 6px; - color: #1ea97c; -} -.p-message.p-message-success .p-message-icon { - color: #1ea97c; -} -.p-message.p-message-success .p-message-close { - color: #1ea97c; -} -.p-message.p-message-warn { - background: #fff2e2; - border: solid #cc8925; - border-width: 0 0 0 6px; - color: #cc8925; -} -.p-message.p-message-warn .p-message-icon { - color: #cc8925; -} -.p-message.p-message-warn .p-message-close { - color: #cc8925; -} -.p-message.p-message-error { - background: #ffe7e6; - border: solid #ff5757; - border-width: 0 0 0 6px; - color: #ff5757; -} -.p-message.p-message-error .p-message-icon { - color: #ff5757; -} -.p-message.p-message-error .p-message-close { - color: #ff5757; -} -.p-message .p-message-text { - font-size: 1rem; - font-weight: 400; -} -.p-message .p-message-icon { - font-size: 1.5rem; - margin-right: 0.5rem; -} -.p-message .p-message-summary { - font-weight: 700; -} -.p-message .p-message-detail { - margin-left: 0.5rem; -} - -.p-toast { - opacity: 0.9; -} -.p-toast .p-toast-message { - margin: 0 0 1rem 0; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border-radius: 6px; -} -.p-toast .p-toast-message .p-toast-message-content { - padding: 1rem; - border-width: 0 0 0 6px; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { - margin: 0 0 0 1rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { - font-size: 2rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { - font-weight: 700; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { - margin: 0.5rem 0 0 0; -} -.p-toast .p-toast-message .p-toast-icon-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-toast .p-toast-message .p-toast-icon-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; -} -.p-toast .p-toast-message.p-toast-message-info { - background: #e9e9ff; - border: solid #696cff; - border-width: 0 0 0 6px; - color: #696cff; -} -.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { - color: #696cff; -} -.p-toast .p-toast-message.p-toast-message-success { - background: #e4f8f0; - border: solid #1ea97c; - border-width: 0 0 0 6px; - color: #1ea97c; -} -.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { - color: #1ea97c; -} -.p-toast .p-toast-message.p-toast-message-warn { - background: #fff2e2; - border: solid #cc8925; - border-width: 0 0 0 6px; - color: #cc8925; -} -.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { - color: #cc8925; -} -.p-toast .p-toast-message.p-toast-message-error { - background: #ffe7e6; - border: solid #ff5757; - border-width: 0 0 0 6px; - color: #ff5757; -} -.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { - color: #ff5757; -} - -.p-galleria .p-galleria-close { - margin: 0.5rem; - background: transparent; - color: #f8f9fa; - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-close .p-galleria-close-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-close:hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-item-nav { - background: transparent; - color: #f8f9fa; - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 6px; - margin: 0 0.5rem; -} -.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, -.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-caption { - background: rgba(0, 0, 0, 0.5); - color: #f8f9fa; - padding: 1rem; -} -.p-galleria .p-galleria-indicators { - padding: 1rem; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #ced4da; - width: 1rem; - height: 1rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { - background: #adb5bd; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #EEF2FF; - color: #4338CA; -} -.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { - margin-right: 0.5rem; -} -.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { - margin-bottom: 0.5rem; -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { - background: rgba(0, 0, 0, 0.5); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { - background: rgba(255, 255, 255, 0.4); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { - background: rgba(255, 255, 255, 0.6); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #EEF2FF; - color: #4338CA; -} -.p-galleria .p-galleria-thumbnail-container { - background: rgba(0, 0, 0, 0.9); - padding: 1rem 0.25rem; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { - margin: 0.5rem; - background-color: transparent; - color: #f8f9fa; - width: 2rem; - height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; -} - -.p-galleria-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-preview-indicator { - background-color: transparent; - color: #f8f9fa; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} - -.p-image-preview-container:hover > .p-image-preview-indicator { - background-color: rgba(0, 0, 0, 0.5); -} - -.p-image-toolbar { - padding: 1rem; -} - -.p-image-action.p-link { - color: #f8f9fa; - background-color: transparent; - width: 3rem; - height: 3rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-image-action.p-link:last-child { - margin-right: 0; -} -.p-image-action.p-link:hover { - color: #f8f9fa; - background-color: rgba(255, 255, 255, 0.1); -} -.p-image-action.p-link i { - font-size: 1.5rem; -} - -.p-avatar { - background-color: #dee2e6; - border-radius: 6px; -} -.p-avatar.p-avatar-lg { - width: 3rem; - height: 3rem; - font-size: 1.5rem; -} -.p-avatar.p-avatar-lg .p-avatar-icon { - font-size: 1.5rem; -} -.p-avatar.p-avatar-xl { - width: 4rem; - height: 4rem; - font-size: 2rem; -} -.p-avatar.p-avatar-xl .p-avatar-icon { - font-size: 2rem; -} - -.p-avatar-group .p-avatar { - border: 2px solid #ffffff; -} - -.p-badge { - background: #6366F1; - color: #ffffff; - font-size: 0.75rem; - font-weight: 700; - min-width: 1.5rem; - height: 1.5rem; - line-height: 1.5rem; -} -.p-badge.p-badge-secondary { - background-color: #64748B; - color: #ffffff; -} -.p-badge.p-badge-success { - background-color: #22C55E; - color: #ffffff; -} -.p-badge.p-badge-info { - background-color: #3B82F6; - color: #ffffff; -} -.p-badge.p-badge-warning { - background-color: #F59E0B; - color: #ffffff; -} -.p-badge.p-badge-danger { - background-color: #EF4444; - color: #ffffff; -} -.p-badge.p-badge-lg { - font-size: 1.125rem; - min-width: 2.25rem; - height: 2.25rem; - line-height: 2.25rem; -} -.p-badge.p-badge-xl { - font-size: 1.5rem; - min-width: 3rem; - height: 3rem; - line-height: 3rem; -} - -.p-chip { - background-color: #dee2e6; - color: #495057; - border-radius: 16px; - padding: 0 0.75rem; -} -.p-chip .p-chip-text { - line-height: 1.5; - margin-top: 0.375rem; - margin-bottom: 0.375rem; -} -.p-chip .p-chip-icon { - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - margin-left: 0.5rem; -} -.p-chip img { - width: 2.25rem; - height: 2.25rem; - margin-left: -0.75rem; - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - border-radius: 6px; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; -} - -.p-inplace .p-inplace-display { - padding: 0.75rem 0.75rem; - border-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-inplace .p-inplace-display:not(.p-disabled):hover { - background: #e9ecef; - color: #495057; -} -.p-inplace .p-inplace-display:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; -} - -.p-progressbar { - border: 0 none; - height: 1.5rem; - background: #dee2e6; - border-radius: 6px; -} -.p-progressbar .p-progressbar-value { - border: 0 none; - margin: 0; - background: #6366F1; -} -.p-progressbar .p-progressbar-label { - color: #ffffff; - line-height: 1.5rem; -} - -.p-scrolltop { - width: 3rem; - height: 3rem; - border-radius: 50%; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-scrolltop.p-link { - background: rgba(0, 0, 0, 0.7); -} -.p-scrolltop.p-link:hover { - background: rgba(0, 0, 0, 0.8); -} -.p-scrolltop .p-scrolltop-icon { - font-size: 1.5rem; - color: #f8f9fa; -} - -.p-skeleton { - background-color: #dee2e6; - border-radius: 6px; -} -.p-skeleton:after { - background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); -} - -.p-tag { - background: #6366F1; - color: #ffffff; - font-size: 0.75rem; - font-weight: 700; - padding: 0.25rem 0.4rem; - border-radius: 6px; -} -.p-tag.p-tag-success { - background-color: #22C55E; - color: #ffffff; -} -.p-tag.p-tag-info { - background-color: #3B82F6; - color: #ffffff; -} -.p-tag.p-tag-warning { - background-color: #F59E0B; - color: #ffffff; -} -.p-tag.p-tag-danger { - background-color: #EF4444; - color: #ffffff; -} -.p-tag .p-tag-icon { - margin-right: 0.25rem; - font-size: 0.75rem; -} - -.p-terminal { - background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; - padding: 1.25rem; -} -.p-terminal .p-terminal-input { - font-size: 1rem; - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; -} - -.p-button-label { - font-weight: 700; -} - -.p-accordion .p-accordion-header .p-accordion-header-link { - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; -} - -.p-tabview .p-tabview-nav li .p-tabview-nav-link { - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-tabview .p-tabview-nav .p-tabview-ink-bar { - z-index: 1; - display: block; - position: absolute; - bottom: 0; - height: 2px; - background-color: #6366F1; - transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); -} - -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #6366F1; -} - -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #6366F1; -} - -.p-button:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b1b3f8, 0 1px 2px 0 black; -} -.p-button.p-button-secondary:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 black; -} -.p-button.p-button-success:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black; -} -.p-button.p-button-info:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black; -} -.p-button.p-button-warning:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #facf85, 0 1px 2px 0 black; -} -.p-button.p-button-help:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black; -} -.p-button.p-button-danger:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 black; -} diff --git a/src/assets/theme/lara-light-purple/theme.css b/src/assets/theme/lara-light-purple/theme.css deleted file mode 100644 index 161f567..0000000 --- a/src/assets/theme/lara-light-purple/theme.css +++ /dev/null @@ -1,5709 +0,0 @@ -:root { - --surface-a:#ffffff; - --surface-b:#f8f9fa; - --surface-c:#e9ecef; - --surface-d:#dee2e6; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#495057; - --text-color-secondary:#6c757d; - --primary-color:#8B5CF6; - --primary-color-text:#ffffff; - --font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; - --surface-0: #ffffff; - --surface-50: #FAFAFA; - --surface-100: #F5F5F5; - --surface-200: #EEEEEE; - --surface-300: #E0E0E0; - --surface-400: #BDBDBD; - --surface-500: #9E9E9E; - --surface-600: #757575; - --surface-700: #616161; - --surface-800: #424242; - --surface-900: #212121; - --gray-50: #FAFAFA; - --gray-100: #F5F5F5; - --gray-200: #EEEEEE; - --gray-300: #E0E0E0; - --gray-400: #BDBDBD; - --gray-500: #9E9E9E; - --gray-600: #757575; - --gray-700: #616161; - --gray-800: #424242; - --gray-900: #212121; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#eff3f8; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#dfe7ef; - --surface-hover:#f6f9fc; - --focus-ring: 0 0 0 0.2rem #DDD6FE; - --maskbg: rgba(0, 0, 0, 0.4); -} - -@font-face { - font-family: "Inter"; - font-style: normal; - font-weight: 300; - src: local(""), url("./fonts/Inter-Light.woff2") format("woff2"), url("./fonts/Inter-Light.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -@font-face { - font-family: "Inter"; - font-style: normal; - font-weight: 400; - src: local(""), url("./fonts/Inter-Regular.woff2") format("woff2"), url("./fonts/Inter-Regular.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -@font-face { - font-family: "Inter"; - font-style: normal; - font-weight: 500; - src: local(""), url("./fonts/Inter-Medium.woff2") format("woff2"), url("./fonts/Inter-Medium.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -@font-face { - font-family: "Inter"; - font-style: normal; - font-weight: 600; - src: local(""), url("./fonts/Inter-SemiBold.woff2") format("woff2"), url("./fonts/Inter-SemiBold.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -@font-face { - font-family: "Inter"; - font-style: normal; - font-weight: 700; - src: local(""), url("./fonts/Inter-Bold.woff2") format("woff2"), url("./fonts/Inter-Bold.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -* { - box-sizing: border-box; -} - -.p-component { - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - font-size: 1rem; - font-weight: normal; -} - -.p-component-overlay { - background-color: rgba(0, 0, 0, 0.4); - transition-duration: 0.2s; -} - -.p-disabled, .p-component:disabled { - opacity: 0.6; -} - -.p-error { - color: #e24c4c; -} - -.p-text-secondary { - color: #6c757d; -} - -.pi { - font-size: 1rem; -} - -.p-link { - font-size: 1rem; - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - border-radius: 6px; -} -.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; -} - -.p-component-overlay-enter { - animation: p-component-overlay-enter-animation 150ms forwards; -} - -.p-component-overlay-leave { - animation: p-component-overlay-leave-animation 150ms forwards; -} - -@keyframes p-component-overlay-enter-animation { - from { - background-color: transparent; - } - to { - background-color: var(--maskbg); - } -} -@keyframes p-component-overlay-leave-animation { - from { - background-color: var(--maskbg); - } - to { - background-color: transparent; - } -} - -:root { - --blue-50:#f5f9ff; - --blue-100:#d0e1fd; - --blue-200:#abc9fb; - --blue-300:#85b2f9; - --blue-400:#609af8; - --blue-500:#3b82f6; - --blue-600:#326fd1; - --blue-700:#295bac; - --blue-800:#204887; - --blue-900:#183462; - --green-50:#f4fcf7; - --green-100:#caf1d8; - --green-200:#a0e6ba; - --green-300:#76db9b; - --green-400:#4cd07d; - --green-500:#22c55e; - --green-600:#1da750; - --green-700:#188a42; - --green-800:#136c34; - --green-900:#0e4f26; - --yellow-50:#fefbf3; - --yellow-100:#faedc4; - --yellow-200:#f6de95; - --yellow-300:#f2d066; - --yellow-400:#eec137; - --yellow-500:#eab308; - --yellow-600:#c79807; - --yellow-700:#a47d06; - --yellow-800:#816204; - --yellow-900:#5e4803; - --cyan-50:#f3fbfd; - --cyan-100:#c3edf5; - --cyan-200:#94e0ed; - --cyan-300:#65d2e4; - --cyan-400:#35c4dc; - --cyan-500:#06b6d4; - --cyan-600:#059bb4; - --cyan-700:#047f94; - --cyan-800:#036475; - --cyan-900:#024955; - --pink-50:#fef6fa; - --pink-100:#fad3e7; - --pink-200:#f7b0d3; - --pink-300:#f38ec0; - --pink-400:#f06bac; - --pink-500:#ec4899; - --pink-600:#c93d82; - --pink-700:#a5326b; - --pink-800:#822854; - --pink-900:#5e1d3d; - --indigo-50:#f7f7fe; - --indigo-100:#dadafc; - --indigo-200:#bcbdf9; - --indigo-300:#9ea0f6; - --indigo-400:#8183f4; - --indigo-500:#6366f1; - --indigo-600:#5457cd; - --indigo-700:#4547a9; - --indigo-800:#363885; - --indigo-900:#282960; - --teal-50:#f3fbfb; - --teal-100:#c7eeea; - --teal-200:#9ae0d9; - --teal-300:#6dd3c8; - --teal-400:#41c5b7; - --teal-500:#14b8a6; - --teal-600:#119c8d; - --teal-700:#0e8174; - --teal-800:#0b655b; - --teal-900:#084a42; - --orange-50:#fff8f3; - --orange-100:#feddc7; - --orange-200:#fcc39b; - --orange-300:#fba86f; - --orange-400:#fa8e42; - --orange-500:#f97316; - --orange-600:#d46213; - --orange-700:#ae510f; - --orange-800:#893f0c; - --orange-900:#642e09; - --bluegray-50:#f7f8f9; - --bluegray-100:#dadee3; - --bluegray-200:#bcc3cd; - --bluegray-300:#9fa9b7; - --bluegray-400:#818ea1; - --bluegray-500:#64748b; - --bluegray-600:#556376; - --bluegray-700:#465161; - --bluegray-800:#37404c; - --bluegray-900:#282e38; - --purple-50:#fbf7ff; - --purple-100:#ead6fd; - --purple-200:#dab6fc; - --purple-300:#c996fa; - --purple-400:#b975f9; - --purple-500:#a855f7; - --purple-600:#8f48d2; - --purple-700:#763cad; - --purple-800:#5c2f88; - --purple-900:#432263; -} - -.p-autocomplete .p-autocomplete-loader { - right: 0.75rem; -} -.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 3.75rem; -} -.p-autocomplete .p-autocomplete-multiple-container { - padding: 0.375rem 0.75rem; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: #8B5CF6; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; - border-color: #8B5CF6; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { - padding: 0.375rem 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - font-size: 1rem; - color: #495057; - padding: 0; - margin: 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #F5F3FF; - color: #6D28D9; - border-radius: 6px; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; -} - -p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #e24c4c; -} - -.p-autocomplete-panel { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 6px; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.p-autocomplete-panel .p-autocomplete-items:not(.p-autocomplete-virtualscroll) { - padding: 0.75rem 0; -} -.p-autocomplete-panel .p-autocomplete-items.p-autocomplete-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.75rem 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: #495057; - background: #e9ecef; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: #6D28D9; - background: #F5F3FF; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.75rem 1.25rem; - color: #495057; - background: transparent; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: #343a40; - background: #ffffff; - font-weight: 700; -} - -p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { - border-color: #e24c4c; -} - -.p-datepicker { - padding: 0.5rem; - background: #ffffff; - color: #495057; - border: 1px solid #ced4da; - border-radius: 6px; -} -.p-datepicker:not(.p-datepicker-inline) { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { - background: #ffffff; -} -.p-datepicker .p-datepicker-header { - padding: 0.5rem; - color: #495057; - background: #ffffff; - font-weight: 600; - margin: 0; - border-bottom: 1px solid #dee2e6; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev, -.p-datepicker .p-datepicker-header .p-datepicker-next { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; -} -.p-datepicker .p-datepicker-header .p-datepicker-title { - line-height: 2rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - color: #495057; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - font-weight: 600; - padding: 0.5rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #8B5CF6; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - margin-right: 0.5rem; -} -.p-datepicker table { - font-size: 1rem; - margin: 0.5rem 0; -} -.p-datepicker table th { - padding: 0.5rem; -} -.p-datepicker table th > span { - width: 2.5rem; - height: 2.5rem; -} -.p-datepicker table td { - padding: 0.5rem; -} -.p-datepicker table td > span { - width: 2.5rem; - height: 2.5rem; - border-radius: 50%; - transition: box-shadow 0.2s; - border: 1px solid transparent; -} -.p-datepicker table td > span.p-highlight { - color: #6D28D9; - background: #F5F3FF; -} -.p-datepicker table td > span:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; -} -.p-datepicker table td.p-datepicker-today > span { - background: #ced4da; - color: #495057; - border-color: transparent; -} -.p-datepicker table td.p-datepicker-today > span.p-highlight { - color: #6D28D9; - background: #F5F3FF; -} -.p-datepicker .p-datepicker-buttonbar { - padding: 1rem 0; - border-top: 1px solid #dee2e6; -} -.p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; -} -.p-datepicker .p-timepicker { - border-top: 1px solid #dee2e6; - padding: 0.5rem; -} -.p-datepicker .p-timepicker button { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-timepicker button:enabled:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.p-datepicker .p-timepicker button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; -} -.p-datepicker .p-timepicker button:last-child { - margin-top: 0.2em; -} -.p-datepicker .p-timepicker span { - font-size: 1.25rem; -} -.p-datepicker .p-timepicker > div { - padding: 0 0.5rem; -} -.p-datepicker.p-datepicker-timeonly .p-timepicker { - border-top: 0 none; -} -.p-datepicker .p-monthpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-monthpicker .p-monthpicker-month { - padding: 0.5rem; - transition: box-shadow 0.2s; - border-radius: 6px; -} -.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: #6D28D9; - background: #F5F3FF; -} -.p-datepicker .p-yearpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-yearpicker .p-yearpicker-year { - padding: 0.5rem; - transition: box-shadow 0.2s; - border-radius: 6px; -} -.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { - color: #6D28D9; - background: #F5F3FF; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #dee2e6; - padding-right: 0.5rem; - padding-left: 0.5rem; - padding-top: 0; - padding-bottom: 0; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { - padding-left: 0; - border-left: 0 none; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { - padding-right: 0; -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { - background: #e9ecef; -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; -} - -@media screen and (max-width: 769px) { - .p-datepicker table th, .p-datepicker table td { - padding: 0; - } -} -.p-cascadeselect { - background: #ffffff; - border: 1px solid #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; -} -.p-cascadeselect:not(.p-disabled):hover { - border-color: #8B5CF6; -} -.p-cascadeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; - border-color: #8B5CF6; -} -.p-cascadeselect .p-cascadeselect-label { - background: transparent; - border: 0 none; - padding: 0.75rem 0.75rem; -} -.p-cascadeselect .p-cascadeselect-label.p-placeholder { - color: #6c757d; -} -.p-cascadeselect .p-cascadeselect-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-cascadeselect .p-cascadeselect-trigger { - background: transparent; - color: #6c757d; - width: 3rem; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -.p-cascadeselect-panel { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 6px; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.p-cascadeselect-panel .p-cascadeselect-items { - padding: 0.75rem 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { - margin: 0; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.75rem 1.25rem; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #DDD6FE; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { - color: #6D28D9; - background: #F5F3FF; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { - font-size: 0.875rem; -} - -p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #e24c4c; -} - -.p-input-filled .p-cascadeselect { - background: #e9ecef; -} -.p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #e9ecef; -} -.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #ffffff; -} - -.p-checkbox { - width: 22px; - height: 22px; -} -.p-checkbox .p-checkbox-box { - border: 2px solid #ced4da; - background: #ffffff; - width: 22px; - height: 22px; - color: #495057; - border-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-checkbox .p-checkbox-box .p-checkbox-icon { - transition-duration: 0.2s; - color: #ffffff; - font-size: 14px; -} -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #8B5CF6; - background: #8B5CF6; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #8B5CF6; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; - border-color: #8B5CF6; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #6D28D9; - background: #6D28D9; - color: #ffffff; -} - -p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #e24c4c; -} - -.p-input-filled .p-checkbox .p-checkbox-box { - background-color: #e9ecef; -} -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #8B5CF6; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #e9ecef; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #6D28D9; -} - -.p-checkbox-label { - margin-left: 0.5rem; -} - -.p-chips .p-chips-multiple-container { - padding: 0.375rem 0.75rem; -} -.p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: #8B5CF6; -} -.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; - border-color: #8B5CF6; -} -.p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #F5F3FF; - color: #6D28D9; - border-radius: 6px; -} -.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { - margin-left: 0.5rem; -} -.p-chips .p-chips-multiple-container .p-chips-input-token { - padding: 0.375rem 0; -} -.p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - font-size: 1rem; - color: #495057; - padding: 0; - margin: 0; -} - -p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { - border-color: #e24c4c; -} - -.p-colorpicker-preview, -.p-fluid .p-colorpicker-preview.p-inputtext { - width: 2rem; - height: 2rem; -} - -.p-colorpicker-panel { - background: #323232; - border: 1px solid #191919; -} -.p-colorpicker-panel .p-colorpicker-color-handle, -.p-colorpicker-panel .p-colorpicker-hue-handle { - border-color: #ffffff; -} - -.p-colorpicker-overlay-panel { - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} - -.p-dropdown { - background: #ffffff; - border: 1px solid #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; -} -.p-dropdown:not(.p-disabled):hover { - border-color: #8B5CF6; -} -.p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; - border-color: #8B5CF6; -} -.p-dropdown.p-dropdown-clearable .p-dropdown-label { - padding-right: 1.75rem; -} -.p-dropdown .p-dropdown-label { - background: transparent; - border: 0 none; -} -.p-dropdown .p-dropdown-label.p-placeholder { - color: #6c757d; -} -.p-dropdown .p-dropdown-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-dropdown .p-dropdown-trigger { - background: transparent; - color: #6c757d; - width: 3rem; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} -.p-dropdown .p-dropdown-clear-icon { - color: #6c757d; - right: 3rem; -} - -.p-dropdown-panel { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 6px; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.p-dropdown-panel .p-dropdown-header { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; - margin: 0; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { - padding-right: 1.75rem; - margin-right: -1.75rem; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { - right: 0.75rem; - color: #6c757d; -} -.p-dropdown-panel .p-dropdown-items:not(.p-dropdown-virtualscroll) { - padding: 0.75rem 0; -} -.p-dropdown-panel .p-dropdown-items.p-dropdown-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.75rem 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: #6D28D9; - background: #F5F3FF; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.75rem 1.25rem; - color: #495057; - background: transparent; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: #343a40; - background: #ffffff; - font-weight: 700; -} - -p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #e24c4c; -} - -.p-input-filled .p-dropdown { - background: #e9ecef; -} -.p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #e9ecef; -} -.p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: #ffffff; -} - -.p-editor-container .p-editor-toolbar { - background: #f8f9fa; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #dee2e6; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: #6c757d; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: #6c757d; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: #6c757d; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border-radius: 6px; - padding: 0.75rem 0; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: #495057; - background: #e9ecef; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.75rem 1.25rem; -} -.p-editor-container .p-editor-content { - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-editor-container .p-editor-content.ql-snow { - border: 1px solid #dee2e6; -} -.p-editor-container .p-editor-content .ql-editor { - background: #ffffff; - color: #495057; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: #495057; -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: #495057; -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: #495057; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #8B5CF6; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #8B5CF6; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #8B5CF6; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #8B5CF6; -} - -.p-inputgroup-addon { - background: #e9ecef; - color: #6c757d; - border-top: 1px solid #ced4da; - border-left: 1px solid #ced4da; - border-bottom: 1px solid #ced4da; - padding: 0.75rem 0.75rem; - min-width: 3rem; -} -.p-inputgroup-addon:last-child { - border-right: 1px solid #ced4da; -} - -.p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, -.p-inputgroup > .p-float-label > .p-component { - border-radius: 0; - margin: 0; -} -.p-inputgroup > .p-component + .p-inputgroup-addon, -.p-inputgroup > .p-element + .p-inputgroup-addon, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, -.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { - border-left: 0 none; -} -.p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, -.p-inputgroup > .p-float-label > .p-component:focus { - z-index: 1; -} -.p-inputgroup > .p-component:focus ~ label, -.p-inputgroup > .p-element:focus ~ label, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, -.p-inputgroup > .p-float-label > .p-component:focus ~ label { - z-index: 1; -} - -.p-inputgroup-addon:first-child, -.p-inputgroup button:first-child, -.p-inputgroup input:first-child, -.p-inputgroup > .p-inputwrapper:first-child > .p-component, -.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.p-inputgroup .p-float-label:first-child input { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.p-inputgroup-addon:last-child, -.p-inputgroup button:last-child, -.p-inputgroup input:last-child, -.p-inputgroup > .p-inputwrapper:last-child > .p-component, -.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -.p-inputgroup .p-float-label:last-child input { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -.p-fluid .p-inputgroup .p-button { - width: auto; -} -.p-fluid .p-inputgroup .p-button.p-button-icon-only { - width: 3rem; -} - -p-inputmask.ng-dirty.ng-invalid > .p-inputtext { - border-color: #e24c4c; -} - -p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { - border-color: #e24c4c; -} - -.p-inputswitch { - width: 3rem; - height: 1.75rem; -} -.p-inputswitch .p-inputswitch-slider { - background: #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 30px; -} -.p-inputswitch .p-inputswitch-slider:before { - background: #ffffff; - width: 1.25rem; - height: 1.25rem; - left: 0.25rem; - margin-top: -0.625rem; - border-radius: 50%; - transition-duration: 0.2s; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - transform: translateX(1.25rem); -} -.p-inputswitch.p-focus .p-inputswitch-slider { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; -} -.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #b6bfc8; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #8B5CF6; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: #ffffff; -} -.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #7C3AED; -} - -p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { - border-color: #e24c4c; -} - -.p-inputtext { - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - font-size: 1rem; - color: #495057; - background: #ffffff; - padding: 0.75rem 0.75rem; - border: 1px solid #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - appearance: none; - border-radius: 6px; -} -.p-inputtext:enabled:hover { - border-color: #8B5CF6; -} -.p-inputtext:enabled:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; - border-color: #8B5CF6; -} -.p-inputtext.ng-dirty.ng-invalid { - border-color: #e24c4c; -} -.p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.65625rem 0.65625rem; -} -.p-inputtext.p-inputtext-lg { - font-size: 1.25rem; - padding: 0.9375rem 0.9375rem; -} - -.p-float-label > label { - left: 0.75rem; - color: #6c757d; - transition-duration: 0.2s; -} - -.p-float-label > .ng-invalid.ng-dirty + label { - color: #e24c4c; -} - -.p-input-icon-left > i:first-of-type { - left: 0.75rem; - color: #6c757d; -} - -.p-input-icon-left > .p-inputtext { - padding-left: 2.5rem; -} - -.p-input-icon-left.p-float-label > label { - left: 2.5rem; -} - -.p-input-icon-right > i:last-of-type { - right: 0.75rem; - color: #6c757d; -} - -.p-input-icon-right > .p-inputtext { - padding-right: 2.5rem; -} - -::-webkit-input-placeholder { - color: #6c757d; -} - -:-moz-placeholder { - color: #6c757d; -} - -::-moz-placeholder { - color: #6c757d; -} - -:-ms-input-placeholder { - color: #6c757d; -} - -.p-input-filled .p-inputtext { - background-color: #e9ecef; -} -.p-input-filled .p-inputtext:enabled:hover { - background-color: #e9ecef; -} -.p-input-filled .p-inputtext:enabled:focus { - background-color: #ffffff; -} - -.p-inputtext-sm .p-inputtext { - font-size: 0.875rem; - padding: 0.65625rem 0.65625rem; -} - -.p-inputtext-lg .p-inputtext { - font-size: 1.25rem; - padding: 0.9375rem 0.9375rem; -} - -.p-listbox { - background: #ffffff; - color: #495057; - border: 1px solid #ced4da; - border-radius: 6px; -} -.p-listbox .p-listbox-header { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; - margin: 0; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-listbox .p-listbox-header .p-listbox-filter { - padding-right: 1.75rem; -} -.p-listbox .p-listbox-header .p-listbox-filter-icon { - right: 0.75rem; - color: #6c757d; -} -.p-listbox .p-listbox-header .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list { - padding: 0.75rem 0; -} -.p-listbox .p-listbox-list .p-listbox-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: #495057; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: #6D28D9; - background: #F5F3FF; -} -.p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #DDD6FE; -} -.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list .p-listbox-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: #343a40; - background: #ffffff; - font-weight: 700; -} -.p-listbox .p-listbox-list .p-listbox-empty-message { - padding: 0.75rem 1.25rem; - color: #495057; - background: transparent; -} -.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; -} - -p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #e24c4c; -} - -.p-multiselect { - background: #ffffff; - border: 1px solid #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; -} -.p-multiselect:not(.p-disabled):hover { - border-color: #8B5CF6; -} -.p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; - border-color: #8B5CF6; -} -.p-multiselect .p-multiselect-label { - padding: 0.75rem 0.75rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-multiselect .p-multiselect-label.p-placeholder { - color: #6c757d; -} -.p-multiselect.p-multiselect-chip .p-multiselect-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #F5F3FF; - color: #6D28D9; - border-radius: 6px; -} -.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { - margin-left: 0.5rem; -} -.p-multiselect .p-multiselect-trigger { - background: transparent; - color: #6c757d; - width: 3rem; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { - padding: 0.375rem 0.75rem; -} - -.p-multiselect-panel { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 6px; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.p-multiselect-panel .p-multiselect-header { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; - margin: 0; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { - padding-right: 1.75rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { - right: 0.75rem; - color: #6c757d; -} -.p-multiselect-panel .p-multiselect-header .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close { - margin-left: 0.5rem; - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; -} -.p-multiselect-panel .p-multiselect-items:not(.p-multiselect-virtualscroll) { - padding: 0.75rem 0; -} -.p-multiselect-panel .p-multiselect-items.p-multiselect-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.75rem 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: #6D28D9; - background: #F5F3FF; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #DDD6FE; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: #343a40; - background: #ffffff; - font-weight: 700; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { - padding: 0.75rem 1.25rem; - color: #495057; - background: transparent; -} - -p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #e24c4c; -} - -.p-input-filled .p-multiselect { - background: #e9ecef; -} -.p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #e9ecef; -} -.p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #ffffff; -} - -p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #e24c4c; -} - -.p-password-panel { - padding: 1.25rem; - background: #ffffff; - color: #495057; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border-radius: 6px; -} -.p-password-panel .p-password-meter { - margin-bottom: 0.5rem; - background: #dee2e6; -} -.p-password-panel .p-password-meter .p-password-strength.weak { - background: #ea5455; -} -.p-password-panel .p-password-meter .p-password-strength.medium { - background: #ff9f42; -} -.p-password-panel .p-password-meter .p-password-strength.strong { - background: #29c76f; -} - -.p-radiobutton { - width: 22px; - height: 22px; -} -.p-radiobutton .p-radiobutton-box { - border: 2px solid #ced4da; - background: #ffffff; - width: 22px; - height: 22px; - color: #495057; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #8B5CF6; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; - border-color: #8B5CF6; -} -.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - width: 12px; - height: 12px; - transition-duration: 0.2s; - background-color: #ffffff; -} -.p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #8B5CF6; - background: #8B5CF6; -} -.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #6D28D9; - background: #6D28D9; - color: #ffffff; -} - -p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #e24c4c; -} - -.p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #e9ecef; -} -.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #e9ecef; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #8B5CF6; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #6D28D9; -} - -.p-radiobutton-label { - margin-left: 0.5rem; -} - -.p-rating .p-rating-icon { - color: #495057; - margin-left: 0.5rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - font-size: 1.143rem; -} -.p-rating .p-rating-icon.p-rating-cancel { - color: #ea5455; -} -.p-rating .p-rating-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; -} -.p-rating .p-rating-icon:first-child { - margin-left: 0; -} -.p-rating .p-rating-icon.pi-star-fill { - color: #8B5CF6; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { - color: #8B5CF6; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - color: #e73d3e; -} - -.p-selectbutton .p-button { - background: #ffffff; - border: 1px solid #ced4da; - color: #495057; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-selectbutton .p-button .p-button-icon-left, -.p-selectbutton .p-button .p-button-icon-right { - color: #6c757d; -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: #343a40; -} -.p-selectbutton .p-button.p-highlight { - background: #8B5CF6; - border-color: #8B5CF6; - color: #ffffff; -} -.p-selectbutton .p-button.p-highlight .p-button-icon-left, -.p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: #ffffff; -} -.p-selectbutton .p-button.p-highlight:hover { - background: #7C3AED; - border-color: #7C3AED; - color: #ffffff; -} -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: #ffffff; -} - -p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #e24c4c; -} - -.p-slider { - background: #dee2e6; - border: 0 none; - border-radius: 6px; -} -.p-slider.p-slider-horizontal { - height: 0.286rem; -} -.p-slider.p-slider-horizontal .p-slider-handle { - margin-top: -0.5715rem; - margin-left: -0.5715rem; -} -.p-slider.p-slider-vertical { - width: 0.286rem; -} -.p-slider.p-slider-vertical .p-slider-handle { - margin-left: -0.5715rem; - margin-bottom: -0.5715rem; -} -.p-slider .p-slider-handle { - height: 1.143rem; - width: 1.143rem; - background: #ffffff; - border: 2px solid #8B5CF6; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-slider .p-slider-handle:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; -} -.p-slider .p-slider-range { - background: #8B5CF6; -} -.p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #8B5CF6; - border-color: #8B5CF6; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { - transition: width 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { - transition: height 0.2s; -} - -.p-togglebutton.p-button { - background: #ffffff; - border: 1px solid #ced4da; - color: #495057; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-togglebutton.p-button .p-button-icon-left, -.p-togglebutton.p-button .p-button-icon-right { - color: #6c757d; -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: #343a40; -} -.p-togglebutton.p-button.p-highlight { - background: #8B5CF6; - border-color: #8B5CF6; - color: #ffffff; -} -.p-togglebutton.p-button.p-highlight .p-button-icon-left, -.p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: #ffffff; -} -.p-togglebutton.p-button.p-highlight:hover { - background: #7C3AED; - border-color: #7C3AED; - color: #ffffff; -} -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: #ffffff; -} - -p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #e24c4c; -} - -.p-treeselect { - background: #ffffff; - border: 1px solid #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; -} -.p-treeselect:not(.p-disabled):hover { - border-color: #8B5CF6; -} -.p-treeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; - border-color: #8B5CF6; -} -.p-treeselect .p-treeselect-label { - padding: 0.75rem 0.75rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-treeselect .p-treeselect-label.p-placeholder { - color: #6c757d; -} -.p-treeselect.p-treeselect-chip .p-treeselect-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #dee2e6; - color: #495057; - border-radius: 16px; -} -.p-treeselect .p-treeselect-trigger { - background: transparent; - color: #6c757d; - width: 3rem; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -p-treeselect.ng-invalid.ng-dirty > .p-treeselect { - border-color: #e24c4c; -} - -.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { - padding: 0.375rem 0.75rem; -} - -.p-treeselect-panel { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 6px; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { - border: 0 none; -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { - padding: 0.75rem 1.25rem; - color: #495057; - background: transparent; -} - -.p-input-filled .p-treeselect { - background: #e9ecef; -} -.p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #e9ecef; -} -.p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: #ffffff; -} - -.p-button { - color: #ffffff; - background: #8B5CF6; - border: 1px solid #8B5CF6; - padding: 0.75rem 1.25rem; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; -} -.p-button:enabled:hover { - background: #7C3AED; - color: #ffffff; - border-color: #7C3AED; -} -.p-button:enabled:active { - background: #6D28D9; - color: #ffffff; - border-color: #6D28D9; -} -.p-button.p-button-outlined { - background-color: transparent; - color: #8B5CF6; - border: 1px solid; -} -.p-button.p-button-outlined:enabled:hover { - background: rgba(139, 92, 246, 0.04); - color: #8B5CF6; - border: 1px solid; -} -.p-button.p-button-outlined:enabled:active { - background: rgba(139, 92, 246, 0.16); - color: #8B5CF6; - border: 1px solid; -} -.p-button.p-button-outlined.p-button-plain { - color: #6c757d; - border-color: #6c757d; -} -.p-button.p-button-outlined.p-button-plain:enabled:hover { - background: #e9ecef; - color: #6c757d; -} -.p-button.p-button-outlined.p-button-plain:enabled:active { - background: #dee2e6; - color: #6c757d; -} -.p-button.p-button-text { - background-color: transparent; - color: #8B5CF6; - border-color: transparent; -} -.p-button.p-button-text:enabled:hover { - background: rgba(139, 92, 246, 0.04); - color: #8B5CF6; - border-color: transparent; -} -.p-button.p-button-text:enabled:active { - background: rgba(139, 92, 246, 0.16); - color: #8B5CF6; - border-color: transparent; -} -.p-button.p-button-text.p-button-plain { - color: #6c757d; -} -.p-button.p-button-text.p-button-plain:enabled:hover { - background: #e9ecef; - color: #6c757d; -} -.p-button.p-button-text.p-button-plain:enabled:active { - background: #dee2e6; - color: #6c757d; -} -.p-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; -} -.p-button .p-button-icon-left { - margin-right: 0.5rem; -} -.p-button .p-button-icon-right { - margin-left: 0.5rem; -} -.p-button .p-button-icon-bottom { - margin-top: 0.5rem; -} -.p-button .p-button-icon-top { - margin-bottom: 0.5rem; -} -.p-button .p-badge { - margin-left: 0.5rem; - min-width: 1rem; - height: 1rem; - line-height: 1rem; - color: #8B5CF6; - background-color: #ffffff; -} -.p-button.p-button-raised { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -} -.p-button.p-button-rounded { - border-radius: 2rem; -} -.p-button.p-button-icon-only { - width: 3rem; - padding: 0.75rem 0; -} -.p-button.p-button-icon-only .p-button-icon-left, -.p-button.p-button-icon-only .p-button-icon-right { - margin: 0; -} -.p-button.p-button-icon-only.p-button-rounded { - border-radius: 50%; - height: 3rem; -} -.p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.65625rem 1.09375rem; -} -.p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; -} -.p-button.p-button-lg { - font-size: 1.25rem; - padding: 0.9375rem 1.5625rem; -} -.p-button.p-button-lg .p-button-icon { - font-size: 1.25rem; -} -.p-button.p-button-loading-label-only .p-button-label { - margin-left: 0.5rem; -} -.p-button.p-button-loading-label-only .p-button-loading-icon { - margin-right: 0; -} - -.p-fluid .p-button { - width: 100%; -} -.p-fluid .p-button-icon-only { - width: 3rem; -} -.p-fluid .p-buttonset { - display: flex; -} -.p-fluid .p-buttonset .p-button { - flex: 1; -} - -.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { - color: #ffffff; - background: #64748B; - border: 1px solid #64748B; -} -.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { - background: #475569; - color: #ffffff; - border-color: #475569; -} -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #E2E8F0; -} -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: #334155; - color: #ffffff; - border-color: #334155; -} -.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { - background-color: transparent; - color: #64748B; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { - background: rgba(100, 116, 139, 0.04); - color: #64748B; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { - background: rgba(100, 116, 139, 0.16); - color: #64748B; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { - background-color: transparent; - color: #64748B; - border-color: transparent; -} -.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { - background: rgba(100, 116, 139, 0.04); - border-color: transparent; - color: #64748B; -} -.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { - background: rgba(100, 116, 139, 0.16); - border-color: transparent; - color: #64748B; -} - -.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { - color: #ffffff; - background: #3B82F6; - border: 1px solid #3B82F6; -} -.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { - background: #2563EB; - color: #ffffff; - border-color: #2563EB; -} -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #BFDBFE; -} -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: #1D4ED8; - color: #ffffff; - border-color: #1D4ED8; -} -.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { - background-color: transparent; - color: #3B82F6; - border: 1px solid; -} -.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { - background: rgba(59, 130, 246, 0.04); - color: #3B82F6; - border: 1px solid; -} -.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { - background: rgba(59, 130, 246, 0.16); - color: #3B82F6; - border: 1px solid; -} -.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { - background-color: transparent; - color: #3B82F6; - border-color: transparent; -} -.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { - background: rgba(59, 130, 246, 0.04); - border-color: transparent; - color: #3B82F6; -} -.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { - background: rgba(59, 130, 246, 0.16); - border-color: transparent; - color: #3B82F6; -} - -.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { - color: #ffffff; - background: #22C55E; - border: 1px solid #22C55E; -} -.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { - background: #16A34A; - color: #ffffff; - border-color: #16A34A; -} -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #BBF7D0; -} -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: #15803D; - color: #ffffff; - border-color: #15803D; -} -.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { - background-color: transparent; - color: #22C55E; - border: 1px solid; -} -.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { - background: rgba(34, 197, 94, 0.04); - color: #22C55E; - border: 1px solid; -} -.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { - background: rgba(34, 197, 94, 0.16); - color: #22C55E; - border: 1px solid; -} -.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { - background-color: transparent; - color: #22C55E; - border-color: transparent; -} -.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { - background: rgba(34, 197, 94, 0.04); - border-color: transparent; - color: #22C55E; -} -.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { - background: rgba(34, 197, 94, 0.16); - border-color: transparent; - color: #22C55E; -} - -.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { - color: #ffffff; - background: #F59E0B; - border: 1px solid #F59E0B; -} -.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { - background: #D97706; - color: #ffffff; - border-color: #D97706; -} -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #FDE68A; -} -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: #B45309; - color: #ffffff; - border-color: #B45309; -} -.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { - background-color: transparent; - color: #F59E0B; - border: 1px solid; -} -.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { - background: rgba(245, 158, 11, 0.04); - color: #F59E0B; - border: 1px solid; -} -.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { - background: rgba(245, 158, 11, 0.16); - color: #F59E0B; - border: 1px solid; -} -.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { - background-color: transparent; - color: #F59E0B; - border-color: transparent; -} -.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { - background: rgba(245, 158, 11, 0.04); - border-color: transparent; - color: #F59E0B; -} -.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { - background: rgba(245, 158, 11, 0.16); - border-color: transparent; - color: #F59E0B; -} - -.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { - color: #ffffff; - background: #A855F7; - border: 1px solid #A855F7; -} -.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { - background: #9333EA; - color: #ffffff; - border-color: #9333EA; -} -.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #E9D5FF; -} -.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: #7E22CE; - color: #ffffff; - border-color: #7E22CE; -} -.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { - background-color: transparent; - color: #A855F7; - border: 1px solid; -} -.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { - background: rgba(168, 85, 247, 0.04); - color: #A855F7; - border: 1px solid; -} -.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { - background: rgba(168, 85, 247, 0.16); - color: #A855F7; - border: 1px solid; -} -.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { - background-color: transparent; - color: #A855F7; - border-color: transparent; -} -.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { - background: rgba(168, 85, 247, 0.04); - border-color: transparent; - color: #A855F7; -} -.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { - background: rgba(168, 85, 247, 0.16); - border-color: transparent; - color: #A855F7; -} - -.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { - color: #ffffff; - background: #EF4444; - border: 1px solid #EF4444; -} -.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { - background: #DC2626; - color: #ffffff; - border-color: #DC2626; -} -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #FECACA; -} -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: #B91C1C; - color: #ffffff; - border-color: #B91C1C; -} -.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { - background-color: transparent; - color: #EF4444; - border: 1px solid; -} -.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { - background: rgba(239, 68, 68, 0.04); - color: #EF4444; - border: 1px solid; -} -.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { - background: rgba(239, 68, 68, 0.16); - color: #EF4444; - border: 1px solid; -} -.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { - background-color: transparent; - color: #EF4444; - border-color: transparent; -} -.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { - background: rgba(239, 68, 68, 0.04); - border-color: transparent; - color: #EF4444; -} -.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { - background: rgba(239, 68, 68, 0.16); - border-color: transparent; - color: #EF4444; -} - -.p-button.p-button-link { - color: #6D28D9; - background: transparent; - border: transparent; -} -.p-button.p-button-link:enabled:hover { - background: transparent; - color: #6D28D9; - border-color: transparent; -} -.p-button.p-button-link:enabled:hover .p-button-label { - text-decoration: underline; -} -.p-button.p-button-link:enabled:focus { - background: transparent; - box-shadow: 0 0 0 0.2rem #DDD6FE; - border-color: transparent; -} -.p-button.p-button-link:enabled:active { - background: transparent; - color: #6D28D9; - border-color: transparent; -} - -.p-speeddial-button.p-button.p-button-icon-only { - width: 4rem; - height: 4rem; -} -.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { - font-size: 1.3rem; -} - -.p-speeddial-action { - width: 3rem; - height: 3rem; - background: #495057; - color: #fff; -} -.p-speeddial-action:hover { - background: #022354; - color: #fff; -} - -.p-speeddial-direction-up .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-up .p-speeddial-item:first-child { - margin-bottom: 0.5rem; -} - -.p-speeddial-direction-down .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-down .p-speeddial-item:first-child { - margin-top: 0.5rem; -} - -.p-speeddial-direction-left .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-left .p-speeddial-item:first-child { - margin-right: 0.5rem; -} - -.p-speeddial-direction-right .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-right .p-speeddial-item:first-child { - margin-left: 0.5rem; -} - -.p-speeddial-circle .p-speeddial-item, -.p-speeddial-semi-circle .p-speeddial-item, -.p-speeddial-quarter-circle .p-speeddial-item { - margin: 0; -} -.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, -.p-speeddial-semi-circle .p-speeddial-item:first-child, -.p-speeddial-semi-circle .p-speeddial-item:last-child, -.p-speeddial-quarter-circle .p-speeddial-item:first-child, -.p-speeddial-quarter-circle .p-speeddial-item:last-child { - margin: 0; -} - -.p-speeddial-mask { - background-color: rgba(0, 0, 0, 0.4); -} - -.p-carousel .p-carousel-content .p-carousel-prev, -.p-carousel .p-carousel-content .p-carousel-next { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin: 0.5rem; -} -.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, -.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; -} -.p-carousel .p-carousel-indicators { - padding: 1rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator { - margin-right: 0.5rem; - margin-bottom: 0.5rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: #ced4da; - width: 2rem; - height: 0.5rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 0; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { - background: #adb5bd; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #F5F3FF; - color: #6D28D9; -} - -.p-datatable .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-datatable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-datatable .p-datatable-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; -} -.p-datatable .p-datatable-footer { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; -} -.p-datatable .p-datatable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #dee2e6; - border-width: 0 0 1px 0; - font-weight: 700; - color: #343a40; - background: #f8f9fa; - transition: box-shadow 0.2s; -} -.p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #dee2e6; - border-width: 0 0 1px 0; - font-weight: 700; - color: #343a40; - background: #f8f9fa; -} -.p-datatable .p-sortable-column .p-sortable-column-icon { - color: #343a40; - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: #6D28D9; - background: #F5F3FF; - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column:not(.p-highlight):hover { - background: #e9ecef; - color: #343a40; -} -.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #343a40; -} -.p-datatable .p-sortable-column.p-highlight { - background: #F5F3FF; - color: #6D28D9; -} -.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #6D28D9; -} -.p-datatable .p-sortable-column.p-highlight:hover { - background: #F5F3FF; - color: #6D28D9; -} -.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { - color: #6D28D9; -} -.p-datatable .p-sortable-column:focus { - box-shadow: inset 0 0 0 1px #DDD6FE; - outline: 0 none; -} -.p-datatable .p-datatable-tbody > tr { - background: #ffffff; - color: #495057; - transition: box-shadow 0.2s; - outline-color: #DDD6FE; -} -.p-datatable .p-datatable-tbody > tr > td { - text-align: left; - border: 1px solid #dee2e6; - border-width: 0 0 1px 0; - padding: 1rem 1rem; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { - margin-right: 0.5rem; -} -.p-datatable .p-datatable-tbody > tr.p-highlight { - background: #F5F3FF; - color: #6D28D9; -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #F5F3FF; -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #F5F3FF; -} -.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} -.p-datatable .p-column-resizer-helper { - background: #8B5CF6; -} -.p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #f8f9fa; -} -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot { - background-color: #f8f9fa; -} -.p-datatable .p-datatable-loading-icon { - font-size: 2rem; -} -.p-datatable.p-datatable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-footer { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-top { - border-width: 0 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-bottom { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { - background: #fcfcfc; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: #F5F3FF; - color: #6D28D9; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: #6D28D9; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: #6D28D9; -} -.p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-lg .p-datatable-header { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-footer { - padding: 1.25rem 1.25rem; -} - -.p-dataview .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-dataview .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-dataview .p-dataview-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; -} -.p-dataview .p-dataview-content { - background: #ffffff; - color: #495057; - border: 0 none; - padding: 0; -} -.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid #dee2e6; - border-width: 0 0 1px 0; -} -.p-dataview .p-dataview-footer { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} -.p-dataview .p-dataview-loading-icon { - font-size: 2rem; -} -.p-dataview .p-dataview-emptymessage { - padding: 1.25rem; -} - -.p-column-filter-row .p-column-filter-menu-button, -.p-column-filter-row .p-column-filter-clear-button { - margin-left: 0.5rem; -} - -.p-column-filter-menu-button { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-menu-button:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: #e9ecef; - color: #343a40; -} -.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: #F5F3FF; - color: #6D28D9; -} -.p-column-filter-menu-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; -} - -.p-column-filter-clear-button { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-clear-button:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.p-column-filter-clear-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; -} - -.p-column-filter-overlay { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 6px; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - min-width: 12.5rem; -} -.p-column-filter-overlay .p-column-filter-row-items { - padding: 0.75rem 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: #6D28D9; - background: #F5F3FF; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #DDD6FE; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} - -.p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; - margin: 0; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-column-filter-overlay-menu .p-column-filter-constraint { - padding: 1.25rem; - border-bottom: 1px solid #dee2e6; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { - margin-bottom: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { - margin-top: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { - border-bottom: 0 none; -} -.p-column-filter-overlay-menu .p-column-filter-add-rule { - padding: 0.75rem 1.25rem; -} -.p-column-filter-overlay-menu .p-column-filter-buttonbar { - padding: 1.25rem; -} - -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #f8f9fa; - border: 1px solid #dee2e6; - color: #343a40; -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #ffffff; - border: 1px solid #dee2e6; - color: #495057; -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #dee2e6; -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #dee2e6; -} -.fc.fc-unthemed .fc-view-container .fc-event { - background: #7C3AED; - border: 1px solid #7C3AED; - color: #ffffff; -} -.fc.fc-unthemed .fc-view-container .fc-divider { - background: #f8f9fa; - border: 1px solid #dee2e6; -} -.fc.fc-unthemed .fc-toolbar .fc-button { - color: #ffffff; - background: #8B5CF6; - border: 1px solid #8B5CF6; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; - display: flex; - align-items: center; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #7C3AED; - color: #ffffff; - border-color: #7C3AED; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #6D28D9; - color: #ffffff; - border-color: #6D28D9; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 1px solid #ced4da; - color: #495057; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #8B5CF6; - border-color: #8B5CF6; - color: #ffffff; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #7C3AED; - border-color: #7C3AED; - color: #ffffff; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; - z-index: 1; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} -.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #dee2e6; -} -.fc.fc-theme-standard .fc-view-harness th { - background: #f8f9fa; - border-color: #dee2e6; - color: #343a40; -} -.fc.fc-theme-standard .fc-view-harness td { - color: #495057; - border-color: #dee2e6; -} -.fc.fc-theme-standard .fc-view-harness .fc-view { - background: #ffffff; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #dee2e6; - padding: 1.25rem; - background: #f8f9fa; - color: #343a40; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1.25rem; - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - border-top: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #ffffff; - background: #7C3AED; - border-color: #7C3AED; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #ffffff; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #7C3AED; - border-color: #7C3AED; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: #e9ecef; - color: #495057; -} -.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #f8f9fa; -} -.fc.fc-theme-standard .fc-toolbar .fc-button { - color: #ffffff; - background: #8B5CF6; - border: 1px solid #8B5CF6; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #7C3AED; - color: #ffffff; - border-color: #7C3AED; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #6D28D9; - color: #ffffff; - border-color: #6D28D9; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.6; - color: #ffffff; - background: #8B5CF6; - border: 1px solid #8B5CF6; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 1px solid #ced4da; - color: #495057; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #8B5CF6; - border-color: #8B5CF6; - color: #ffffff; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #7C3AED; - border-color: #7C3AED; - color: #ffffff; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; - z-index: 1; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} -.fc.fc-theme-standard a { - color: #495057; -} -.fc.fc-theme-standard .fc-highlight { - color: #6D28D9; - background: #F5F3FF; -} - -.p-orderlist .p-orderlist-controls { - padding: 1.25rem; -} -.p-orderlist .p-orderlist-controls .p-button { - margin-bottom: 0.5rem; -} -.p-orderlist .p-orderlist-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; - padding: 1.25rem; - border-bottom: 0 none; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-orderlist .p-orderlist-header .p-orderlist-title { - font-weight: 700; -} -.p-orderlist .p-orderlist-filter-container { - padding: 1.25rem; - background: #ffffff; - border: 1px solid #dee2e6; - border-bottom: 0 none; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { - padding-right: 1.75rem; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { - right: 0.75rem; - color: #6c757d; -} -.p-orderlist .p-orderlist-list { - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-orderlist .p-orderlist-list .p-orderlist-item { - padding: 0.75rem 1.25rem; - margin: 0; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; -} -.p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #DDD6FE; -} -.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #6D28D9; - background: #F5F3FF; -} -.p-orderlist .p-orderlist-list .p-orderlist-empty-message { - padding: 0.75rem 1.25rem; - color: #495057; -} -.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} - -.p-orderlist-item.cdk-drag-preview { - padding: 0.75rem 1.25rem; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border: 0 none; - color: #495057; - background: #ffffff; - margin: 0; -} - -.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} -.p-organizationchart .p-organizationchart-node-content.p-highlight { - background: #F5F3FF; - color: #6D28D9; -} -.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: #8b74ff; -} -.p-organizationchart .p-organizationchart-line-down { - background: #dee2e6; -} -.p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #dee2e6; - border-color: #dee2e6; -} -.p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #dee2e6; - border-color: #dee2e6; -} -.p-organizationchart .p-organizationchart-node-content { - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - padding: 1.25rem; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler { - background: inherit; - color: inherit; - border-radius: 50%; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; -} - -.p-paginator { - background: #ffffff; - color: #6c757d; - border: solid #e9ecef; - border-width: 0; - padding: 0.5rem 1rem; - border-radius: 6px; -} -.p-paginator .p-paginator-first, -.p-paginator .p-paginator-prev, -.p-paginator .p-paginator-next, -.p-paginator .p-paginator-last { - background-color: transparent; - border: 0 none; - color: #6c757d; - min-width: 3rem; - height: 3rem; - margin: 0.143rem; - transition: box-shadow 0.2s; - border-radius: 50%; -} -.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; - border-color: transparent; - color: #343a40; -} -.p-paginator .p-paginator-first { - border-top-left-radius: 50%; - border-bottom-left-radius: 50%; -} -.p-paginator .p-paginator-last { - border-top-right-radius: 50%; - border-bottom-right-radius: 50%; -} -.p-paginator .p-dropdown { - margin-left: 0.5rem; - margin-right: 0.5rem; - height: 3rem; -} -.p-paginator .p-dropdown .p-dropdown-label { - padding-right: 0; -} -.p-paginator .p-paginator-page-input { - margin-left: 0.5rem; - margin-right: 0.5rem; -} -.p-paginator .p-paginator-page-input .p-inputtext { - max-width: 3rem; -} -.p-paginator .p-paginator-current { - background-color: transparent; - border: 0 none; - color: #6c757d; - min-width: 3rem; - height: 3rem; - margin: 0.143rem; - padding: 0 0.5rem; -} -.p-paginator .p-paginator-pages .p-paginator-page { - background-color: transparent; - border: 0 none; - color: #6c757d; - min-width: 3rem; - height: 3rem; - margin: 0.143rem; - transition: box-shadow 0.2s; - border-radius: 50%; -} -.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: #F5F3FF; - border-color: #F5F3FF; - color: #6D28D9; -} -.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { - background: #e9ecef; - border-color: transparent; - color: #343a40; -} - -.p-picklist .p-picklist-buttons { - padding: 1.25rem; -} -.p-picklist .p-picklist-buttons .p-button { - margin-bottom: 0.5rem; -} -.p-picklist .p-picklist-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; - padding: 1.25rem; - border-bottom: 0 none; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-picklist .p-picklist-header .p-picklist-title { - font-weight: 700; -} -.p-picklist .p-picklist-filter-container { - padding: 1.25rem; - background: #ffffff; - border: 1px solid #dee2e6; - border-bottom: 0 none; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-input { - padding-right: 1.75rem; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { - right: 0.75rem; - color: #6c757d; -} -.p-picklist .p-picklist-list { - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-picklist .p-picklist-list .p-picklist-item { - padding: 0.75rem 1.25rem; - margin: 0; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; -} -.p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #DDD6FE; -} -.p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: #6D28D9; - background: #F5F3FF; -} -.p-picklist .p-picklist-list .p-picklist-empty-message { - padding: 0.75rem 1.25rem; - color: #495057; -} -.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} - -.p-picklist-item.cdk-drag-preview { - padding: 0.75rem 1.25rem; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border: 0 none; - color: #495057; - background: #ffffff; - margin: 0; -} - -.p-timeline .p-timeline-event-marker { - border: 2px solid #8B5CF6; - border-radius: 50%; - width: 1rem; - height: 1rem; - background-color: #ffffff; -} -.p-timeline .p-timeline-event-connector { - background-color: #dee2e6; -} -.p-timeline.p-timeline-vertical .p-timeline-event-opposite, -.p-timeline.p-timeline-vertical .p-timeline-event-content { - padding: 0 1rem; -} -.p-timeline.p-timeline-vertical .p-timeline-event-connector { - width: 2px; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, -.p-timeline.p-timeline-horizontal .p-timeline-event-content { - padding: 1rem 0; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-connector { - height: 2px; -} - -.p-tree { - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - padding: 1.25rem; - border-radius: 6px; -} -.p-tree .p-tree-container .p-treenode { - padding: 0.143rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content { - border-radius: 6px; - transition: box-shadow 0.2s; - padding: 0.5rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { - margin-right: 0.5rem; - color: #6c757d; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { - color: #495057; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: #F5F3FF; - color: #6D28D9; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #6D28D9; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { - color: #6D28D9; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { - background: #e9ecef; - color: #495057; -} -.p-tree .p-tree-filter-container { - margin-bottom: 0.5rem; -} -.p-tree .p-tree-filter-container .p-tree-filter { - width: 100%; - padding-right: 1.75rem; -} -.p-tree .p-tree-filter-container .p-tree-filter-icon { - right: 0.75rem; - color: #6c757d; -} -.p-tree .p-treenode-children { - padding: 0 0 0 1rem; -} -.p-tree .p-tree-loading-icon { - font-size: 2rem; -} -.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: #a28fff; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { - border-radius: 6px; - border: 1px solid #dee2e6; - background-color: #ffffff; - color: #495057; - padding: 0.5rem; - transition: box-shadow 0.2s; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { - background-color: #F5F3FF; - color: #6D28D9; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #6D28D9; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { - background-color: inherit; - color: inherit; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; -} - -.p-treetable .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-treetable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-treetable .p-treetable-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; -} -.p-treetable .p-treetable-footer { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; -} -.p-treetable .p-treetable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #dee2e6; - border-width: 0 0 1px 0; - font-weight: 700; - color: #343a40; - background: #f8f9fa; - transition: box-shadow 0.2s; -} -.p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #dee2e6; - border-width: 0 0 1px 0; - font-weight: 700; - color: #343a40; - background: #f8f9fa; -} -.p-treetable .p-sortable-column { - outline-color: #DDD6FE; -} -.p-treetable .p-sortable-column .p-sortable-column-icon { - color: #343a40; - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: #6D28D9; - background: #F5F3FF; - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column:not(.p-highlight):hover { - background: #e9ecef; - color: #343a40; -} -.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #343a40; -} -.p-treetable .p-sortable-column.p-highlight { - background: #F5F3FF; - color: #6D28D9; -} -.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #6D28D9; -} -.p-treetable .p-treetable-tbody > tr { - background: #ffffff; - color: #495057; - transition: box-shadow 0.2s; - outline-color: #DDD6FE; -} -.p-treetable .p-treetable-tbody > tr > td { - text-align: left; - border: 1px solid #dee2e6; - border-width: 0 0 1px 0; - padding: 1rem 1rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { - color: #495057; -} -.p-treetable .p-treetable-tbody > tr.p-highlight { - background: #F5F3FF; - color: #6D28D9; -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: #6D28D9; -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: #6D28D9; -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { - color: #495057; -} -.p-treetable .p-column-resizer-helper { - background: #8B5CF6; -} -.p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #f8f9fa; -} -.p-treetable .p-treetable-loading-icon { - font-size: 2rem; -} -.p-treetable.p-treetable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-footer { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-top { - border-width: 0 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-bottom { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-sm .p-treetable-header { - padding: 0.875rem 0.875rem; -} -.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-footer { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-lg .p-treetable-header { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-footer { - padding: 1.25rem 1.25rem; -} - -.p-virtualscroller .p-virtualscroller-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; -} -.p-virtualscroller .p-virtualscroller-content { - background: #ffffff; - color: #495057; - border: 0 none; - padding: 0; -} -.p-virtualscroller .p-virtualscroller-footer { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.p-accordion .p-accordion-header .p-accordion-header-link { - padding: 1.25rem; - border: 1px solid #dee2e6; - color: #6c757d; - background: #f8f9fa; - font-weight: 700; - border-radius: 6px; - transition: box-shadow 0.2s; -} -.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { - margin-right: 0.5rem; -} -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; -} -.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { - background: #e9ecef; - border-color: #dee2e6; - color: #343a40; -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #f8f9fa; - border-color: #dee2e6; - color: #343a40; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-color: #dee2e6; - background: #e9ecef; - color: #343a40; -} -.p-accordion .p-accordion-content { - padding: 1.25rem; - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-accordion p-accordiontab .p-accordion-tab { - margin-bottom: 4px; -} - -.p-card { - background: #ffffff; - color: #495057; - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); - border-radius: 6px; -} -.p-card .p-card-body { - padding: 1.25rem; -} -.p-card .p-card-title { - font-size: 1.5rem; - font-weight: 700; - margin-bottom: 0.5rem; -} -.p-card .p-card-subtitle { - font-weight: 400; - margin-bottom: 0.5rem; - color: #6c757d; -} -.p-card .p-card-content { - padding: 1.25rem 0; -} -.p-card .p-card-footer { - padding: 1.25rem 0 0 0; -} - -.p-divider .p-divider-content { - background-color: #ffffff; -} -.p-divider.p-divider-horizontal { - margin: 1.25rem 0; - padding: 0 1.25rem; -} -.p-divider.p-divider-horizontal:before { - border-top: 1px #dee2e6; -} -.p-divider.p-divider-horizontal .p-divider-content { - padding: 0 0.5rem; -} -.p-divider.p-divider-vertical { - margin: 0 1.25rem; - padding: 1.25rem 0; -} -.p-divider.p-divider-vertical:before { - border-left: 1px #dee2e6; -} -.p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; -} - -.p-fieldset { - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - border-radius: 6px; -} -.p-fieldset .p-fieldset-legend { - padding: 1.25rem; - border: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; - font-weight: 700; - border-radius: 6px; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { - padding: 0; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { - padding: 1.25rem; - color: #343a40; - border-radius: 6px; - transition: box-shadow 0.2s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { - margin-right: 0.5rem; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: #e9ecef; - border-color: #dee2e6; - color: #343a40; -} -.p-fieldset .p-fieldset-content { - padding: 1.25rem; -} - -.p-panel .p-panel-header { - border: 1px solid #dee2e6; - padding: 1.25rem; - background: #f8f9fa; - color: #343a40; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-panel .p-panel-header .p-panel-title { - font-weight: 700; -} -.p-panel .p-panel-header .p-panel-header-icon { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.p-panel .p-panel-header .p-panel-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; -} -.p-panel.p-panel-toggleable .p-panel-header { - padding: 0.75rem 1.25rem; -} -.p-panel .p-panel-content { - padding: 1.25rem; - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - border-top: 0 none; -} -.p-panel .p-panel-footer { - padding: 0.75rem 1.25rem; - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - border-top: 0 none; -} - -.p-scrollpanel .p-scrollpanel-bar { - background: #f8f9fa; - border: 0 none; -} - -.p-splitter { - border: 1px solid #dee2e6; - background: #ffffff; - border-radius: 6px; - color: #495057; -} -.p-splitter .p-splitter-gutter { - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - background: #f8f9fa; -} -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: #dee2e6; -} -.p-splitter .p-splitter-gutter-resizing { - background: #dee2e6; -} - -.p-tabview .p-tabview-nav { - background: #ffffff; - border: 1px solid #dee2e6; - border-width: 0 0 2px 0; -} -.p-tabview .p-tabview-nav li { - margin-right: 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #dee2e6; - border-width: 0 0 2px 0; - border-color: transparent transparent #dee2e6 transparent; - background: #ffffff; - color: #6c757d; - padding: 1.25rem; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #DDD6FE; -} -.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #ffffff; - border-color: #adb5bd; - color: #6c757d; -} -.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #ffffff; - border-color: #8B5CF6; - color: #8B5CF6; -} -.p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; -} -.p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-close { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-nav-btn.p-link { - background: #ffffff; - color: #8B5CF6; - width: 3rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; -} -.p-tabview .p-tabview-nav-btn.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #DDD6FE; -} -.p-tabview .p-tabview-panels { - background: #ffffff; - padding: 1.25rem; - border: 0 none; - color: #495057; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} - -.p-toolbar { - background: #f8f9fa; - border: 1px solid #dee2e6; - padding: 1.25rem; - border-radius: 6px; -} -.p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; -} - -.p-confirm-popup { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 6px; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); -} -.p-confirm-popup .p-confirm-popup-content { - padding: 1.25rem; -} -.p-confirm-popup .p-confirm-popup-footer { - text-align: right; - padding: 0.75rem 1.25rem; -} -.p-confirm-popup .p-confirm-popup-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-confirm-popup .p-confirm-popup-footer button:last-child { - margin: 0; -} -.p-confirm-popup:after { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-confirm-popup:before { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-confirm-popup.p-confirm-popup-flipped:after { - border-top-color: #ffffff; -} -.p-confirm-popup.p-confirm-popup-flipped:before { - border-top-color: #ffffff; -} -.p-confirm-popup .p-confirm-popup-icon { - font-size: 1.5rem; -} -.p-confirm-popup .p-confirm-popup-message { - margin-left: 1rem; -} - -.p-dialog { - border-radius: 6px; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); - border: 0 none; -} -.p-dialog .p-dialog-header { - border-bottom: 0 none; - background: #ffffff; - color: #343a40; - padding: 1.5rem; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-dialog .p-dialog-header .p-dialog-title { - font-weight: 700; - font-size: 1.25rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { - margin-right: 0; -} -.p-dialog .p-dialog-content { - background: #ffffff; - color: #495057; - padding: 0 1.5rem 2rem 1.5rem; -} -.p-dialog .p-dialog-footer { - border-top: 0 none; - background: #ffffff; - color: #495057; - padding: 0 1.5rem 1.5rem 1.5rem; - text-align: right; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-dialog .p-dialog-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { - font-size: 2rem; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; -} - -.p-overlaypanel { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 6px; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); -} -.p-overlaypanel .p-overlaypanel-content { - padding: 1.25rem; -} -.p-overlaypanel .p-overlaypanel-close { - background: #8B5CF6; - color: #ffffff; - width: 2rem; - height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; - position: absolute; - top: -1rem; - right: -1rem; -} -.p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #7C3AED; - color: #ffffff; -} -.p-overlaypanel:after { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-overlaypanel:before { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-overlaypanel.p-overlaypanel-flipped:after { - border-top-color: #ffffff; -} -.p-overlaypanel.p-overlaypanel-flipped:before { - border-top-color: #ffffff; -} - -.p-sidebar { - background: #ffffff; - color: #495057; - border: 0 none; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); -} -.p-sidebar .p-sidebar-header { - padding: 1.25rem; -} -.p-sidebar .p-sidebar-header .p-sidebar-close, -.p-sidebar .p-sidebar-header .p-sidebar-icon { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, -.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; -} -.p-sidebar .p-sidebar-header + .p-sidebar-content { - padding-top: 0; -} -.p-sidebar .p-sidebar-content { - padding: 1.25rem; -} - -.p-tooltip .p-tooltip-text { - background: #495057; - color: #ffffff; - padding: 0.75rem 0.75rem; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border-radius: 6px; -} -.p-tooltip.p-tooltip-right .p-tooltip-arrow { - border-right-color: #495057; -} -.p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #495057; -} -.p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #495057; -} -.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #495057; -} - -.p-fileupload .p-fileupload-buttonbar { - background: #f8f9fa; - padding: 1.25rem; - border: 1px solid #dee2e6; - color: #343a40; - border-bottom: 0 none; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; -} -.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; -} -.p-fileupload .p-fileupload-content { - background: #ffffff; - padding: 2rem 1rem; - border: 1px solid #dee2e6; - color: #495057; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-fileupload .p-progressbar { - height: 0.25rem; -} -.p-fileupload .p-fileupload-row > div { - padding: 1rem 1rem; -} -.p-fileupload.p-fileupload-advanced .p-message { - margin-top: 0; -} - -.p-fileupload-choose:not(.p-disabled):hover { - background: #7C3AED; - color: #ffffff; - border-color: #7C3AED; -} -.p-fileupload-choose:not(.p-disabled):active { - background: #6D28D9; - color: #ffffff; - border-color: #6D28D9; -} - -.p-breadcrumb { - background: #ffffff; - border: 1px solid #dee2e6; - border-radius: 6px; - padding: 1rem; -} -.p-breadcrumb ul li .p-menuitem-link { - transition: box-shadow 0.2s; - border-radius: 6px; -} -.p-breadcrumb ul li .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { - color: #6c757d; -} -.p-breadcrumb ul li.p-breadcrumb-chevron { - margin: 0 0.5rem 0 0.5rem; - color: #495057; -} -.p-breadcrumb ul li:last-child .p-menuitem-text { - color: #495057; -} -.p-breadcrumb ul li:last-child .p-menuitem-icon { - color: #6c757d; -} - -.p-contextmenu { - padding: 0.25rem 0; - background: #ffffff; - color: #495057; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border-radius: 6px; - width: 12.5rem; -} -.p-contextmenu .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-contextmenu .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-contextmenu .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-contextmenu .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #DDD6FE; -} -.p-contextmenu .p-submenu-list { - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border-radius: 6px; -} -.p-contextmenu .p-menuitem { - margin: 0; -} -.p-contextmenu .p-menuitem:last-child { - margin: 0; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #F5F3FF; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #6D28D9; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #6D28D9; -} -.p-contextmenu .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} -.p-contextmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-dock .p-dock-list { - background: rgba(255, 255, 255, 0.1); - border: 1px solid rgba(255, 255, 255, 0.2); - padding: 0.5rem 0.5rem; - border-radius: 0.5rem; -} -.p-dock .p-dock-item { - padding: 0.5rem; -} -.p-dock .p-dock-action { - width: 4rem; - height: 4rem; -} -.p-dock.p-dock-top .p-dock-item-second-prev, -.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, -.p-dock.p-dock-bottom .p-dock-item-second-next { - margin: 0 0.9rem; -} -.p-dock.p-dock-top .p-dock-item-prev, -.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, -.p-dock.p-dock-bottom .p-dock-item-next { - margin: 0 1.3rem; -} -.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { - margin: 0 1.5rem; -} -.p-dock.p-dock-left .p-dock-item-second-prev, -.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, -.p-dock.p-dock-right .p-dock-item-second-next { - margin: 0.9rem 0; -} -.p-dock.p-dock-left .p-dock-item-prev, -.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, -.p-dock.p-dock-right .p-dock-item-next { - margin: 1.3rem 0; -} -.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { - margin: 1.5rem 0; -} - -@media screen and (max-width: 960px) { - .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { - margin: auto 0; - } - .p-dock .p-dock-list .p-dock-item { - transform: none; - margin: 0; - } -} -.p-megamenu { - padding: 0.5rem; - background: #f8f9fa; - color: #495057; - border: 1px solid #dee2e6; - border-radius: 6px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: #495057; - border-radius: 6px; - transition: box-shadow 0.2s; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: #6c757d; - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #DDD6FE; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #F5F3FF; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #6D28D9; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6D28D9; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6D28D9; -} -.p-megamenu .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-megamenu .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-megamenu .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-megamenu .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #DDD6FE; -} -.p-megamenu .p-megamenu-panel { - background: #ffffff; - color: #495057; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.p-megamenu .p-megamenu-submenu-header { - margin: 0; - padding: 0.75rem 1.25rem; - color: #343a40; - background: #ffffff; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-megamenu .p-megamenu-submenu { - padding: 0.25rem 0; - width: 12.5rem; -} -.p-megamenu .p-megamenu-submenu .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem { - margin: 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { - margin: 0; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #F5F3FF; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #6D28D9; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #6D28D9; -} -.p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.25rem 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem { - margin: 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { - margin: 0; -} - -.p-menu { - padding: 0.25rem 0; - background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; - border-radius: 6px; - width: 12.5rem; -} -.p-menu .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menu .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-menu .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-menu .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-menu .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #DDD6FE; -} -.p-menu.p-menu-overlay { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.p-menu .p-submenu-header { - margin: 0; - padding: 0.75rem 1.25rem; - color: #343a40; - background: #ffffff; - font-weight: 700; - border-top-right-radius: 0; - border-top-left-radius: 0; -} -.p-menu .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} -.p-menu .p-menuitem { - margin: 0; -} -.p-menu .p-menuitem:last-child { - margin: 0; -} - -.p-menubar { - padding: 0.5rem; - background: #f8f9fa; - color: #495057; - border: 1px solid #dee2e6; - border-radius: 6px; -} -.p-menubar .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menubar .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-menubar .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-menubar .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #DDD6FE; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: #495057; - border-radius: 6px; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: #6c757d; - margin-left: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #DDD6FE; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #F5F3FF; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #6D28D9; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6D28D9; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6D28D9; -} -.p-menubar .p-submenu-list { - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - width: 12.5rem; -} -.p-menubar .p-submenu-list .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} -.p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; -} -.p-menubar .p-submenu-list .p-menuitem { - margin: 0; -} -.p-menubar .p-submenu-list .p-menuitem:last-child { - margin: 0; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #F5F3FF; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #6D28D9; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #6D28D9; -} - -@media screen and (max-width: 960px) { - .p-menubar { - position: relative; - } - .p-menubar .p-menubar-button { - display: flex; - width: 2rem; - height: 2rem; - color: #6c757d; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-menubar .p-menubar-button:hover { - color: #6c757d; - background: #e9ecef; - } - .p-menubar .p-menubar-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; - } - .p-menubar .p-menubar-root-list { - position: absolute; - display: none; - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - width: 100%; - } - .p-menubar .p-menubar-root-list .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; - } - .p-menubar .p-menubar-root-list .p-submenu-icon { - font-size: 0.875rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: #495057; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: #6c757d; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #DDD6FE; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - transition: transform 0.2s; - } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-180deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list { - width: 100%; - position: static; - box-shadow: none; - border: 0 none; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { - transition: transform 0.2s; - transform: rotate(90deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-90deg); - } - .p-menubar .p-menubar-root-list .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list ul li a { - padding-left: 2.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li a { - padding-left: 3.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li a { - padding-left: 5.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { - padding-left: 6.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { - padding-left: 8.25rem; - } - .p-menubar.p-menubar-mobile-active .p-menubar-root-list { - display: flex; - flex-direction: column; - top: 100%; - left: 0; - z-index: 1; - } -} -.p-panelmenu .p-panelmenu-header > a { - padding: 1.25rem; - border: 1px solid #dee2e6; - color: #6c757d; - background: #f8f9fa; - font-weight: 700; - border-radius: 6px; - transition: box-shadow 0.2s; -} -.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; -} -.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { - background: #e9ecef; - border-color: #dee2e6; - color: #343a40; -} -.p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight > a { - background: #f8f9fa; - border-color: #dee2e6; - color: #343a40; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { - border-color: #dee2e6; - background: #e9ecef; - color: #343a40; -} -.p-panelmenu .p-panelmenu-content { - padding: 0.25rem 0; - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - margin-bottom: 4px; - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #DDD6FE; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { - padding: 0 0 0 1rem; -} -.p-panelmenu .p-panelmenu-panel { - margin-bottom: 4px; -} - -.p-slidemenu { - padding: 0.25rem 0; - background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; - border-radius: 6px; - width: 12.5rem; -} -.p-slidemenu .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-slidemenu .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-slidemenu .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-slidemenu .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #DDD6FE; -} -.p-slidemenu.p-slidemenu-overlay { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.p-slidemenu .p-slidemenu-list { - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { - background: #F5F3FF; -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { - color: #6D28D9; -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { - color: #6D28D9; -} -.p-slidemenu .p-slidemenu-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} -.p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; -} -.p-slidemenu .p-slidemenu-backward { - padding: 0.75rem 1.25rem; - color: #495057; -} - -.p-steps .p-steps-item .p-menuitem-link { - background: transparent; - transition: box-shadow 0.2s; - border-radius: 6px; - background: #ffffff; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-number { - color: #495057; - border: 1px solid #e9ecef; - background: #ffffff; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - z-index: 1; - border-radius: 50%; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-title { - margin-top: 0.5rem; - color: #6c757d; -} -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; -} -.p-steps .p-steps-item.p-highlight .p-steps-number { - background: #F5F3FF; - color: #6D28D9; -} -.p-steps .p-steps-item.p-highlight .p-steps-title { - font-weight: 700; - color: #495057; -} -.p-steps .p-steps-item:before { - content: " "; - border-top: 1px solid #dee2e6; - width: 100%; - top: 50%; - left: 0; - display: block; - position: absolute; - margin-top: -1rem; -} - -.p-tabmenu .p-tabmenu-nav { - background: #ffffff; - border: 1px solid #dee2e6; - border-width: 0 0 2px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { - margin-right: 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { - border: solid #dee2e6; - border-width: 0 0 2px 0; - border-color: transparent transparent #dee2e6 transparent; - background: #ffffff; - color: #6c757d; - padding: 1.25rem; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #DDD6FE; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: #ffffff; - border-color: #adb5bd; - color: #6c757d; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #ffffff; - border-color: #8B5CF6; - color: #8B5CF6; -} - -.p-tieredmenu { - padding: 0.25rem 0; - background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; - border-radius: 6px; - width: 12.5rem; -} -.p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-tieredmenu .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-tieredmenu .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-tieredmenu .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #DDD6FE; -} -.p-tieredmenu.p-tieredmenu-overlay { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.p-tieredmenu .p-menuitem { - margin: 0; -} -.p-tieredmenu .p-menuitem:last-child { - margin: 0; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #F5F3FF; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #6D28D9; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #6D28D9; -} -.p-tieredmenu .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} -.p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-inline-message { - padding: 0.75rem 0.75rem; - margin: 0; - border-radius: 6px; -} -.p-inline-message.p-inline-message-info { - background: #e9e9ff; - border: solid #696cff; - border-width: 0px; - color: #696cff; -} -.p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #696cff; -} -.p-inline-message.p-inline-message-success { - background: #e4f8f0; - border: solid #1ea97c; - border-width: 0px; - color: #1ea97c; -} -.p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #1ea97c; -} -.p-inline-message.p-inline-message-warn { - background: #fff2e2; - border: solid #cc8925; - border-width: 0px; - color: #cc8925; -} -.p-inline-message.p-inline-message-warn .p-inline-message-icon { - color: #cc8925; -} -.p-inline-message.p-inline-message-error { - background: #ffe7e6; - border: solid #ff5757; - border-width: 0px; - color: #ff5757; -} -.p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #ff5757; -} -.p-inline-message .p-inline-message-icon { - font-size: 1rem; - margin-right: 0.5rem; -} -.p-inline-message .p-inline-message-text { - font-size: 1rem; -} -.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { - margin-right: 0; -} - -.p-message { - margin: 1rem 0; - border-radius: 6px; -} -.p-message .p-message-wrapper { - padding: 1.25rem 1.75rem; -} -.p-message .p-message-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-message .p-message-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; -} -.p-message.p-message-info { - background: #e9e9ff; - border: solid #696cff; - border-width: 0 0 0 6px; - color: #696cff; -} -.p-message.p-message-info .p-message-icon { - color: #696cff; -} -.p-message.p-message-info .p-message-close { - color: #696cff; -} -.p-message.p-message-success { - background: #e4f8f0; - border: solid #1ea97c; - border-width: 0 0 0 6px; - color: #1ea97c; -} -.p-message.p-message-success .p-message-icon { - color: #1ea97c; -} -.p-message.p-message-success .p-message-close { - color: #1ea97c; -} -.p-message.p-message-warn { - background: #fff2e2; - border: solid #cc8925; - border-width: 0 0 0 6px; - color: #cc8925; -} -.p-message.p-message-warn .p-message-icon { - color: #cc8925; -} -.p-message.p-message-warn .p-message-close { - color: #cc8925; -} -.p-message.p-message-error { - background: #ffe7e6; - border: solid #ff5757; - border-width: 0 0 0 6px; - color: #ff5757; -} -.p-message.p-message-error .p-message-icon { - color: #ff5757; -} -.p-message.p-message-error .p-message-close { - color: #ff5757; -} -.p-message .p-message-text { - font-size: 1rem; - font-weight: 400; -} -.p-message .p-message-icon { - font-size: 1.5rem; - margin-right: 0.5rem; -} -.p-message .p-message-summary { - font-weight: 700; -} -.p-message .p-message-detail { - margin-left: 0.5rem; -} - -.p-toast { - opacity: 0.9; -} -.p-toast .p-toast-message { - margin: 0 0 1rem 0; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border-radius: 6px; -} -.p-toast .p-toast-message .p-toast-message-content { - padding: 1rem; - border-width: 0 0 0 6px; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { - margin: 0 0 0 1rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { - font-size: 2rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { - font-weight: 700; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { - margin: 0.5rem 0 0 0; -} -.p-toast .p-toast-message .p-toast-icon-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-toast .p-toast-message .p-toast-icon-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; -} -.p-toast .p-toast-message.p-toast-message-info { - background: #e9e9ff; - border: solid #696cff; - border-width: 0 0 0 6px; - color: #696cff; -} -.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { - color: #696cff; -} -.p-toast .p-toast-message.p-toast-message-success { - background: #e4f8f0; - border: solid #1ea97c; - border-width: 0 0 0 6px; - color: #1ea97c; -} -.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { - color: #1ea97c; -} -.p-toast .p-toast-message.p-toast-message-warn { - background: #fff2e2; - border: solid #cc8925; - border-width: 0 0 0 6px; - color: #cc8925; -} -.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { - color: #cc8925; -} -.p-toast .p-toast-message.p-toast-message-error { - background: #ffe7e6; - border: solid #ff5757; - border-width: 0 0 0 6px; - color: #ff5757; -} -.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { - color: #ff5757; -} - -.p-galleria .p-galleria-close { - margin: 0.5rem; - background: transparent; - color: #f8f9fa; - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-close .p-galleria-close-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-close:hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-item-nav { - background: transparent; - color: #f8f9fa; - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 6px; - margin: 0 0.5rem; -} -.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, -.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-caption { - background: rgba(0, 0, 0, 0.5); - color: #f8f9fa; - padding: 1rem; -} -.p-galleria .p-galleria-indicators { - padding: 1rem; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #ced4da; - width: 1rem; - height: 1rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { - background: #adb5bd; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #F5F3FF; - color: #6D28D9; -} -.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { - margin-right: 0.5rem; -} -.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { - margin-bottom: 0.5rem; -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { - background: rgba(0, 0, 0, 0.5); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { - background: rgba(255, 255, 255, 0.4); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { - background: rgba(255, 255, 255, 0.6); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #F5F3FF; - color: #6D28D9; -} -.p-galleria .p-galleria-thumbnail-container { - background: rgba(0, 0, 0, 0.9); - padding: 1rem 0.25rem; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { - margin: 0.5rem; - background-color: transparent; - color: #f8f9fa; - width: 2rem; - height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; -} - -.p-galleria-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-preview-indicator { - background-color: transparent; - color: #f8f9fa; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} - -.p-image-preview-container:hover > .p-image-preview-indicator { - background-color: rgba(0, 0, 0, 0.5); -} - -.p-image-toolbar { - padding: 1rem; -} - -.p-image-action.p-link { - color: #f8f9fa; - background-color: transparent; - width: 3rem; - height: 3rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-image-action.p-link:last-child { - margin-right: 0; -} -.p-image-action.p-link:hover { - color: #f8f9fa; - background-color: rgba(255, 255, 255, 0.1); -} -.p-image-action.p-link i { - font-size: 1.5rem; -} - -.p-avatar { - background-color: #dee2e6; - border-radius: 6px; -} -.p-avatar.p-avatar-lg { - width: 3rem; - height: 3rem; - font-size: 1.5rem; -} -.p-avatar.p-avatar-lg .p-avatar-icon { - font-size: 1.5rem; -} -.p-avatar.p-avatar-xl { - width: 4rem; - height: 4rem; - font-size: 2rem; -} -.p-avatar.p-avatar-xl .p-avatar-icon { - font-size: 2rem; -} - -.p-avatar-group .p-avatar { - border: 2px solid #ffffff; -} - -.p-badge { - background: #8B5CF6; - color: #ffffff; - font-size: 0.75rem; - font-weight: 700; - min-width: 1.5rem; - height: 1.5rem; - line-height: 1.5rem; -} -.p-badge.p-badge-secondary { - background-color: #64748B; - color: #ffffff; -} -.p-badge.p-badge-success { - background-color: #22C55E; - color: #ffffff; -} -.p-badge.p-badge-info { - background-color: #3B82F6; - color: #ffffff; -} -.p-badge.p-badge-warning { - background-color: #F59E0B; - color: #ffffff; -} -.p-badge.p-badge-danger { - background-color: #EF4444; - color: #ffffff; -} -.p-badge.p-badge-lg { - font-size: 1.125rem; - min-width: 2.25rem; - height: 2.25rem; - line-height: 2.25rem; -} -.p-badge.p-badge-xl { - font-size: 1.5rem; - min-width: 3rem; - height: 3rem; - line-height: 3rem; -} - -.p-chip { - background-color: #dee2e6; - color: #495057; - border-radius: 16px; - padding: 0 0.75rem; -} -.p-chip .p-chip-text { - line-height: 1.5; - margin-top: 0.375rem; - margin-bottom: 0.375rem; -} -.p-chip .p-chip-icon { - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - margin-left: 0.5rem; -} -.p-chip img { - width: 2.25rem; - height: 2.25rem; - margin-left: -0.75rem; - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - border-radius: 6px; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; -} - -.p-inplace .p-inplace-display { - padding: 0.75rem 0.75rem; - border-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-inplace .p-inplace-display:not(.p-disabled):hover { - background: #e9ecef; - color: #495057; -} -.p-inplace .p-inplace-display:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; -} - -.p-progressbar { - border: 0 none; - height: 1.5rem; - background: #dee2e6; - border-radius: 6px; -} -.p-progressbar .p-progressbar-value { - border: 0 none; - margin: 0; - background: #8B5CF6; -} -.p-progressbar .p-progressbar-label { - color: #ffffff; - line-height: 1.5rem; -} - -.p-scrolltop { - width: 3rem; - height: 3rem; - border-radius: 50%; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-scrolltop.p-link { - background: rgba(0, 0, 0, 0.7); -} -.p-scrolltop.p-link:hover { - background: rgba(0, 0, 0, 0.8); -} -.p-scrolltop .p-scrolltop-icon { - font-size: 1.5rem; - color: #f8f9fa; -} - -.p-skeleton { - background-color: #dee2e6; - border-radius: 6px; -} -.p-skeleton:after { - background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); -} - -.p-tag { - background: #8B5CF6; - color: #ffffff; - font-size: 0.75rem; - font-weight: 700; - padding: 0.25rem 0.4rem; - border-radius: 6px; -} -.p-tag.p-tag-success { - background-color: #22C55E; - color: #ffffff; -} -.p-tag.p-tag-info { - background-color: #3B82F6; - color: #ffffff; -} -.p-tag.p-tag-warning { - background-color: #F59E0B; - color: #ffffff; -} -.p-tag.p-tag-danger { - background-color: #EF4444; - color: #ffffff; -} -.p-tag .p-tag-icon { - margin-right: 0.25rem; - font-size: 0.75rem; -} - -.p-terminal { - background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; - padding: 1.25rem; -} -.p-terminal .p-terminal-input { - font-size: 1rem; - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; -} - -.p-button-label { - font-weight: 700; -} - -.p-accordion .p-accordion-header .p-accordion-header-link { - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; -} - -.p-tabview .p-tabview-nav li .p-tabview-nav-link { - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-tabview .p-tabview-nav .p-tabview-ink-bar { - z-index: 1; - display: block; - position: absolute; - bottom: 0; - height: 2px; - background-color: #8B5CF6; - transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); -} - -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #8B5CF6; -} - -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #8B5CF6; -} - -.p-button:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #c5aefb, 0 1px 2px 0 black; -} -.p-button.p-button-secondary:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 black; -} -.p-button.p-button-success:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black; -} -.p-button.p-button-info:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black; -} -.p-button.p-button-warning:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #facf85, 0 1px 2px 0 black; -} -.p-button.p-button-help:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black; -} -.p-button.p-button-danger:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 black; -} diff --git a/src/assets/theme/lara-light-teal/theme.css b/src/assets/theme/lara-light-teal/theme.css deleted file mode 100644 index af5ed03..0000000 --- a/src/assets/theme/lara-light-teal/theme.css +++ /dev/null @@ -1,5709 +0,0 @@ -:root { - --surface-a:#ffffff; - --surface-b:#f8f9fa; - --surface-c:#e9ecef; - --surface-d:#dee2e6; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#495057; - --text-color-secondary:#6c757d; - --primary-color:#14B8A6; - --primary-color-text:#ffffff; - --font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; - --surface-0: #ffffff; - --surface-50: #FAFAFA; - --surface-100: #F5F5F5; - --surface-200: #EEEEEE; - --surface-300: #E0E0E0; - --surface-400: #BDBDBD; - --surface-500: #9E9E9E; - --surface-600: #757575; - --surface-700: #616161; - --surface-800: #424242; - --surface-900: #212121; - --gray-50: #FAFAFA; - --gray-100: #F5F5F5; - --gray-200: #EEEEEE; - --gray-300: #E0E0E0; - --gray-400: #BDBDBD; - --gray-500: #9E9E9E; - --gray-600: #757575; - --gray-700: #616161; - --gray-800: #424242; - --gray-900: #212121; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#eff3f8; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#dfe7ef; - --surface-hover:#f6f9fc; - --focus-ring: 0 0 0 0.2rem #99F6E4; - --maskbg: rgba(0, 0, 0, 0.4); -} - -@font-face { - font-family: "Inter"; - font-style: normal; - font-weight: 300; - src: local(""), url("./fonts/Inter-Light.woff2") format("woff2"), url("./fonts/Inter-Light.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -@font-face { - font-family: "Inter"; - font-style: normal; - font-weight: 400; - src: local(""), url("./fonts/Inter-Regular.woff2") format("woff2"), url("./fonts/Inter-Regular.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -@font-face { - font-family: "Inter"; - font-style: normal; - font-weight: 500; - src: local(""), url("./fonts/Inter-Medium.woff2") format("woff2"), url("./fonts/Inter-Medium.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -@font-face { - font-family: "Inter"; - font-style: normal; - font-weight: 600; - src: local(""), url("./fonts/Inter-SemiBold.woff2") format("woff2"), url("./fonts/Inter-SemiBold.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -@font-face { - font-family: "Inter"; - font-style: normal; - font-weight: 700; - src: local(""), url("./fonts/Inter-Bold.woff2") format("woff2"), url("./fonts/Inter-Bold.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -* { - box-sizing: border-box; -} - -.p-component { - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - font-size: 1rem; - font-weight: normal; -} - -.p-component-overlay { - background-color: rgba(0, 0, 0, 0.4); - transition-duration: 0.2s; -} - -.p-disabled, .p-component:disabled { - opacity: 0.6; -} - -.p-error { - color: #e24c4c; -} - -.p-text-secondary { - color: #6c757d; -} - -.pi { - font-size: 1rem; -} - -.p-link { - font-size: 1rem; - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - border-radius: 6px; -} -.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; -} - -.p-component-overlay-enter { - animation: p-component-overlay-enter-animation 150ms forwards; -} - -.p-component-overlay-leave { - animation: p-component-overlay-leave-animation 150ms forwards; -} - -@keyframes p-component-overlay-enter-animation { - from { - background-color: transparent; - } - to { - background-color: var(--maskbg); - } -} -@keyframes p-component-overlay-leave-animation { - from { - background-color: var(--maskbg); - } - to { - background-color: transparent; - } -} - -:root { - --blue-50:#f5f9ff; - --blue-100:#d0e1fd; - --blue-200:#abc9fb; - --blue-300:#85b2f9; - --blue-400:#609af8; - --blue-500:#3b82f6; - --blue-600:#326fd1; - --blue-700:#295bac; - --blue-800:#204887; - --blue-900:#183462; - --green-50:#f4fcf7; - --green-100:#caf1d8; - --green-200:#a0e6ba; - --green-300:#76db9b; - --green-400:#4cd07d; - --green-500:#22c55e; - --green-600:#1da750; - --green-700:#188a42; - --green-800:#136c34; - --green-900:#0e4f26; - --yellow-50:#fefbf3; - --yellow-100:#faedc4; - --yellow-200:#f6de95; - --yellow-300:#f2d066; - --yellow-400:#eec137; - --yellow-500:#eab308; - --yellow-600:#c79807; - --yellow-700:#a47d06; - --yellow-800:#816204; - --yellow-900:#5e4803; - --cyan-50:#f3fbfd; - --cyan-100:#c3edf5; - --cyan-200:#94e0ed; - --cyan-300:#65d2e4; - --cyan-400:#35c4dc; - --cyan-500:#06b6d4; - --cyan-600:#059bb4; - --cyan-700:#047f94; - --cyan-800:#036475; - --cyan-900:#024955; - --pink-50:#fef6fa; - --pink-100:#fad3e7; - --pink-200:#f7b0d3; - --pink-300:#f38ec0; - --pink-400:#f06bac; - --pink-500:#ec4899; - --pink-600:#c93d82; - --pink-700:#a5326b; - --pink-800:#822854; - --pink-900:#5e1d3d; - --indigo-50:#f7f7fe; - --indigo-100:#dadafc; - --indigo-200:#bcbdf9; - --indigo-300:#9ea0f6; - --indigo-400:#8183f4; - --indigo-500:#6366f1; - --indigo-600:#5457cd; - --indigo-700:#4547a9; - --indigo-800:#363885; - --indigo-900:#282960; - --teal-50:#f3fbfb; - --teal-100:#c7eeea; - --teal-200:#9ae0d9; - --teal-300:#6dd3c8; - --teal-400:#41c5b7; - --teal-500:#14b8a6; - --teal-600:#119c8d; - --teal-700:#0e8174; - --teal-800:#0b655b; - --teal-900:#084a42; - --orange-50:#fff8f3; - --orange-100:#feddc7; - --orange-200:#fcc39b; - --orange-300:#fba86f; - --orange-400:#fa8e42; - --orange-500:#f97316; - --orange-600:#d46213; - --orange-700:#ae510f; - --orange-800:#893f0c; - --orange-900:#642e09; - --bluegray-50:#f7f8f9; - --bluegray-100:#dadee3; - --bluegray-200:#bcc3cd; - --bluegray-300:#9fa9b7; - --bluegray-400:#818ea1; - --bluegray-500:#64748b; - --bluegray-600:#556376; - --bluegray-700:#465161; - --bluegray-800:#37404c; - --bluegray-900:#282e38; - --purple-50:#fbf7ff; - --purple-100:#ead6fd; - --purple-200:#dab6fc; - --purple-300:#c996fa; - --purple-400:#b975f9; - --purple-500:#a855f7; - --purple-600:#8f48d2; - --purple-700:#763cad; - --purple-800:#5c2f88; - --purple-900:#432263; -} - -.p-autocomplete .p-autocomplete-loader { - right: 0.75rem; -} -.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 3.75rem; -} -.p-autocomplete .p-autocomplete-multiple-container { - padding: 0.375rem 0.75rem; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: #14B8A6; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; - border-color: #14B8A6; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { - padding: 0.375rem 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - font-size: 1rem; - color: #495057; - padding: 0; - margin: 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #F0FDFA; - color: #0F766E; - border-radius: 6px; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; -} - -p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #e24c4c; -} - -.p-autocomplete-panel { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 6px; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.p-autocomplete-panel .p-autocomplete-items:not(.p-autocomplete-virtualscroll) { - padding: 0.75rem 0; -} -.p-autocomplete-panel .p-autocomplete-items.p-autocomplete-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.75rem 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: #495057; - background: #e9ecef; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: #0F766E; - background: #F0FDFA; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.75rem 1.25rem; - color: #495057; - background: transparent; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: #343a40; - background: #ffffff; - font-weight: 700; -} - -p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { - border-color: #e24c4c; -} - -.p-datepicker { - padding: 0.5rem; - background: #ffffff; - color: #495057; - border: 1px solid #ced4da; - border-radius: 6px; -} -.p-datepicker:not(.p-datepicker-inline) { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { - background: #ffffff; -} -.p-datepicker .p-datepicker-header { - padding: 0.5rem; - color: #495057; - background: #ffffff; - font-weight: 600; - margin: 0; - border-bottom: 1px solid #dee2e6; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev, -.p-datepicker .p-datepicker-header .p-datepicker-next { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; -} -.p-datepicker .p-datepicker-header .p-datepicker-title { - line-height: 2rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - color: #495057; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - font-weight: 600; - padding: 0.5rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #14B8A6; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - margin-right: 0.5rem; -} -.p-datepicker table { - font-size: 1rem; - margin: 0.5rem 0; -} -.p-datepicker table th { - padding: 0.5rem; -} -.p-datepicker table th > span { - width: 2.5rem; - height: 2.5rem; -} -.p-datepicker table td { - padding: 0.5rem; -} -.p-datepicker table td > span { - width: 2.5rem; - height: 2.5rem; - border-radius: 50%; - transition: box-shadow 0.2s; - border: 1px solid transparent; -} -.p-datepicker table td > span.p-highlight { - color: #0F766E; - background: #F0FDFA; -} -.p-datepicker table td > span:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; -} -.p-datepicker table td.p-datepicker-today > span { - background: #ced4da; - color: #495057; - border-color: transparent; -} -.p-datepicker table td.p-datepicker-today > span.p-highlight { - color: #0F766E; - background: #F0FDFA; -} -.p-datepicker .p-datepicker-buttonbar { - padding: 1rem 0; - border-top: 1px solid #dee2e6; -} -.p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; -} -.p-datepicker .p-timepicker { - border-top: 1px solid #dee2e6; - padding: 0.5rem; -} -.p-datepicker .p-timepicker button { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-timepicker button:enabled:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.p-datepicker .p-timepicker button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; -} -.p-datepicker .p-timepicker button:last-child { - margin-top: 0.2em; -} -.p-datepicker .p-timepicker span { - font-size: 1.25rem; -} -.p-datepicker .p-timepicker > div { - padding: 0 0.5rem; -} -.p-datepicker.p-datepicker-timeonly .p-timepicker { - border-top: 0 none; -} -.p-datepicker .p-monthpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-monthpicker .p-monthpicker-month { - padding: 0.5rem; - transition: box-shadow 0.2s; - border-radius: 6px; -} -.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: #0F766E; - background: #F0FDFA; -} -.p-datepicker .p-yearpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-yearpicker .p-yearpicker-year { - padding: 0.5rem; - transition: box-shadow 0.2s; - border-radius: 6px; -} -.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { - color: #0F766E; - background: #F0FDFA; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #dee2e6; - padding-right: 0.5rem; - padding-left: 0.5rem; - padding-top: 0; - padding-bottom: 0; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { - padding-left: 0; - border-left: 0 none; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { - padding-right: 0; -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { - background: #e9ecef; -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; -} - -@media screen and (max-width: 769px) { - .p-datepicker table th, .p-datepicker table td { - padding: 0; - } -} -.p-cascadeselect { - background: #ffffff; - border: 1px solid #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; -} -.p-cascadeselect:not(.p-disabled):hover { - border-color: #14B8A6; -} -.p-cascadeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; - border-color: #14B8A6; -} -.p-cascadeselect .p-cascadeselect-label { - background: transparent; - border: 0 none; - padding: 0.75rem 0.75rem; -} -.p-cascadeselect .p-cascadeselect-label.p-placeholder { - color: #6c757d; -} -.p-cascadeselect .p-cascadeselect-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-cascadeselect .p-cascadeselect-trigger { - background: transparent; - color: #6c757d; - width: 3rem; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -.p-cascadeselect-panel { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 6px; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.p-cascadeselect-panel .p-cascadeselect-items { - padding: 0.75rem 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { - margin: 0; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.75rem 1.25rem; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #99F6E4; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { - color: #0F766E; - background: #F0FDFA; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { - font-size: 0.875rem; -} - -p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #e24c4c; -} - -.p-input-filled .p-cascadeselect { - background: #e9ecef; -} -.p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #e9ecef; -} -.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #ffffff; -} - -.p-checkbox { - width: 22px; - height: 22px; -} -.p-checkbox .p-checkbox-box { - border: 2px solid #ced4da; - background: #ffffff; - width: 22px; - height: 22px; - color: #495057; - border-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-checkbox .p-checkbox-box .p-checkbox-icon { - transition-duration: 0.2s; - color: #ffffff; - font-size: 14px; -} -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #14B8A6; - background: #14B8A6; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #14B8A6; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; - border-color: #14B8A6; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #0F766E; - background: #0F766E; - color: #ffffff; -} - -p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #e24c4c; -} - -.p-input-filled .p-checkbox .p-checkbox-box { - background-color: #e9ecef; -} -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #14B8A6; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #e9ecef; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #0F766E; -} - -.p-checkbox-label { - margin-left: 0.5rem; -} - -.p-chips .p-chips-multiple-container { - padding: 0.375rem 0.75rem; -} -.p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: #14B8A6; -} -.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; - border-color: #14B8A6; -} -.p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #F0FDFA; - color: #0F766E; - border-radius: 6px; -} -.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { - margin-left: 0.5rem; -} -.p-chips .p-chips-multiple-container .p-chips-input-token { - padding: 0.375rem 0; -} -.p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - font-size: 1rem; - color: #495057; - padding: 0; - margin: 0; -} - -p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { - border-color: #e24c4c; -} - -.p-colorpicker-preview, -.p-fluid .p-colorpicker-preview.p-inputtext { - width: 2rem; - height: 2rem; -} - -.p-colorpicker-panel { - background: #323232; - border: 1px solid #191919; -} -.p-colorpicker-panel .p-colorpicker-color-handle, -.p-colorpicker-panel .p-colorpicker-hue-handle { - border-color: #ffffff; -} - -.p-colorpicker-overlay-panel { - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} - -.p-dropdown { - background: #ffffff; - border: 1px solid #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; -} -.p-dropdown:not(.p-disabled):hover { - border-color: #14B8A6; -} -.p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; - border-color: #14B8A6; -} -.p-dropdown.p-dropdown-clearable .p-dropdown-label { - padding-right: 1.75rem; -} -.p-dropdown .p-dropdown-label { - background: transparent; - border: 0 none; -} -.p-dropdown .p-dropdown-label.p-placeholder { - color: #6c757d; -} -.p-dropdown .p-dropdown-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-dropdown .p-dropdown-trigger { - background: transparent; - color: #6c757d; - width: 3rem; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} -.p-dropdown .p-dropdown-clear-icon { - color: #6c757d; - right: 3rem; -} - -.p-dropdown-panel { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 6px; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.p-dropdown-panel .p-dropdown-header { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; - margin: 0; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { - padding-right: 1.75rem; - margin-right: -1.75rem; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { - right: 0.75rem; - color: #6c757d; -} -.p-dropdown-panel .p-dropdown-items:not(.p-dropdown-virtualscroll) { - padding: 0.75rem 0; -} -.p-dropdown-panel .p-dropdown-items.p-dropdown-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.75rem 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: #0F766E; - background: #F0FDFA; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.75rem 1.25rem; - color: #495057; - background: transparent; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: #343a40; - background: #ffffff; - font-weight: 700; -} - -p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #e24c4c; -} - -.p-input-filled .p-dropdown { - background: #e9ecef; -} -.p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #e9ecef; -} -.p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: #ffffff; -} - -.p-editor-container .p-editor-toolbar { - background: #f8f9fa; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #dee2e6; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: #6c757d; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: #6c757d; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: #6c757d; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border-radius: 6px; - padding: 0.75rem 0; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: #495057; - background: #e9ecef; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.75rem 1.25rem; -} -.p-editor-container .p-editor-content { - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-editor-container .p-editor-content.ql-snow { - border: 1px solid #dee2e6; -} -.p-editor-container .p-editor-content .ql-editor { - background: #ffffff; - color: #495057; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: #495057; -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: #495057; -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: #495057; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #14B8A6; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #14B8A6; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #14B8A6; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #14B8A6; -} - -.p-inputgroup-addon { - background: #e9ecef; - color: #6c757d; - border-top: 1px solid #ced4da; - border-left: 1px solid #ced4da; - border-bottom: 1px solid #ced4da; - padding: 0.75rem 0.75rem; - min-width: 3rem; -} -.p-inputgroup-addon:last-child { - border-right: 1px solid #ced4da; -} - -.p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, -.p-inputgroup > .p-float-label > .p-component { - border-radius: 0; - margin: 0; -} -.p-inputgroup > .p-component + .p-inputgroup-addon, -.p-inputgroup > .p-element + .p-inputgroup-addon, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, -.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { - border-left: 0 none; -} -.p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, -.p-inputgroup > .p-float-label > .p-component:focus { - z-index: 1; -} -.p-inputgroup > .p-component:focus ~ label, -.p-inputgroup > .p-element:focus ~ label, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, -.p-inputgroup > .p-float-label > .p-component:focus ~ label { - z-index: 1; -} - -.p-inputgroup-addon:first-child, -.p-inputgroup button:first-child, -.p-inputgroup input:first-child, -.p-inputgroup > .p-inputwrapper:first-child > .p-component, -.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.p-inputgroup .p-float-label:first-child input { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.p-inputgroup-addon:last-child, -.p-inputgroup button:last-child, -.p-inputgroup input:last-child, -.p-inputgroup > .p-inputwrapper:last-child > .p-component, -.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -.p-inputgroup .p-float-label:last-child input { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -.p-fluid .p-inputgroup .p-button { - width: auto; -} -.p-fluid .p-inputgroup .p-button.p-button-icon-only { - width: 3rem; -} - -p-inputmask.ng-dirty.ng-invalid > .p-inputtext { - border-color: #e24c4c; -} - -p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { - border-color: #e24c4c; -} - -.p-inputswitch { - width: 3rem; - height: 1.75rem; -} -.p-inputswitch .p-inputswitch-slider { - background: #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 30px; -} -.p-inputswitch .p-inputswitch-slider:before { - background: #ffffff; - width: 1.25rem; - height: 1.25rem; - left: 0.25rem; - margin-top: -0.625rem; - border-radius: 50%; - transition-duration: 0.2s; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - transform: translateX(1.25rem); -} -.p-inputswitch.p-focus .p-inputswitch-slider { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; -} -.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #b6bfc8; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #14B8A6; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: #ffffff; -} -.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #0D9488; -} - -p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { - border-color: #e24c4c; -} - -.p-inputtext { - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - font-size: 1rem; - color: #495057; - background: #ffffff; - padding: 0.75rem 0.75rem; - border: 1px solid #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - appearance: none; - border-radius: 6px; -} -.p-inputtext:enabled:hover { - border-color: #14B8A6; -} -.p-inputtext:enabled:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; - border-color: #14B8A6; -} -.p-inputtext.ng-dirty.ng-invalid { - border-color: #e24c4c; -} -.p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.65625rem 0.65625rem; -} -.p-inputtext.p-inputtext-lg { - font-size: 1.25rem; - padding: 0.9375rem 0.9375rem; -} - -.p-float-label > label { - left: 0.75rem; - color: #6c757d; - transition-duration: 0.2s; -} - -.p-float-label > .ng-invalid.ng-dirty + label { - color: #e24c4c; -} - -.p-input-icon-left > i:first-of-type { - left: 0.75rem; - color: #6c757d; -} - -.p-input-icon-left > .p-inputtext { - padding-left: 2.5rem; -} - -.p-input-icon-left.p-float-label > label { - left: 2.5rem; -} - -.p-input-icon-right > i:last-of-type { - right: 0.75rem; - color: #6c757d; -} - -.p-input-icon-right > .p-inputtext { - padding-right: 2.5rem; -} - -::-webkit-input-placeholder { - color: #6c757d; -} - -:-moz-placeholder { - color: #6c757d; -} - -::-moz-placeholder { - color: #6c757d; -} - -:-ms-input-placeholder { - color: #6c757d; -} - -.p-input-filled .p-inputtext { - background-color: #e9ecef; -} -.p-input-filled .p-inputtext:enabled:hover { - background-color: #e9ecef; -} -.p-input-filled .p-inputtext:enabled:focus { - background-color: #ffffff; -} - -.p-inputtext-sm .p-inputtext { - font-size: 0.875rem; - padding: 0.65625rem 0.65625rem; -} - -.p-inputtext-lg .p-inputtext { - font-size: 1.25rem; - padding: 0.9375rem 0.9375rem; -} - -.p-listbox { - background: #ffffff; - color: #495057; - border: 1px solid #ced4da; - border-radius: 6px; -} -.p-listbox .p-listbox-header { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; - margin: 0; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-listbox .p-listbox-header .p-listbox-filter { - padding-right: 1.75rem; -} -.p-listbox .p-listbox-header .p-listbox-filter-icon { - right: 0.75rem; - color: #6c757d; -} -.p-listbox .p-listbox-header .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list { - padding: 0.75rem 0; -} -.p-listbox .p-listbox-list .p-listbox-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: #495057; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: #0F766E; - background: #F0FDFA; -} -.p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #99F6E4; -} -.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list .p-listbox-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: #343a40; - background: #ffffff; - font-weight: 700; -} -.p-listbox .p-listbox-list .p-listbox-empty-message { - padding: 0.75rem 1.25rem; - color: #495057; - background: transparent; -} -.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; -} - -p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #e24c4c; -} - -.p-multiselect { - background: #ffffff; - border: 1px solid #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; -} -.p-multiselect:not(.p-disabled):hover { - border-color: #14B8A6; -} -.p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; - border-color: #14B8A6; -} -.p-multiselect .p-multiselect-label { - padding: 0.75rem 0.75rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-multiselect .p-multiselect-label.p-placeholder { - color: #6c757d; -} -.p-multiselect.p-multiselect-chip .p-multiselect-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #F0FDFA; - color: #0F766E; - border-radius: 6px; -} -.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { - margin-left: 0.5rem; -} -.p-multiselect .p-multiselect-trigger { - background: transparent; - color: #6c757d; - width: 3rem; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { - padding: 0.375rem 0.75rem; -} - -.p-multiselect-panel { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 6px; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.p-multiselect-panel .p-multiselect-header { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; - margin: 0; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { - padding-right: 1.75rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { - right: 0.75rem; - color: #6c757d; -} -.p-multiselect-panel .p-multiselect-header .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close { - margin-left: 0.5rem; - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; -} -.p-multiselect-panel .p-multiselect-items:not(.p-multiselect-virtualscroll) { - padding: 0.75rem 0; -} -.p-multiselect-panel .p-multiselect-items.p-multiselect-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.75rem 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: #0F766E; - background: #F0FDFA; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #99F6E4; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: #343a40; - background: #ffffff; - font-weight: 700; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { - padding: 0.75rem 1.25rem; - color: #495057; - background: transparent; -} - -p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #e24c4c; -} - -.p-input-filled .p-multiselect { - background: #e9ecef; -} -.p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #e9ecef; -} -.p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #ffffff; -} - -p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #e24c4c; -} - -.p-password-panel { - padding: 1.25rem; - background: #ffffff; - color: #495057; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border-radius: 6px; -} -.p-password-panel .p-password-meter { - margin-bottom: 0.5rem; - background: #dee2e6; -} -.p-password-panel .p-password-meter .p-password-strength.weak { - background: #ea5455; -} -.p-password-panel .p-password-meter .p-password-strength.medium { - background: #ff9f42; -} -.p-password-panel .p-password-meter .p-password-strength.strong { - background: #29c76f; -} - -.p-radiobutton { - width: 22px; - height: 22px; -} -.p-radiobutton .p-radiobutton-box { - border: 2px solid #ced4da; - background: #ffffff; - width: 22px; - height: 22px; - color: #495057; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #14B8A6; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; - border-color: #14B8A6; -} -.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - width: 12px; - height: 12px; - transition-duration: 0.2s; - background-color: #ffffff; -} -.p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #14B8A6; - background: #14B8A6; -} -.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #0F766E; - background: #0F766E; - color: #ffffff; -} - -p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #e24c4c; -} - -.p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #e9ecef; -} -.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #e9ecef; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #14B8A6; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #0F766E; -} - -.p-radiobutton-label { - margin-left: 0.5rem; -} - -.p-rating .p-rating-icon { - color: #495057; - margin-left: 0.5rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - font-size: 1.143rem; -} -.p-rating .p-rating-icon.p-rating-cancel { - color: #ea5455; -} -.p-rating .p-rating-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; -} -.p-rating .p-rating-icon:first-child { - margin-left: 0; -} -.p-rating .p-rating-icon.pi-star-fill { - color: #14B8A6; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { - color: #14B8A6; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - color: #e73d3e; -} - -.p-selectbutton .p-button { - background: #ffffff; - border: 1px solid #ced4da; - color: #495057; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-selectbutton .p-button .p-button-icon-left, -.p-selectbutton .p-button .p-button-icon-right { - color: #6c757d; -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: #343a40; -} -.p-selectbutton .p-button.p-highlight { - background: #14B8A6; - border-color: #14B8A6; - color: #ffffff; -} -.p-selectbutton .p-button.p-highlight .p-button-icon-left, -.p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: #ffffff; -} -.p-selectbutton .p-button.p-highlight:hover { - background: #0D9488; - border-color: #0D9488; - color: #ffffff; -} -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: #ffffff; -} - -p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #e24c4c; -} - -.p-slider { - background: #dee2e6; - border: 0 none; - border-radius: 6px; -} -.p-slider.p-slider-horizontal { - height: 0.286rem; -} -.p-slider.p-slider-horizontal .p-slider-handle { - margin-top: -0.5715rem; - margin-left: -0.5715rem; -} -.p-slider.p-slider-vertical { - width: 0.286rem; -} -.p-slider.p-slider-vertical .p-slider-handle { - margin-left: -0.5715rem; - margin-bottom: -0.5715rem; -} -.p-slider .p-slider-handle { - height: 1.143rem; - width: 1.143rem; - background: #ffffff; - border: 2px solid #14B8A6; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-slider .p-slider-handle:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; -} -.p-slider .p-slider-range { - background: #14B8A6; -} -.p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #14B8A6; - border-color: #14B8A6; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { - transition: width 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { - transition: height 0.2s; -} - -.p-togglebutton.p-button { - background: #ffffff; - border: 1px solid #ced4da; - color: #495057; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-togglebutton.p-button .p-button-icon-left, -.p-togglebutton.p-button .p-button-icon-right { - color: #6c757d; -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: #343a40; -} -.p-togglebutton.p-button.p-highlight { - background: #14B8A6; - border-color: #14B8A6; - color: #ffffff; -} -.p-togglebutton.p-button.p-highlight .p-button-icon-left, -.p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: #ffffff; -} -.p-togglebutton.p-button.p-highlight:hover { - background: #0D9488; - border-color: #0D9488; - color: #ffffff; -} -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: #ffffff; -} - -p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #e24c4c; -} - -.p-treeselect { - background: #ffffff; - border: 1px solid #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; -} -.p-treeselect:not(.p-disabled):hover { - border-color: #14B8A6; -} -.p-treeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; - border-color: #14B8A6; -} -.p-treeselect .p-treeselect-label { - padding: 0.75rem 0.75rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-treeselect .p-treeselect-label.p-placeholder { - color: #6c757d; -} -.p-treeselect.p-treeselect-chip .p-treeselect-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #dee2e6; - color: #495057; - border-radius: 16px; -} -.p-treeselect .p-treeselect-trigger { - background: transparent; - color: #6c757d; - width: 3rem; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -p-treeselect.ng-invalid.ng-dirty > .p-treeselect { - border-color: #e24c4c; -} - -.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { - padding: 0.375rem 0.75rem; -} - -.p-treeselect-panel { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 6px; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { - border: 0 none; -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { - padding: 0.75rem 1.25rem; - color: #495057; - background: transparent; -} - -.p-input-filled .p-treeselect { - background: #e9ecef; -} -.p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #e9ecef; -} -.p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: #ffffff; -} - -.p-button { - color: #ffffff; - background: #14B8A6; - border: 1px solid #14B8A6; - padding: 0.75rem 1.25rem; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; -} -.p-button:enabled:hover { - background: #0D9488; - color: #ffffff; - border-color: #0D9488; -} -.p-button:enabled:active { - background: #0F766E; - color: #ffffff; - border-color: #0F766E; -} -.p-button.p-button-outlined { - background-color: transparent; - color: #14B8A6; - border: 1px solid; -} -.p-button.p-button-outlined:enabled:hover { - background: rgba(20, 184, 166, 0.04); - color: #14B8A6; - border: 1px solid; -} -.p-button.p-button-outlined:enabled:active { - background: rgba(20, 184, 166, 0.16); - color: #14B8A6; - border: 1px solid; -} -.p-button.p-button-outlined.p-button-plain { - color: #6c757d; - border-color: #6c757d; -} -.p-button.p-button-outlined.p-button-plain:enabled:hover { - background: #e9ecef; - color: #6c757d; -} -.p-button.p-button-outlined.p-button-plain:enabled:active { - background: #dee2e6; - color: #6c757d; -} -.p-button.p-button-text { - background-color: transparent; - color: #14B8A6; - border-color: transparent; -} -.p-button.p-button-text:enabled:hover { - background: rgba(20, 184, 166, 0.04); - color: #14B8A6; - border-color: transparent; -} -.p-button.p-button-text:enabled:active { - background: rgba(20, 184, 166, 0.16); - color: #14B8A6; - border-color: transparent; -} -.p-button.p-button-text.p-button-plain { - color: #6c757d; -} -.p-button.p-button-text.p-button-plain:enabled:hover { - background: #e9ecef; - color: #6c757d; -} -.p-button.p-button-text.p-button-plain:enabled:active { - background: #dee2e6; - color: #6c757d; -} -.p-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; -} -.p-button .p-button-icon-left { - margin-right: 0.5rem; -} -.p-button .p-button-icon-right { - margin-left: 0.5rem; -} -.p-button .p-button-icon-bottom { - margin-top: 0.5rem; -} -.p-button .p-button-icon-top { - margin-bottom: 0.5rem; -} -.p-button .p-badge { - margin-left: 0.5rem; - min-width: 1rem; - height: 1rem; - line-height: 1rem; - color: #14B8A6; - background-color: #ffffff; -} -.p-button.p-button-raised { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -} -.p-button.p-button-rounded { - border-radius: 2rem; -} -.p-button.p-button-icon-only { - width: 3rem; - padding: 0.75rem 0; -} -.p-button.p-button-icon-only .p-button-icon-left, -.p-button.p-button-icon-only .p-button-icon-right { - margin: 0; -} -.p-button.p-button-icon-only.p-button-rounded { - border-radius: 50%; - height: 3rem; -} -.p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.65625rem 1.09375rem; -} -.p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; -} -.p-button.p-button-lg { - font-size: 1.25rem; - padding: 0.9375rem 1.5625rem; -} -.p-button.p-button-lg .p-button-icon { - font-size: 1.25rem; -} -.p-button.p-button-loading-label-only .p-button-label { - margin-left: 0.5rem; -} -.p-button.p-button-loading-label-only .p-button-loading-icon { - margin-right: 0; -} - -.p-fluid .p-button { - width: 100%; -} -.p-fluid .p-button-icon-only { - width: 3rem; -} -.p-fluid .p-buttonset { - display: flex; -} -.p-fluid .p-buttonset .p-button { - flex: 1; -} - -.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { - color: #ffffff; - background: #64748B; - border: 1px solid #64748B; -} -.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { - background: #475569; - color: #ffffff; - border-color: #475569; -} -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #E2E8F0; -} -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: #334155; - color: #ffffff; - border-color: #334155; -} -.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { - background-color: transparent; - color: #64748B; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { - background: rgba(100, 116, 139, 0.04); - color: #64748B; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { - background: rgba(100, 116, 139, 0.16); - color: #64748B; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { - background-color: transparent; - color: #64748B; - border-color: transparent; -} -.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { - background: rgba(100, 116, 139, 0.04); - border-color: transparent; - color: #64748B; -} -.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { - background: rgba(100, 116, 139, 0.16); - border-color: transparent; - color: #64748B; -} - -.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { - color: #ffffff; - background: #3B82F6; - border: 1px solid #3B82F6; -} -.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { - background: #2563EB; - color: #ffffff; - border-color: #2563EB; -} -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #BFDBFE; -} -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: #1D4ED8; - color: #ffffff; - border-color: #1D4ED8; -} -.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { - background-color: transparent; - color: #3B82F6; - border: 1px solid; -} -.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { - background: rgba(59, 130, 246, 0.04); - color: #3B82F6; - border: 1px solid; -} -.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { - background: rgba(59, 130, 246, 0.16); - color: #3B82F6; - border: 1px solid; -} -.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { - background-color: transparent; - color: #3B82F6; - border-color: transparent; -} -.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { - background: rgba(59, 130, 246, 0.04); - border-color: transparent; - color: #3B82F6; -} -.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { - background: rgba(59, 130, 246, 0.16); - border-color: transparent; - color: #3B82F6; -} - -.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { - color: #ffffff; - background: #22C55E; - border: 1px solid #22C55E; -} -.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { - background: #16A34A; - color: #ffffff; - border-color: #16A34A; -} -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #BBF7D0; -} -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: #15803D; - color: #ffffff; - border-color: #15803D; -} -.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { - background-color: transparent; - color: #22C55E; - border: 1px solid; -} -.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { - background: rgba(34, 197, 94, 0.04); - color: #22C55E; - border: 1px solid; -} -.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { - background: rgba(34, 197, 94, 0.16); - color: #22C55E; - border: 1px solid; -} -.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { - background-color: transparent; - color: #22C55E; - border-color: transparent; -} -.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { - background: rgba(34, 197, 94, 0.04); - border-color: transparent; - color: #22C55E; -} -.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { - background: rgba(34, 197, 94, 0.16); - border-color: transparent; - color: #22C55E; -} - -.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { - color: #ffffff; - background: #F59E0B; - border: 1px solid #F59E0B; -} -.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { - background: #D97706; - color: #ffffff; - border-color: #D97706; -} -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #FDE68A; -} -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: #B45309; - color: #ffffff; - border-color: #B45309; -} -.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { - background-color: transparent; - color: #F59E0B; - border: 1px solid; -} -.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { - background: rgba(245, 158, 11, 0.04); - color: #F59E0B; - border: 1px solid; -} -.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { - background: rgba(245, 158, 11, 0.16); - color: #F59E0B; - border: 1px solid; -} -.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { - background-color: transparent; - color: #F59E0B; - border-color: transparent; -} -.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { - background: rgba(245, 158, 11, 0.04); - border-color: transparent; - color: #F59E0B; -} -.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { - background: rgba(245, 158, 11, 0.16); - border-color: transparent; - color: #F59E0B; -} - -.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { - color: #ffffff; - background: #A855F7; - border: 1px solid #A855F7; -} -.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { - background: #9333EA; - color: #ffffff; - border-color: #9333EA; -} -.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #E9D5FF; -} -.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: #7E22CE; - color: #ffffff; - border-color: #7E22CE; -} -.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { - background-color: transparent; - color: #A855F7; - border: 1px solid; -} -.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { - background: rgba(168, 85, 247, 0.04); - color: #A855F7; - border: 1px solid; -} -.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { - background: rgba(168, 85, 247, 0.16); - color: #A855F7; - border: 1px solid; -} -.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { - background-color: transparent; - color: #A855F7; - border-color: transparent; -} -.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { - background: rgba(168, 85, 247, 0.04); - border-color: transparent; - color: #A855F7; -} -.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { - background: rgba(168, 85, 247, 0.16); - border-color: transparent; - color: #A855F7; -} - -.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { - color: #ffffff; - background: #EF4444; - border: 1px solid #EF4444; -} -.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { - background: #DC2626; - color: #ffffff; - border-color: #DC2626; -} -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #FECACA; -} -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: #B91C1C; - color: #ffffff; - border-color: #B91C1C; -} -.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { - background-color: transparent; - color: #EF4444; - border: 1px solid; -} -.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { - background: rgba(239, 68, 68, 0.04); - color: #EF4444; - border: 1px solid; -} -.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { - background: rgba(239, 68, 68, 0.16); - color: #EF4444; - border: 1px solid; -} -.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { - background-color: transparent; - color: #EF4444; - border-color: transparent; -} -.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { - background: rgba(239, 68, 68, 0.04); - border-color: transparent; - color: #EF4444; -} -.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { - background: rgba(239, 68, 68, 0.16); - border-color: transparent; - color: #EF4444; -} - -.p-button.p-button-link { - color: #0F766E; - background: transparent; - border: transparent; -} -.p-button.p-button-link:enabled:hover { - background: transparent; - color: #0F766E; - border-color: transparent; -} -.p-button.p-button-link:enabled:hover .p-button-label { - text-decoration: underline; -} -.p-button.p-button-link:enabled:focus { - background: transparent; - box-shadow: 0 0 0 0.2rem #99F6E4; - border-color: transparent; -} -.p-button.p-button-link:enabled:active { - background: transparent; - color: #0F766E; - border-color: transparent; -} - -.p-speeddial-button.p-button.p-button-icon-only { - width: 4rem; - height: 4rem; -} -.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { - font-size: 1.3rem; -} - -.p-speeddial-action { - width: 3rem; - height: 3rem; - background: #495057; - color: #fff; -} -.p-speeddial-action:hover { - background: #022354; - color: #fff; -} - -.p-speeddial-direction-up .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-up .p-speeddial-item:first-child { - margin-bottom: 0.5rem; -} - -.p-speeddial-direction-down .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-down .p-speeddial-item:first-child { - margin-top: 0.5rem; -} - -.p-speeddial-direction-left .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-left .p-speeddial-item:first-child { - margin-right: 0.5rem; -} - -.p-speeddial-direction-right .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-right .p-speeddial-item:first-child { - margin-left: 0.5rem; -} - -.p-speeddial-circle .p-speeddial-item, -.p-speeddial-semi-circle .p-speeddial-item, -.p-speeddial-quarter-circle .p-speeddial-item { - margin: 0; -} -.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, -.p-speeddial-semi-circle .p-speeddial-item:first-child, -.p-speeddial-semi-circle .p-speeddial-item:last-child, -.p-speeddial-quarter-circle .p-speeddial-item:first-child, -.p-speeddial-quarter-circle .p-speeddial-item:last-child { - margin: 0; -} - -.p-speeddial-mask { - background-color: rgba(0, 0, 0, 0.4); -} - -.p-carousel .p-carousel-content .p-carousel-prev, -.p-carousel .p-carousel-content .p-carousel-next { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin: 0.5rem; -} -.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, -.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; -} -.p-carousel .p-carousel-indicators { - padding: 1rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator { - margin-right: 0.5rem; - margin-bottom: 0.5rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: #ced4da; - width: 2rem; - height: 0.5rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 0; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { - background: #adb5bd; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #F0FDFA; - color: #0F766E; -} - -.p-datatable .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-datatable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-datatable .p-datatable-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; -} -.p-datatable .p-datatable-footer { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; -} -.p-datatable .p-datatable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #dee2e6; - border-width: 0 0 1px 0; - font-weight: 700; - color: #343a40; - background: #f8f9fa; - transition: box-shadow 0.2s; -} -.p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #dee2e6; - border-width: 0 0 1px 0; - font-weight: 700; - color: #343a40; - background: #f8f9fa; -} -.p-datatable .p-sortable-column .p-sortable-column-icon { - color: #343a40; - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: #0F766E; - background: #F0FDFA; - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column:not(.p-highlight):hover { - background: #e9ecef; - color: #343a40; -} -.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #343a40; -} -.p-datatable .p-sortable-column.p-highlight { - background: #F0FDFA; - color: #0F766E; -} -.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #0F766E; -} -.p-datatable .p-sortable-column.p-highlight:hover { - background: #F0FDFA; - color: #0F766E; -} -.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { - color: #0F766E; -} -.p-datatable .p-sortable-column:focus { - box-shadow: inset 0 0 0 1px #99F6E4; - outline: 0 none; -} -.p-datatable .p-datatable-tbody > tr { - background: #ffffff; - color: #495057; - transition: box-shadow 0.2s; - outline-color: #99F6E4; -} -.p-datatable .p-datatable-tbody > tr > td { - text-align: left; - border: 1px solid #dee2e6; - border-width: 0 0 1px 0; - padding: 1rem 1rem; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { - margin-right: 0.5rem; -} -.p-datatable .p-datatable-tbody > tr.p-highlight { - background: #F0FDFA; - color: #0F766E; -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #F0FDFA; -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #F0FDFA; -} -.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} -.p-datatable .p-column-resizer-helper { - background: #14B8A6; -} -.p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #f8f9fa; -} -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot { - background-color: #f8f9fa; -} -.p-datatable .p-datatable-loading-icon { - font-size: 2rem; -} -.p-datatable.p-datatable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-footer { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-top { - border-width: 0 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-bottom { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { - background: #fcfcfc; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: #F0FDFA; - color: #0F766E; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: #0F766E; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: #0F766E; -} -.p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-lg .p-datatable-header { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-footer { - padding: 1.25rem 1.25rem; -} - -.p-dataview .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-dataview .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-dataview .p-dataview-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; -} -.p-dataview .p-dataview-content { - background: #ffffff; - color: #495057; - border: 0 none; - padding: 0; -} -.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid #dee2e6; - border-width: 0 0 1px 0; -} -.p-dataview .p-dataview-footer { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} -.p-dataview .p-dataview-loading-icon { - font-size: 2rem; -} -.p-dataview .p-dataview-emptymessage { - padding: 1.25rem; -} - -.p-column-filter-row .p-column-filter-menu-button, -.p-column-filter-row .p-column-filter-clear-button { - margin-left: 0.5rem; -} - -.p-column-filter-menu-button { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-menu-button:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: #e9ecef; - color: #343a40; -} -.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: #F0FDFA; - color: #0F766E; -} -.p-column-filter-menu-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; -} - -.p-column-filter-clear-button { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-clear-button:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.p-column-filter-clear-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; -} - -.p-column-filter-overlay { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 6px; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - min-width: 12.5rem; -} -.p-column-filter-overlay .p-column-filter-row-items { - padding: 0.75rem 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: #0F766E; - background: #F0FDFA; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #99F6E4; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} - -.p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; - margin: 0; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-column-filter-overlay-menu .p-column-filter-constraint { - padding: 1.25rem; - border-bottom: 1px solid #dee2e6; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { - margin-bottom: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { - margin-top: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { - border-bottom: 0 none; -} -.p-column-filter-overlay-menu .p-column-filter-add-rule { - padding: 0.75rem 1.25rem; -} -.p-column-filter-overlay-menu .p-column-filter-buttonbar { - padding: 1.25rem; -} - -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #f8f9fa; - border: 1px solid #dee2e6; - color: #343a40; -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #ffffff; - border: 1px solid #dee2e6; - color: #495057; -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #dee2e6; -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #dee2e6; -} -.fc.fc-unthemed .fc-view-container .fc-event { - background: #0D9488; - border: 1px solid #0D9488; - color: #ffffff; -} -.fc.fc-unthemed .fc-view-container .fc-divider { - background: #f8f9fa; - border: 1px solid #dee2e6; -} -.fc.fc-unthemed .fc-toolbar .fc-button { - color: #ffffff; - background: #14B8A6; - border: 1px solid #14B8A6; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; - display: flex; - align-items: center; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #0D9488; - color: #ffffff; - border-color: #0D9488; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #0F766E; - color: #ffffff; - border-color: #0F766E; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 1px solid #ced4da; - color: #495057; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #14B8A6; - border-color: #14B8A6; - color: #ffffff; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #0D9488; - border-color: #0D9488; - color: #ffffff; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; - z-index: 1; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} -.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #dee2e6; -} -.fc.fc-theme-standard .fc-view-harness th { - background: #f8f9fa; - border-color: #dee2e6; - color: #343a40; -} -.fc.fc-theme-standard .fc-view-harness td { - color: #495057; - border-color: #dee2e6; -} -.fc.fc-theme-standard .fc-view-harness .fc-view { - background: #ffffff; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #dee2e6; - padding: 1.25rem; - background: #f8f9fa; - color: #343a40; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1.25rem; - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - border-top: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #ffffff; - background: #0D9488; - border-color: #0D9488; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #ffffff; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #0D9488; - border-color: #0D9488; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: #e9ecef; - color: #495057; -} -.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #f8f9fa; -} -.fc.fc-theme-standard .fc-toolbar .fc-button { - color: #ffffff; - background: #14B8A6; - border: 1px solid #14B8A6; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #0D9488; - color: #ffffff; - border-color: #0D9488; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #0F766E; - color: #ffffff; - border-color: #0F766E; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.6; - color: #ffffff; - background: #14B8A6; - border: 1px solid #14B8A6; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 1px solid #ced4da; - color: #495057; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #14B8A6; - border-color: #14B8A6; - color: #ffffff; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #0D9488; - border-color: #0D9488; - color: #ffffff; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; - z-index: 1; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} -.fc.fc-theme-standard a { - color: #495057; -} -.fc.fc-theme-standard .fc-highlight { - color: #0F766E; - background: #F0FDFA; -} - -.p-orderlist .p-orderlist-controls { - padding: 1.25rem; -} -.p-orderlist .p-orderlist-controls .p-button { - margin-bottom: 0.5rem; -} -.p-orderlist .p-orderlist-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; - padding: 1.25rem; - border-bottom: 0 none; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-orderlist .p-orderlist-header .p-orderlist-title { - font-weight: 700; -} -.p-orderlist .p-orderlist-filter-container { - padding: 1.25rem; - background: #ffffff; - border: 1px solid #dee2e6; - border-bottom: 0 none; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { - padding-right: 1.75rem; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { - right: 0.75rem; - color: #6c757d; -} -.p-orderlist .p-orderlist-list { - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-orderlist .p-orderlist-list .p-orderlist-item { - padding: 0.75rem 1.25rem; - margin: 0; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; -} -.p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #99F6E4; -} -.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #0F766E; - background: #F0FDFA; -} -.p-orderlist .p-orderlist-list .p-orderlist-empty-message { - padding: 0.75rem 1.25rem; - color: #495057; -} -.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} - -.p-orderlist-item.cdk-drag-preview { - padding: 0.75rem 1.25rem; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border: 0 none; - color: #495057; - background: #ffffff; - margin: 0; -} - -.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} -.p-organizationchart .p-organizationchart-node-content.p-highlight { - background: #F0FDFA; - color: #0F766E; -} -.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: #80eed5; -} -.p-organizationchart .p-organizationchart-line-down { - background: #dee2e6; -} -.p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #dee2e6; - border-color: #dee2e6; -} -.p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #dee2e6; - border-color: #dee2e6; -} -.p-organizationchart .p-organizationchart-node-content { - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - padding: 1.25rem; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler { - background: inherit; - color: inherit; - border-radius: 50%; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; -} - -.p-paginator { - background: #ffffff; - color: #6c757d; - border: solid #e9ecef; - border-width: 0; - padding: 0.5rem 1rem; - border-radius: 6px; -} -.p-paginator .p-paginator-first, -.p-paginator .p-paginator-prev, -.p-paginator .p-paginator-next, -.p-paginator .p-paginator-last { - background-color: transparent; - border: 0 none; - color: #6c757d; - min-width: 3rem; - height: 3rem; - margin: 0.143rem; - transition: box-shadow 0.2s; - border-radius: 50%; -} -.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; - border-color: transparent; - color: #343a40; -} -.p-paginator .p-paginator-first { - border-top-left-radius: 50%; - border-bottom-left-radius: 50%; -} -.p-paginator .p-paginator-last { - border-top-right-radius: 50%; - border-bottom-right-radius: 50%; -} -.p-paginator .p-dropdown { - margin-left: 0.5rem; - margin-right: 0.5rem; - height: 3rem; -} -.p-paginator .p-dropdown .p-dropdown-label { - padding-right: 0; -} -.p-paginator .p-paginator-page-input { - margin-left: 0.5rem; - margin-right: 0.5rem; -} -.p-paginator .p-paginator-page-input .p-inputtext { - max-width: 3rem; -} -.p-paginator .p-paginator-current { - background-color: transparent; - border: 0 none; - color: #6c757d; - min-width: 3rem; - height: 3rem; - margin: 0.143rem; - padding: 0 0.5rem; -} -.p-paginator .p-paginator-pages .p-paginator-page { - background-color: transparent; - border: 0 none; - color: #6c757d; - min-width: 3rem; - height: 3rem; - margin: 0.143rem; - transition: box-shadow 0.2s; - border-radius: 50%; -} -.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: #F0FDFA; - border-color: #F0FDFA; - color: #0F766E; -} -.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { - background: #e9ecef; - border-color: transparent; - color: #343a40; -} - -.p-picklist .p-picklist-buttons { - padding: 1.25rem; -} -.p-picklist .p-picklist-buttons .p-button { - margin-bottom: 0.5rem; -} -.p-picklist .p-picklist-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; - padding: 1.25rem; - border-bottom: 0 none; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-picklist .p-picklist-header .p-picklist-title { - font-weight: 700; -} -.p-picklist .p-picklist-filter-container { - padding: 1.25rem; - background: #ffffff; - border: 1px solid #dee2e6; - border-bottom: 0 none; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-input { - padding-right: 1.75rem; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { - right: 0.75rem; - color: #6c757d; -} -.p-picklist .p-picklist-list { - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-picklist .p-picklist-list .p-picklist-item { - padding: 0.75rem 1.25rem; - margin: 0; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; -} -.p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #99F6E4; -} -.p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: #0F766E; - background: #F0FDFA; -} -.p-picklist .p-picklist-list .p-picklist-empty-message { - padding: 0.75rem 1.25rem; - color: #495057; -} -.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} - -.p-picklist-item.cdk-drag-preview { - padding: 0.75rem 1.25rem; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border: 0 none; - color: #495057; - background: #ffffff; - margin: 0; -} - -.p-timeline .p-timeline-event-marker { - border: 2px solid #14B8A6; - border-radius: 50%; - width: 1rem; - height: 1rem; - background-color: #ffffff; -} -.p-timeline .p-timeline-event-connector { - background-color: #dee2e6; -} -.p-timeline.p-timeline-vertical .p-timeline-event-opposite, -.p-timeline.p-timeline-vertical .p-timeline-event-content { - padding: 0 1rem; -} -.p-timeline.p-timeline-vertical .p-timeline-event-connector { - width: 2px; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, -.p-timeline.p-timeline-horizontal .p-timeline-event-content { - padding: 1rem 0; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-connector { - height: 2px; -} - -.p-tree { - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - padding: 1.25rem; - border-radius: 6px; -} -.p-tree .p-tree-container .p-treenode { - padding: 0.143rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content { - border-radius: 6px; - transition: box-shadow 0.2s; - padding: 0.5rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { - margin-right: 0.5rem; - color: #6c757d; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { - color: #495057; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: #F0FDFA; - color: #0F766E; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #0F766E; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { - color: #0F766E; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { - background: #e9ecef; - color: #495057; -} -.p-tree .p-tree-filter-container { - margin-bottom: 0.5rem; -} -.p-tree .p-tree-filter-container .p-tree-filter { - width: 100%; - padding-right: 1.75rem; -} -.p-tree .p-tree-filter-container .p-tree-filter-icon { - right: 0.75rem; - color: #6c757d; -} -.p-tree .p-treenode-children { - padding: 0 0 0 1rem; -} -.p-tree .p-tree-loading-icon { - font-size: 2rem; -} -.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: #99f1dd; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { - border-radius: 6px; - border: 1px solid #dee2e6; - background-color: #ffffff; - color: #495057; - padding: 0.5rem; - transition: box-shadow 0.2s; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { - background-color: #F0FDFA; - color: #0F766E; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #0F766E; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { - background-color: inherit; - color: inherit; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; -} - -.p-treetable .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-treetable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-treetable .p-treetable-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; -} -.p-treetable .p-treetable-footer { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; -} -.p-treetable .p-treetable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #dee2e6; - border-width: 0 0 1px 0; - font-weight: 700; - color: #343a40; - background: #f8f9fa; - transition: box-shadow 0.2s; -} -.p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #dee2e6; - border-width: 0 0 1px 0; - font-weight: 700; - color: #343a40; - background: #f8f9fa; -} -.p-treetable .p-sortable-column { - outline-color: #99F6E4; -} -.p-treetable .p-sortable-column .p-sortable-column-icon { - color: #343a40; - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: #0F766E; - background: #F0FDFA; - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column:not(.p-highlight):hover { - background: #e9ecef; - color: #343a40; -} -.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #343a40; -} -.p-treetable .p-sortable-column.p-highlight { - background: #F0FDFA; - color: #0F766E; -} -.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #0F766E; -} -.p-treetable .p-treetable-tbody > tr { - background: #ffffff; - color: #495057; - transition: box-shadow 0.2s; - outline-color: #99F6E4; -} -.p-treetable .p-treetable-tbody > tr > td { - text-align: left; - border: 1px solid #dee2e6; - border-width: 0 0 1px 0; - padding: 1rem 1rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { - color: #495057; -} -.p-treetable .p-treetable-tbody > tr.p-highlight { - background: #F0FDFA; - color: #0F766E; -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: #0F766E; -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: #0F766E; -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { - color: #495057; -} -.p-treetable .p-column-resizer-helper { - background: #14B8A6; -} -.p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #f8f9fa; -} -.p-treetable .p-treetable-loading-icon { - font-size: 2rem; -} -.p-treetable.p-treetable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-footer { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-top { - border-width: 0 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-bottom { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-sm .p-treetable-header { - padding: 0.875rem 0.875rem; -} -.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-footer { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-lg .p-treetable-header { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-footer { - padding: 1.25rem 1.25rem; -} - -.p-virtualscroller .p-virtualscroller-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; -} -.p-virtualscroller .p-virtualscroller-content { - background: #ffffff; - color: #495057; - border: 0 none; - padding: 0; -} -.p-virtualscroller .p-virtualscroller-footer { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.p-accordion .p-accordion-header .p-accordion-header-link { - padding: 1.25rem; - border: 1px solid #dee2e6; - color: #6c757d; - background: #f8f9fa; - font-weight: 700; - border-radius: 6px; - transition: box-shadow 0.2s; -} -.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { - margin-right: 0.5rem; -} -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; -} -.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { - background: #e9ecef; - border-color: #dee2e6; - color: #343a40; -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #f8f9fa; - border-color: #dee2e6; - color: #343a40; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-color: #dee2e6; - background: #e9ecef; - color: #343a40; -} -.p-accordion .p-accordion-content { - padding: 1.25rem; - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-accordion p-accordiontab .p-accordion-tab { - margin-bottom: 4px; -} - -.p-card { - background: #ffffff; - color: #495057; - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); - border-radius: 6px; -} -.p-card .p-card-body { - padding: 1.25rem; -} -.p-card .p-card-title { - font-size: 1.5rem; - font-weight: 700; - margin-bottom: 0.5rem; -} -.p-card .p-card-subtitle { - font-weight: 400; - margin-bottom: 0.5rem; - color: #6c757d; -} -.p-card .p-card-content { - padding: 1.25rem 0; -} -.p-card .p-card-footer { - padding: 1.25rem 0 0 0; -} - -.p-divider .p-divider-content { - background-color: #ffffff; -} -.p-divider.p-divider-horizontal { - margin: 1.25rem 0; - padding: 0 1.25rem; -} -.p-divider.p-divider-horizontal:before { - border-top: 1px #dee2e6; -} -.p-divider.p-divider-horizontal .p-divider-content { - padding: 0 0.5rem; -} -.p-divider.p-divider-vertical { - margin: 0 1.25rem; - padding: 1.25rem 0; -} -.p-divider.p-divider-vertical:before { - border-left: 1px #dee2e6; -} -.p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; -} - -.p-fieldset { - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - border-radius: 6px; -} -.p-fieldset .p-fieldset-legend { - padding: 1.25rem; - border: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; - font-weight: 700; - border-radius: 6px; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { - padding: 0; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { - padding: 1.25rem; - color: #343a40; - border-radius: 6px; - transition: box-shadow 0.2s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { - margin-right: 0.5rem; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: #e9ecef; - border-color: #dee2e6; - color: #343a40; -} -.p-fieldset .p-fieldset-content { - padding: 1.25rem; -} - -.p-panel .p-panel-header { - border: 1px solid #dee2e6; - padding: 1.25rem; - background: #f8f9fa; - color: #343a40; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-panel .p-panel-header .p-panel-title { - font-weight: 700; -} -.p-panel .p-panel-header .p-panel-header-icon { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.p-panel .p-panel-header .p-panel-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; -} -.p-panel.p-panel-toggleable .p-panel-header { - padding: 0.75rem 1.25rem; -} -.p-panel .p-panel-content { - padding: 1.25rem; - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - border-top: 0 none; -} -.p-panel .p-panel-footer { - padding: 0.75rem 1.25rem; - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - border-top: 0 none; -} - -.p-scrollpanel .p-scrollpanel-bar { - background: #f8f9fa; - border: 0 none; -} - -.p-splitter { - border: 1px solid #dee2e6; - background: #ffffff; - border-radius: 6px; - color: #495057; -} -.p-splitter .p-splitter-gutter { - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - background: #f8f9fa; -} -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: #dee2e6; -} -.p-splitter .p-splitter-gutter-resizing { - background: #dee2e6; -} - -.p-tabview .p-tabview-nav { - background: #ffffff; - border: 1px solid #dee2e6; - border-width: 0 0 2px 0; -} -.p-tabview .p-tabview-nav li { - margin-right: 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #dee2e6; - border-width: 0 0 2px 0; - border-color: transparent transparent #dee2e6 transparent; - background: #ffffff; - color: #6c757d; - padding: 1.25rem; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #99F6E4; -} -.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #ffffff; - border-color: #adb5bd; - color: #6c757d; -} -.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #ffffff; - border-color: #14B8A6; - color: #14B8A6; -} -.p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; -} -.p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-close { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-nav-btn.p-link { - background: #ffffff; - color: #14B8A6; - width: 3rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; -} -.p-tabview .p-tabview-nav-btn.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #99F6E4; -} -.p-tabview .p-tabview-panels { - background: #ffffff; - padding: 1.25rem; - border: 0 none; - color: #495057; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} - -.p-toolbar { - background: #f8f9fa; - border: 1px solid #dee2e6; - padding: 1.25rem; - border-radius: 6px; -} -.p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; -} - -.p-confirm-popup { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 6px; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); -} -.p-confirm-popup .p-confirm-popup-content { - padding: 1.25rem; -} -.p-confirm-popup .p-confirm-popup-footer { - text-align: right; - padding: 0.75rem 1.25rem; -} -.p-confirm-popup .p-confirm-popup-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-confirm-popup .p-confirm-popup-footer button:last-child { - margin: 0; -} -.p-confirm-popup:after { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-confirm-popup:before { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-confirm-popup.p-confirm-popup-flipped:after { - border-top-color: #ffffff; -} -.p-confirm-popup.p-confirm-popup-flipped:before { - border-top-color: #ffffff; -} -.p-confirm-popup .p-confirm-popup-icon { - font-size: 1.5rem; -} -.p-confirm-popup .p-confirm-popup-message { - margin-left: 1rem; -} - -.p-dialog { - border-radius: 6px; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); - border: 0 none; -} -.p-dialog .p-dialog-header { - border-bottom: 0 none; - background: #ffffff; - color: #343a40; - padding: 1.5rem; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-dialog .p-dialog-header .p-dialog-title { - font-weight: 700; - font-size: 1.25rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { - margin-right: 0; -} -.p-dialog .p-dialog-content { - background: #ffffff; - color: #495057; - padding: 0 1.5rem 2rem 1.5rem; -} -.p-dialog .p-dialog-footer { - border-top: 0 none; - background: #ffffff; - color: #495057; - padding: 0 1.5rem 1.5rem 1.5rem; - text-align: right; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-dialog .p-dialog-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { - font-size: 2rem; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; -} - -.p-overlaypanel { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 6px; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); -} -.p-overlaypanel .p-overlaypanel-content { - padding: 1.25rem; -} -.p-overlaypanel .p-overlaypanel-close { - background: #14B8A6; - color: #ffffff; - width: 2rem; - height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; - position: absolute; - top: -1rem; - right: -1rem; -} -.p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #0D9488; - color: #ffffff; -} -.p-overlaypanel:after { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-overlaypanel:before { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-overlaypanel.p-overlaypanel-flipped:after { - border-top-color: #ffffff; -} -.p-overlaypanel.p-overlaypanel-flipped:before { - border-top-color: #ffffff; -} - -.p-sidebar { - background: #ffffff; - color: #495057; - border: 0 none; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); -} -.p-sidebar .p-sidebar-header { - padding: 1.25rem; -} -.p-sidebar .p-sidebar-header .p-sidebar-close, -.p-sidebar .p-sidebar-header .p-sidebar-icon { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, -.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; -} -.p-sidebar .p-sidebar-header + .p-sidebar-content { - padding-top: 0; -} -.p-sidebar .p-sidebar-content { - padding: 1.25rem; -} - -.p-tooltip .p-tooltip-text { - background: #495057; - color: #ffffff; - padding: 0.75rem 0.75rem; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border-radius: 6px; -} -.p-tooltip.p-tooltip-right .p-tooltip-arrow { - border-right-color: #495057; -} -.p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #495057; -} -.p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #495057; -} -.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #495057; -} - -.p-fileupload .p-fileupload-buttonbar { - background: #f8f9fa; - padding: 1.25rem; - border: 1px solid #dee2e6; - color: #343a40; - border-bottom: 0 none; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; -} -.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; -} -.p-fileupload .p-fileupload-content { - background: #ffffff; - padding: 2rem 1rem; - border: 1px solid #dee2e6; - color: #495057; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-fileupload .p-progressbar { - height: 0.25rem; -} -.p-fileupload .p-fileupload-row > div { - padding: 1rem 1rem; -} -.p-fileupload.p-fileupload-advanced .p-message { - margin-top: 0; -} - -.p-fileupload-choose:not(.p-disabled):hover { - background: #0D9488; - color: #ffffff; - border-color: #0D9488; -} -.p-fileupload-choose:not(.p-disabled):active { - background: #0F766E; - color: #ffffff; - border-color: #0F766E; -} - -.p-breadcrumb { - background: #ffffff; - border: 1px solid #dee2e6; - border-radius: 6px; - padding: 1rem; -} -.p-breadcrumb ul li .p-menuitem-link { - transition: box-shadow 0.2s; - border-radius: 6px; -} -.p-breadcrumb ul li .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { - color: #6c757d; -} -.p-breadcrumb ul li.p-breadcrumb-chevron { - margin: 0 0.5rem 0 0.5rem; - color: #495057; -} -.p-breadcrumb ul li:last-child .p-menuitem-text { - color: #495057; -} -.p-breadcrumb ul li:last-child .p-menuitem-icon { - color: #6c757d; -} - -.p-contextmenu { - padding: 0.25rem 0; - background: #ffffff; - color: #495057; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border-radius: 6px; - width: 12.5rem; -} -.p-contextmenu .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-contextmenu .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-contextmenu .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-contextmenu .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #99F6E4; -} -.p-contextmenu .p-submenu-list { - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border-radius: 6px; -} -.p-contextmenu .p-menuitem { - margin: 0; -} -.p-contextmenu .p-menuitem:last-child { - margin: 0; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #F0FDFA; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #0F766E; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #0F766E; -} -.p-contextmenu .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} -.p-contextmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-dock .p-dock-list { - background: rgba(255, 255, 255, 0.1); - border: 1px solid rgba(255, 255, 255, 0.2); - padding: 0.5rem 0.5rem; - border-radius: 0.5rem; -} -.p-dock .p-dock-item { - padding: 0.5rem; -} -.p-dock .p-dock-action { - width: 4rem; - height: 4rem; -} -.p-dock.p-dock-top .p-dock-item-second-prev, -.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, -.p-dock.p-dock-bottom .p-dock-item-second-next { - margin: 0 0.9rem; -} -.p-dock.p-dock-top .p-dock-item-prev, -.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, -.p-dock.p-dock-bottom .p-dock-item-next { - margin: 0 1.3rem; -} -.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { - margin: 0 1.5rem; -} -.p-dock.p-dock-left .p-dock-item-second-prev, -.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, -.p-dock.p-dock-right .p-dock-item-second-next { - margin: 0.9rem 0; -} -.p-dock.p-dock-left .p-dock-item-prev, -.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, -.p-dock.p-dock-right .p-dock-item-next { - margin: 1.3rem 0; -} -.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { - margin: 1.5rem 0; -} - -@media screen and (max-width: 960px) { - .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { - margin: auto 0; - } - .p-dock .p-dock-list .p-dock-item { - transform: none; - margin: 0; - } -} -.p-megamenu { - padding: 0.5rem; - background: #f8f9fa; - color: #495057; - border: 1px solid #dee2e6; - border-radius: 6px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: #495057; - border-radius: 6px; - transition: box-shadow 0.2s; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: #6c757d; - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #99F6E4; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #F0FDFA; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #0F766E; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #0F766E; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #0F766E; -} -.p-megamenu .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-megamenu .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-megamenu .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-megamenu .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #99F6E4; -} -.p-megamenu .p-megamenu-panel { - background: #ffffff; - color: #495057; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.p-megamenu .p-megamenu-submenu-header { - margin: 0; - padding: 0.75rem 1.25rem; - color: #343a40; - background: #ffffff; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-megamenu .p-megamenu-submenu { - padding: 0.25rem 0; - width: 12.5rem; -} -.p-megamenu .p-megamenu-submenu .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem { - margin: 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { - margin: 0; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #F0FDFA; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #0F766E; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #0F766E; -} -.p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.25rem 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem { - margin: 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { - margin: 0; -} - -.p-menu { - padding: 0.25rem 0; - background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; - border-radius: 6px; - width: 12.5rem; -} -.p-menu .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menu .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-menu .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-menu .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-menu .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #99F6E4; -} -.p-menu.p-menu-overlay { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.p-menu .p-submenu-header { - margin: 0; - padding: 0.75rem 1.25rem; - color: #343a40; - background: #ffffff; - font-weight: 700; - border-top-right-radius: 0; - border-top-left-radius: 0; -} -.p-menu .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} -.p-menu .p-menuitem { - margin: 0; -} -.p-menu .p-menuitem:last-child { - margin: 0; -} - -.p-menubar { - padding: 0.5rem; - background: #f8f9fa; - color: #495057; - border: 1px solid #dee2e6; - border-radius: 6px; -} -.p-menubar .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menubar .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-menubar .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-menubar .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #99F6E4; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: #495057; - border-radius: 6px; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: #6c757d; - margin-left: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #99F6E4; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #F0FDFA; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #0F766E; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #0F766E; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #0F766E; -} -.p-menubar .p-submenu-list { - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - width: 12.5rem; -} -.p-menubar .p-submenu-list .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} -.p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; -} -.p-menubar .p-submenu-list .p-menuitem { - margin: 0; -} -.p-menubar .p-submenu-list .p-menuitem:last-child { - margin: 0; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #F0FDFA; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #0F766E; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #0F766E; -} - -@media screen and (max-width: 960px) { - .p-menubar { - position: relative; - } - .p-menubar .p-menubar-button { - display: flex; - width: 2rem; - height: 2rem; - color: #6c757d; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-menubar .p-menubar-button:hover { - color: #6c757d; - background: #e9ecef; - } - .p-menubar .p-menubar-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; - } - .p-menubar .p-menubar-root-list { - position: absolute; - display: none; - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - width: 100%; - } - .p-menubar .p-menubar-root-list .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; - } - .p-menubar .p-menubar-root-list .p-submenu-icon { - font-size: 0.875rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: #495057; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: #6c757d; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #99F6E4; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - transition: transform 0.2s; - } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-180deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list { - width: 100%; - position: static; - box-shadow: none; - border: 0 none; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { - transition: transform 0.2s; - transform: rotate(90deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-90deg); - } - .p-menubar .p-menubar-root-list .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list ul li a { - padding-left: 2.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li a { - padding-left: 3.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li a { - padding-left: 5.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { - padding-left: 6.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { - padding-left: 8.25rem; - } - .p-menubar.p-menubar-mobile-active .p-menubar-root-list { - display: flex; - flex-direction: column; - top: 100%; - left: 0; - z-index: 1; - } -} -.p-panelmenu .p-panelmenu-header > a { - padding: 1.25rem; - border: 1px solid #dee2e6; - color: #6c757d; - background: #f8f9fa; - font-weight: 700; - border-radius: 6px; - transition: box-shadow 0.2s; -} -.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; -} -.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { - background: #e9ecef; - border-color: #dee2e6; - color: #343a40; -} -.p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight > a { - background: #f8f9fa; - border-color: #dee2e6; - color: #343a40; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { - border-color: #dee2e6; - background: #e9ecef; - color: #343a40; -} -.p-panelmenu .p-panelmenu-content { - padding: 0.25rem 0; - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - margin-bottom: 4px; - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #99F6E4; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { - padding: 0 0 0 1rem; -} -.p-panelmenu .p-panelmenu-panel { - margin-bottom: 4px; -} - -.p-slidemenu { - padding: 0.25rem 0; - background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; - border-radius: 6px; - width: 12.5rem; -} -.p-slidemenu .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-slidemenu .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-slidemenu .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-slidemenu .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #99F6E4; -} -.p-slidemenu.p-slidemenu-overlay { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.p-slidemenu .p-slidemenu-list { - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { - background: #F0FDFA; -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { - color: #0F766E; -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { - color: #0F766E; -} -.p-slidemenu .p-slidemenu-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} -.p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; -} -.p-slidemenu .p-slidemenu-backward { - padding: 0.75rem 1.25rem; - color: #495057; -} - -.p-steps .p-steps-item .p-menuitem-link { - background: transparent; - transition: box-shadow 0.2s; - border-radius: 6px; - background: #ffffff; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-number { - color: #495057; - border: 1px solid #e9ecef; - background: #ffffff; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - z-index: 1; - border-radius: 50%; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-title { - margin-top: 0.5rem; - color: #6c757d; -} -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; -} -.p-steps .p-steps-item.p-highlight .p-steps-number { - background: #F0FDFA; - color: #0F766E; -} -.p-steps .p-steps-item.p-highlight .p-steps-title { - font-weight: 700; - color: #495057; -} -.p-steps .p-steps-item:before { - content: " "; - border-top: 1px solid #dee2e6; - width: 100%; - top: 50%; - left: 0; - display: block; - position: absolute; - margin-top: -1rem; -} - -.p-tabmenu .p-tabmenu-nav { - background: #ffffff; - border: 1px solid #dee2e6; - border-width: 0 0 2px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { - margin-right: 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { - border: solid #dee2e6; - border-width: 0 0 2px 0; - border-color: transparent transparent #dee2e6 transparent; - background: #ffffff; - color: #6c757d; - padding: 1.25rem; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #99F6E4; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: #ffffff; - border-color: #adb5bd; - color: #6c757d; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #ffffff; - border-color: #14B8A6; - color: #14B8A6; -} - -.p-tieredmenu { - padding: 0.25rem 0; - background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; - border-radius: 6px; - width: 12.5rem; -} -.p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-tieredmenu .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-tieredmenu .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-tieredmenu .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #99F6E4; -} -.p-tieredmenu.p-tieredmenu-overlay { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.p-tieredmenu .p-menuitem { - margin: 0; -} -.p-tieredmenu .p-menuitem:last-child { - margin: 0; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #F0FDFA; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #0F766E; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #0F766E; -} -.p-tieredmenu .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} -.p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-inline-message { - padding: 0.75rem 0.75rem; - margin: 0; - border-radius: 6px; -} -.p-inline-message.p-inline-message-info { - background: #e9e9ff; - border: solid #696cff; - border-width: 0px; - color: #696cff; -} -.p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #696cff; -} -.p-inline-message.p-inline-message-success { - background: #e4f8f0; - border: solid #1ea97c; - border-width: 0px; - color: #1ea97c; -} -.p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #1ea97c; -} -.p-inline-message.p-inline-message-warn { - background: #fff2e2; - border: solid #cc8925; - border-width: 0px; - color: #cc8925; -} -.p-inline-message.p-inline-message-warn .p-inline-message-icon { - color: #cc8925; -} -.p-inline-message.p-inline-message-error { - background: #ffe7e6; - border: solid #ff5757; - border-width: 0px; - color: #ff5757; -} -.p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #ff5757; -} -.p-inline-message .p-inline-message-icon { - font-size: 1rem; - margin-right: 0.5rem; -} -.p-inline-message .p-inline-message-text { - font-size: 1rem; -} -.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { - margin-right: 0; -} - -.p-message { - margin: 1rem 0; - border-radius: 6px; -} -.p-message .p-message-wrapper { - padding: 1.25rem 1.75rem; -} -.p-message .p-message-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-message .p-message-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; -} -.p-message.p-message-info { - background: #e9e9ff; - border: solid #696cff; - border-width: 0 0 0 6px; - color: #696cff; -} -.p-message.p-message-info .p-message-icon { - color: #696cff; -} -.p-message.p-message-info .p-message-close { - color: #696cff; -} -.p-message.p-message-success { - background: #e4f8f0; - border: solid #1ea97c; - border-width: 0 0 0 6px; - color: #1ea97c; -} -.p-message.p-message-success .p-message-icon { - color: #1ea97c; -} -.p-message.p-message-success .p-message-close { - color: #1ea97c; -} -.p-message.p-message-warn { - background: #fff2e2; - border: solid #cc8925; - border-width: 0 0 0 6px; - color: #cc8925; -} -.p-message.p-message-warn .p-message-icon { - color: #cc8925; -} -.p-message.p-message-warn .p-message-close { - color: #cc8925; -} -.p-message.p-message-error { - background: #ffe7e6; - border: solid #ff5757; - border-width: 0 0 0 6px; - color: #ff5757; -} -.p-message.p-message-error .p-message-icon { - color: #ff5757; -} -.p-message.p-message-error .p-message-close { - color: #ff5757; -} -.p-message .p-message-text { - font-size: 1rem; - font-weight: 400; -} -.p-message .p-message-icon { - font-size: 1.5rem; - margin-right: 0.5rem; -} -.p-message .p-message-summary { - font-weight: 700; -} -.p-message .p-message-detail { - margin-left: 0.5rem; -} - -.p-toast { - opacity: 0.9; -} -.p-toast .p-toast-message { - margin: 0 0 1rem 0; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border-radius: 6px; -} -.p-toast .p-toast-message .p-toast-message-content { - padding: 1rem; - border-width: 0 0 0 6px; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { - margin: 0 0 0 1rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { - font-size: 2rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { - font-weight: 700; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { - margin: 0.5rem 0 0 0; -} -.p-toast .p-toast-message .p-toast-icon-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-toast .p-toast-message .p-toast-icon-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; -} -.p-toast .p-toast-message.p-toast-message-info { - background: #e9e9ff; - border: solid #696cff; - border-width: 0 0 0 6px; - color: #696cff; -} -.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { - color: #696cff; -} -.p-toast .p-toast-message.p-toast-message-success { - background: #e4f8f0; - border: solid #1ea97c; - border-width: 0 0 0 6px; - color: #1ea97c; -} -.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { - color: #1ea97c; -} -.p-toast .p-toast-message.p-toast-message-warn { - background: #fff2e2; - border: solid #cc8925; - border-width: 0 0 0 6px; - color: #cc8925; -} -.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { - color: #cc8925; -} -.p-toast .p-toast-message.p-toast-message-error { - background: #ffe7e6; - border: solid #ff5757; - border-width: 0 0 0 6px; - color: #ff5757; -} -.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { - color: #ff5757; -} - -.p-galleria .p-galleria-close { - margin: 0.5rem; - background: transparent; - color: #f8f9fa; - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-close .p-galleria-close-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-close:hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-item-nav { - background: transparent; - color: #f8f9fa; - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 6px; - margin: 0 0.5rem; -} -.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, -.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-caption { - background: rgba(0, 0, 0, 0.5); - color: #f8f9fa; - padding: 1rem; -} -.p-galleria .p-galleria-indicators { - padding: 1rem; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #ced4da; - width: 1rem; - height: 1rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { - background: #adb5bd; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #F0FDFA; - color: #0F766E; -} -.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { - margin-right: 0.5rem; -} -.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { - margin-bottom: 0.5rem; -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { - background: rgba(0, 0, 0, 0.5); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { - background: rgba(255, 255, 255, 0.4); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { - background: rgba(255, 255, 255, 0.6); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #F0FDFA; - color: #0F766E; -} -.p-galleria .p-galleria-thumbnail-container { - background: rgba(0, 0, 0, 0.9); - padding: 1rem 0.25rem; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { - margin: 0.5rem; - background-color: transparent; - color: #f8f9fa; - width: 2rem; - height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; -} - -.p-galleria-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-preview-indicator { - background-color: transparent; - color: #f8f9fa; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} - -.p-image-preview-container:hover > .p-image-preview-indicator { - background-color: rgba(0, 0, 0, 0.5); -} - -.p-image-toolbar { - padding: 1rem; -} - -.p-image-action.p-link { - color: #f8f9fa; - background-color: transparent; - width: 3rem; - height: 3rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-image-action.p-link:last-child { - margin-right: 0; -} -.p-image-action.p-link:hover { - color: #f8f9fa; - background-color: rgba(255, 255, 255, 0.1); -} -.p-image-action.p-link i { - font-size: 1.5rem; -} - -.p-avatar { - background-color: #dee2e6; - border-radius: 6px; -} -.p-avatar.p-avatar-lg { - width: 3rem; - height: 3rem; - font-size: 1.5rem; -} -.p-avatar.p-avatar-lg .p-avatar-icon { - font-size: 1.5rem; -} -.p-avatar.p-avatar-xl { - width: 4rem; - height: 4rem; - font-size: 2rem; -} -.p-avatar.p-avatar-xl .p-avatar-icon { - font-size: 2rem; -} - -.p-avatar-group .p-avatar { - border: 2px solid #ffffff; -} - -.p-badge { - background: #14B8A6; - color: #ffffff; - font-size: 0.75rem; - font-weight: 700; - min-width: 1.5rem; - height: 1.5rem; - line-height: 1.5rem; -} -.p-badge.p-badge-secondary { - background-color: #64748B; - color: #ffffff; -} -.p-badge.p-badge-success { - background-color: #22C55E; - color: #ffffff; -} -.p-badge.p-badge-info { - background-color: #3B82F6; - color: #ffffff; -} -.p-badge.p-badge-warning { - background-color: #F59E0B; - color: #ffffff; -} -.p-badge.p-badge-danger { - background-color: #EF4444; - color: #ffffff; -} -.p-badge.p-badge-lg { - font-size: 1.125rem; - min-width: 2.25rem; - height: 2.25rem; - line-height: 2.25rem; -} -.p-badge.p-badge-xl { - font-size: 1.5rem; - min-width: 3rem; - height: 3rem; - line-height: 3rem; -} - -.p-chip { - background-color: #dee2e6; - color: #495057; - border-radius: 16px; - padding: 0 0.75rem; -} -.p-chip .p-chip-text { - line-height: 1.5; - margin-top: 0.375rem; - margin-bottom: 0.375rem; -} -.p-chip .p-chip-icon { - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - margin-left: 0.5rem; -} -.p-chip img { - width: 2.25rem; - height: 2.25rem; - margin-left: -0.75rem; - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - border-radius: 6px; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; -} - -.p-inplace .p-inplace-display { - padding: 0.75rem 0.75rem; - border-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-inplace .p-inplace-display:not(.p-disabled):hover { - background: #e9ecef; - color: #495057; -} -.p-inplace .p-inplace-display:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; -} - -.p-progressbar { - border: 0 none; - height: 1.5rem; - background: #dee2e6; - border-radius: 6px; -} -.p-progressbar .p-progressbar-value { - border: 0 none; - margin: 0; - background: #14B8A6; -} -.p-progressbar .p-progressbar-label { - color: #ffffff; - line-height: 1.5rem; -} - -.p-scrolltop { - width: 3rem; - height: 3rem; - border-radius: 50%; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-scrolltop.p-link { - background: rgba(0, 0, 0, 0.7); -} -.p-scrolltop.p-link:hover { - background: rgba(0, 0, 0, 0.8); -} -.p-scrolltop .p-scrolltop-icon { - font-size: 1.5rem; - color: #f8f9fa; -} - -.p-skeleton { - background-color: #dee2e6; - border-radius: 6px; -} -.p-skeleton:after { - background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); -} - -.p-tag { - background: #14B8A6; - color: #ffffff; - font-size: 0.75rem; - font-weight: 700; - padding: 0.25rem 0.4rem; - border-radius: 6px; -} -.p-tag.p-tag-success { - background-color: #22C55E; - color: #ffffff; -} -.p-tag.p-tag-info { - background-color: #3B82F6; - color: #ffffff; -} -.p-tag.p-tag-warning { - background-color: #F59E0B; - color: #ffffff; -} -.p-tag.p-tag-danger { - background-color: #EF4444; - color: #ffffff; -} -.p-tag .p-tag-icon { - margin-right: 0.25rem; - font-size: 0.75rem; -} - -.p-terminal { - background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; - padding: 1.25rem; -} -.p-terminal .p-terminal-input { - font-size: 1rem; - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; -} - -.p-button-label { - font-weight: 700; -} - -.p-accordion .p-accordion-header .p-accordion-header-link { - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; -} - -.p-tabview .p-tabview-nav li .p-tabview-nav-link { - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-tabview .p-tabview-nav .p-tabview-ink-bar { - z-index: 1; - display: block; - position: absolute; - bottom: 0; - height: 2px; - background-color: #14B8A6; - transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); -} - -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #14B8A6; -} - -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #14B8A6; -} - -.p-button:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #75f0e3, 0 1px 2px 0 black; -} -.p-button.p-button-secondary:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 black; -} -.p-button.p-button-success:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black; -} -.p-button.p-button-info:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black; -} -.p-button.p-button-warning:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #facf85, 0 1px 2px 0 black; -} -.p-button.p-button-help:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black; -} -.p-button.p-button-danger:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 black; -} diff --git a/src/assets/theme/md-dark-deeppurple/theme.css b/src/assets/theme/md-dark-deeppurple/theme.css deleted file mode 100644 index 655219a..0000000 --- a/src/assets/theme/md-dark-deeppurple/theme.css +++ /dev/null @@ -1,7138 +0,0 @@ -:root { - --surface-a:#1e1e1e; - --surface-b:#121212; - --surface-c:hsla(0,0%,100%,.04); - --surface-d:hsla(0,0%,100%,.12); - --surface-e:#1e1e1e; - --surface-f:#262626; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#CE93D8; - --primary-color-text:#121212; - --font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; - --surface-0: #121212; - --surface-50: #2a2a2a; - --surface-100: #414141; - --surface-200: #595959; - --surface-300: #717171; - --surface-400: #898989; - --surface-500: #a0a0a0; - --surface-600: #b8b8b8; - --surface-700: #d0d0d0; - --surface-800: #e7e7e7; - --surface-900: #ffffff; - --gray-50: #e7e7e7; - --gray-100: #d0d0d0; - --gray-200: #b8b8b8; - --gray-300: #a0a0a0; - --gray-400: #898989; - --gray-500: #717171; - --gray-600: #595959; - --gray-700: #414141; - --gray-800: #2a2a2a; - --gray-900: #121212; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:4px; - --surface-ground:#121212; - --surface-section:#121212; - --surface-card:#1e1e1e; - --surface-overlay:#262626; - --surface-border:hsla(0,0%,100%,.12); - --surface-hover:hsla(0,0%,100%,.04); - --maskbg: rgba(0, 0, 0, 0.32); - --focus-ring: none; -} - -/* roboto-regular - latin-ext_latin */ -@font-face { - font-family: "Roboto"; - font-style: normal; - font-weight: 400; - src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -/* roboto-500 - latin-ext_latin */ -@font-face { - font-family: "Roboto"; - font-style: normal; - font-weight: 500; - src: local("Roboto Medium"), local("Roboto-Medium"), url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-500.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -/* roboto-700 - latin-ext_latin */ -@font-face { - font-family: "Roboto"; - font-style: normal; - font-weight: 700; - src: local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -* { - box-sizing: border-box; -} - -.p-component { - font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; - font-size: 1rem; - font-weight: normal; -} - -.p-component-overlay { - background-color: rgba(0, 0, 0, 0.32); - transition-duration: 0.2s; -} - -.p-disabled, .p-component:disabled { - opacity: 0.38; -} - -.p-error { - color: #f44435; -} - -.p-text-secondary { - color: rgba(255, 255, 255, 0.6); -} - -.pi { - font-size: 1rem; -} - -.p-link { - font-size: 1rem; - font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; - border-radius: 4px; -} -.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-component-overlay-enter { - animation: p-component-overlay-enter-animation 150ms forwards; -} - -.p-component-overlay-leave { - animation: p-component-overlay-leave-animation 150ms forwards; -} - -@keyframes p-component-overlay-enter-animation { - from { - background-color: transparent; - } - to { - background-color: var(--maskbg); - } -} -@keyframes p-component-overlay-leave-animation { - from { - background-color: var(--maskbg); - } - to { - background-color: transparent; - } -} - -:root { - --blue-50:#f4fafe; - --blue-100:#cae6fc; - --blue-200:#a0d2fa; - --blue-300:#75bef8; - --blue-400:#4baaf5; - --blue-500:#2196f3; - --blue-600:#1c80cf; - --blue-700:#1769aa; - --blue-800:#125386; - --blue-900:#0d3c61; - --green-50:#f7faf5; - --green-100:#dbe8cf; - --green-200:#bed6a9; - --green-300:#a1c384; - --green-400:#85b15e; - --green-500:#689f38; - --green-600:#588730; - --green-700:#496f27; - --green-800:#39571f; - --green-900:#2a4016; - --yellow-50:#fffcf5; - --yellow-100:#fef0cd; - --yellow-200:#fde4a5; - --yellow-300:#fdd87d; - --yellow-400:#fccc55; - --yellow-500:#fbc02d; - --yellow-600:#d5a326; - --yellow-700:#b08620; - --yellow-800:#8a6a19; - --yellow-900:#644d12; - --cyan-50:#f2fcfd; - --cyan-100:#c2eff5; - --cyan-200:#91e2ed; - --cyan-300:#61d5e4; - --cyan-400:#30c9dc; - --cyan-500:#00bcd4; - --cyan-600:#00a0b4; - --cyan-700:#008494; - --cyan-800:#006775; - --cyan-900:#004b55; - --pink-50:#fef4f7; - --pink-100:#fac9da; - --pink-200:#f69ebc; - --pink-300:#f1749e; - --pink-400:#ed4981; - --pink-500:#e91e63; - --pink-600:#c61a54; - --pink-700:#a31545; - --pink-800:#801136; - --pink-900:#5d0c28; - --indigo-50:#f6f7fc; - --indigo-100:#d5d9ef; - --indigo-200:#b3bae2; - --indigo-300:#919cd5; - --indigo-400:#707dc8; - --indigo-500:#4e5fbb; - --indigo-600:#42519f; - --indigo-700:#374383; - --indigo-800:#2b3467; - --indigo-900:#1f264b; - --teal-50:#f2faf9; - --teal-100:#c2e6e2; - --teal-200:#91d2cc; - --teal-300:#61beb5; - --teal-400:#30aa9f; - --teal-500:#009688; - --teal-600:#008074; - --teal-700:#00695f; - --teal-800:#00534b; - --teal-900:#003c36; - --orange-50:#fffaf2; - --orange-100:#ffe6c2; - --orange-200:#ffd391; - --orange-300:#ffbf61; - --orange-400:#ffac30; - --orange-500:#ff9800; - --orange-600:#d98100; - --orange-700:#b36a00; - --orange-800:#8c5400; - --orange-900:#663d00; - --bluegray-50:#f7f9f9; - --bluegray-100:#d9e0e3; - --bluegray-200:#bbc7cd; - --bluegray-300:#9caeb7; - --bluegray-400:#7e96a1; - --bluegray-500:#607d8b; - --bluegray-600:#526a76; - --bluegray-700:#435861; - --bluegray-800:#35454c; - --bluegray-900:#263238; - --purple-50:#faf4fb; - --purple-100:#e7cbec; - --purple-200:#d4a2dd; - --purple-300:#c279ce; - --purple-400:#af50bf; - --purple-500:#9c27b0; - --purple-600:#852196; - --purple-700:#6d1b7b; - --purple-800:#561561; - --purple-900:#3e1046; -} - -.p-autocomplete .p-autocomplete-loader { - right: 1rem; -} -.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 4rem; -} -.p-autocomplete .p-autocomplete-multiple-container { - padding: 0.5rem 1rem; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: rgba(255, 255, 255, 0.6); -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #CE93D8; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { - padding: 0.5rem 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - padding: 0; - margin: 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { - padding: 0.5rem 1rem; - margin-right: 0.5rem; - background: rgba(206, 147, 216, 0.16); - color: #CE93D8; - border-radius: 4px; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; -} - -p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #f44435; -} - -.p-autocomplete-panel { - background: #2b2b2b; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} -.p-autocomplete-panel .p-autocomplete-items:not(.p-autocomplete-virtualscroll) { - padding: 0; -} -.p-autocomplete-panel .p-autocomplete-items.p-autocomplete-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { - margin: 0; - padding: 1rem 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: none; - border-radius: 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: #CE93D8; - background: rgba(206, 147, 216, 0.16); -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 1rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { - margin: 0; - padding: 1rem; - color: rgba(255, 255, 255, 0.6); - background: transparent; - font-weight: 400; -} - -p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { - border-color: #f44435; -} - -.p-datepicker { - padding: 0.5rem; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.3); - border-radius: 4px; -} -.p-datepicker:not(.p-datepicker-inline) { - background: #2b2b2b; - border: 0 none; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} -.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { - background: #2b2b2b; -} -.p-datepicker .p-datepicker-header { - padding: 0.5rem; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - font-weight: 500; - margin: 0; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev, -.p-datepicker .p-datepicker-header .p-datepicker-next { - width: 2.5rem; - height: 2.5rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-datepicker .p-datepicker-header .p-datepicker-title { - line-height: 2.5rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - font-weight: 500; - padding: 0.5rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #CE93D8; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - margin-right: 0.5rem; -} -.p-datepicker table { - font-size: 1rem; - margin: 0.5rem 0; -} -.p-datepicker table th { - padding: 0.5rem; -} -.p-datepicker table th > span { - width: 2.5rem; - height: 2.5rem; -} -.p-datepicker table td { - padding: 0.5rem; -} -.p-datepicker table td > span { - width: 2.5rem; - height: 2.5rem; - border-radius: 50%; - transition: none; - border: 1px solid transparent; -} -.p-datepicker table td > span.p-highlight { - color: #CE93D8; - background: rgba(206, 147, 216, 0.16); -} -.p-datepicker table td > span:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-datepicker table td.p-datepicker-today > span { - background: transparent; - color: rgba(255, 255, 255, 0.87); - border-color: rgba(255, 255, 255, 0.5); -} -.p-datepicker table td.p-datepicker-today > span.p-highlight { - color: #CE93D8; - background: rgba(206, 147, 216, 0.16); -} -.p-datepicker .p-datepicker-buttonbar { - padding: 1rem 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} -.p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; -} -.p-datepicker .p-timepicker { - border-top: 1px solid rgba(255, 255, 255, 0.12); - padding: 0.5rem; -} -.p-datepicker .p-timepicker button { - width: 2.5rem; - height: 2.5rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-timepicker button:enabled:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); -} -.p-datepicker .p-timepicker button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-datepicker .p-timepicker button:last-child { - margin-top: 0.2em; -} -.p-datepicker .p-timepicker span { - font-size: 1.25rem; -} -.p-datepicker .p-timepicker > div { - padding: 0 0.5rem; -} -.p-datepicker.p-datepicker-timeonly .p-timepicker { - border-top: 0 none; -} -.p-datepicker .p-monthpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-monthpicker .p-monthpicker-month { - padding: 0.5rem; - transition: none; - border-radius: 4px; -} -.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: #CE93D8; - background: rgba(206, 147, 216, 0.16); -} -.p-datepicker .p-yearpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-yearpicker .p-yearpicker-year { - padding: 0.5rem; - transition: none; - border-radius: 4px; -} -.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { - color: #CE93D8; - background: rgba(206, 147, 216, 0.16); -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid rgba(255, 255, 255, 0.12); - padding-right: 0.5rem; - padding-left: 0.5rem; - padding-top: 0; - padding-bottom: 0; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { - padding-left: 0; - border-left: 0 none; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { - padding-right: 0; -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -@media screen and (max-width: 769px) { - .p-datepicker table th, .p-datepicker table td { - padding: 0; - } -} -.p-cascadeselect { - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.3); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; -} -.p-cascadeselect:not(.p-disabled):hover { - border-color: rgba(255, 255, 255, 0.6); -} -.p-cascadeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #CE93D8; -} -.p-cascadeselect .p-cascadeselect-label { - background: transparent; - border: 0 none; - padding: 1rem 1rem; -} -.p-cascadeselect .p-cascadeselect-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-cascadeselect .p-cascadeselect-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-cascadeselect .p-cascadeselect-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2.357rem; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-cascadeselect-panel { - background: #2b2b2b; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} -.p-cascadeselect-panel .p-cascadeselect-items { - padding: 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { - margin: 0; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: none; - border-radius: 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 1rem 1rem; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { - color: #CE93D8; - background: rgba(206, 147, 216, 0.16); -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { - font-size: 0.875rem; -} - -p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #f44435; -} - -.p-input-filled .p-cascadeselect { - background: rgba(255, 255, 255, 0.06); -} -.p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); -} -.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.p-checkbox { - width: 18px; - height: 18px; -} -.p-checkbox .p-checkbox-box { - border: 2px solid rgba(255, 255, 255, 0.7); - background: #1e1e1e; - width: 18px; - height: 18px; - color: rgba(255, 255, 255, 0.87); - border-radius: 4px; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-checkbox .p-checkbox-box .p-checkbox-icon { - transition-duration: 0.2s; - color: #121212; - font-size: 14px; -} -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #CE93D8; - background: #CE93D8; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: rgba(255, 255, 255, 0.6); -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #CE93D8; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #CE93D8; - background: #CE93D8; - color: #121212; -} - -p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #f44435; -} - -.p-input-filled .p-checkbox .p-checkbox-box { - background-color: rgba(255, 255, 255, 0.06); -} -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #CE93D8; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: rgba(255, 255, 255, 0.08); -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #CE93D8; -} - -.p-checkbox-label { - margin-left: 0.5rem; -} - -.p-chips .p-chips-multiple-container { - padding: 0.5rem 1rem; -} -.p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: rgba(255, 255, 255, 0.6); -} -.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #CE93D8; -} -.p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.5rem 1rem; - margin-right: 0.5rem; - background: rgba(206, 147, 216, 0.16); - color: #CE93D8; - border-radius: 4px; -} -.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { - margin-left: 0.5rem; -} -.p-chips .p-chips-multiple-container .p-chips-input-token { - padding: 0.5rem 0; -} -.p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - padding: 0; - margin: 0; -} - -p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { - border-color: #f44435; -} - -.p-colorpicker-preview, -.p-fluid .p-colorpicker-preview.p-inputtext { - width: 2rem; - height: 2rem; -} - -.p-colorpicker-panel { - background: #2b2b2b; - border: 1px solid #1e1e1e; -} -.p-colorpicker-panel .p-colorpicker-color-handle, -.p-colorpicker-panel .p-colorpicker-hue-handle { - border-color: #ffffff; -} - -.p-colorpicker-overlay-panel { - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} - -.p-dropdown { - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.3); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; -} -.p-dropdown:not(.p-disabled):hover { - border-color: rgba(255, 255, 255, 0.6); -} -.p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #CE93D8; -} -.p-dropdown.p-dropdown-clearable .p-dropdown-label { - padding-right: 2rem; -} -.p-dropdown .p-dropdown-label { - background: transparent; - border: 0 none; -} -.p-dropdown .p-dropdown-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-dropdown .p-dropdown-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-dropdown .p-dropdown-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2.357rem; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} -.p-dropdown .p-dropdown-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 2.357rem; -} - -.p-dropdown-panel { - background: #2b2b2b; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} -.p-dropdown-panel .p-dropdown-header { - padding: 1rem; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - background: #2b2b2b; - margin: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { - padding-right: 2rem; - margin-right: -2rem; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { - right: 1rem; - color: rgba(255, 255, 255, 0.6); -} -.p-dropdown-panel .p-dropdown-items:not(.p-dropdown-virtualscroll) { - padding: 0; -} -.p-dropdown-panel .p-dropdown-items.p-dropdown-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item { - margin: 0; - padding: 1rem 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: none; - border-radius: 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: #CE93D8; - background: rgba(206, 147, 216, 0.16); -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 1rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { - margin: 0; - padding: 1rem; - color: rgba(255, 255, 255, 0.6); - background: transparent; - font-weight: 400; -} - -p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #f44435; -} - -.p-input-filled .p-dropdown { - background: rgba(255, 255, 255, 0.06); -} -.p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); -} -.p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.p-editor-container .p-editor-toolbar { - background: #1e1e1e; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid rgba(255, 255, 255, 0.12); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #2b2b2b; - border: 0 none; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - border-radius: 4px; - padding: 0; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 1rem 1rem; -} -.p-editor-container .p-editor-content { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-editor-container .p-editor-content.ql-snow { - border: 1px solid rgba(255, 255, 255, 0.12); -} -.p-editor-container .p-editor-content .ql-editor { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #CE93D8; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #CE93D8; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #CE93D8; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #CE93D8; -} - -.p-inputgroup-addon { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.6); - border-top: 1px solid rgba(255, 255, 255, 0.3); - border-left: 1px solid rgba(255, 255, 255, 0.3); - border-bottom: 1px solid rgba(255, 255, 255, 0.3); - padding: 1rem 1rem; - min-width: 2.357rem; -} -.p-inputgroup-addon:last-child { - border-right: 1px solid rgba(255, 255, 255, 0.3); -} - -.p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, -.p-inputgroup > .p-float-label > .p-component { - border-radius: 0; - margin: 0; -} -.p-inputgroup > .p-component + .p-inputgroup-addon, -.p-inputgroup > .p-element + .p-inputgroup-addon, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, -.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { - border-left: 0 none; -} -.p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, -.p-inputgroup > .p-float-label > .p-component:focus { - z-index: 1; -} -.p-inputgroup > .p-component:focus ~ label, -.p-inputgroup > .p-element:focus ~ label, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, -.p-inputgroup > .p-float-label > .p-component:focus ~ label { - z-index: 1; -} - -.p-inputgroup-addon:first-child, -.p-inputgroup button:first-child, -.p-inputgroup input:first-child, -.p-inputgroup > .p-inputwrapper:first-child > .p-component, -.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-inputgroup .p-float-label:first-child input { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-inputgroup-addon:last-child, -.p-inputgroup button:last-child, -.p-inputgroup input:last-child, -.p-inputgroup > .p-inputwrapper:last-child > .p-component, -.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-inputgroup .p-float-label:last-child input { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-fluid .p-inputgroup .p-button { - width: auto; -} -.p-fluid .p-inputgroup .p-button.p-button-icon-only { - width: 3rem; -} - -p-inputmask.ng-dirty.ng-invalid > .p-inputtext { - border-color: #f44435; -} - -p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { - border-color: #f44435; -} - -.p-inputswitch { - width: 2.75rem; - height: 1rem; -} -.p-inputswitch .p-inputswitch-slider { - background: rgba(255, 255, 255, 0.3); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 0.5rem; -} -.p-inputswitch .p-inputswitch-slider:before { - background: #bdbdbd; - width: 1.5rem; - height: 1.5rem; - left: -1px; - margin-top: -0.75rem; - border-radius: 50%; - transition-duration: 0.2s; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - transform: translateX(1.5rem); -} -.p-inputswitch.p-focus .p-inputswitch-slider { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: rgba(255, 255, 255, 0.3); -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: rgba(206, 147, 216, 0.5); -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: #CE93D8; -} -.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: rgba(206, 147, 216, 0.5); -} - -p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { - border-color: #f44435; -} - -.p-inputtext { - font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - padding: 1rem 1rem; - border: 1px solid rgba(255, 255, 255, 0.3); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - appearance: none; - border-radius: 4px; -} -.p-inputtext:enabled:hover { - border-color: rgba(255, 255, 255, 0.6); -} -.p-inputtext:enabled:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #CE93D8; -} -.p-inputtext.ng-dirty.ng-invalid { - border-color: #f44435; -} -.p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.875rem 0.875rem; -} -.p-inputtext.p-inputtext-lg { - font-size: 1.25rem; - padding: 1.25rem 1.25rem; -} - -.p-float-label > label { - left: 1rem; - color: rgba(255, 255, 255, 0.6); - transition-duration: 0.2s; -} - -.p-float-label > .ng-invalid.ng-dirty + label { - color: #f44435; -} - -.p-input-icon-left > i:first-of-type { - left: 1rem; - color: rgba(255, 255, 255, 0.6); -} - -.p-input-icon-left > .p-inputtext { - padding-left: 3rem; -} - -.p-input-icon-left.p-float-label > label { - left: 3rem; -} - -.p-input-icon-right > i:last-of-type { - right: 1rem; - color: rgba(255, 255, 255, 0.6); -} - -.p-input-icon-right > .p-inputtext { - padding-right: 3rem; -} - -::-webkit-input-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -:-moz-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -::-moz-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -:-ms-input-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -.p-input-filled .p-inputtext { - background-color: rgba(255, 255, 255, 0.06); -} -.p-input-filled .p-inputtext:enabled:hover { - background-color: rgba(255, 255, 255, 0.08); -} -.p-input-filled .p-inputtext:enabled:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.p-inputtext-sm .p-inputtext { - font-size: 0.875rem; - padding: 0.875rem 0.875rem; -} - -.p-inputtext-lg .p-inputtext { - font-size: 1.25rem; - padding: 1.25rem 1.25rem; -} - -.p-listbox { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.3); - border-radius: 4px; -} -.p-listbox .p-listbox-header { - padding: 1rem; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - margin: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-listbox .p-listbox-header .p-listbox-filter { - padding-right: 2rem; -} -.p-listbox .p-listbox-header .p-listbox-filter-icon { - right: 1rem; - color: rgba(255, 255, 255, 0.6); -} -.p-listbox .p-listbox-header .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list { - padding: 0; -} -.p-listbox .p-listbox-list .p-listbox-item { - margin: 0; - padding: 1rem 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - transition: none; - border-radius: 0; -} -.p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: #CE93D8; - background: rgba(206, 147, 216, 0.16); -} -.p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list .p-listbox-item-group { - margin: 0; - padding: 1rem; - color: rgba(255, 255, 255, 0.6); - background: transparent; - font-weight: 400; -} -.p-listbox .p-listbox-list .p-listbox-empty-message { - padding: 1rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); -} - -p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #f44435; -} - -.p-multiselect { - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.3); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; -} -.p-multiselect:not(.p-disabled):hover { - border-color: rgba(255, 255, 255, 0.6); -} -.p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #CE93D8; -} -.p-multiselect .p-multiselect-label { - padding: 1rem 1rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-multiselect .p-multiselect-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-multiselect.p-multiselect-chip .p-multiselect-token { - padding: 0.5rem 1rem; - margin-right: 0.5rem; - background: rgba(206, 147, 216, 0.16); - color: #CE93D8; - border-radius: 4px; -} -.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { - margin-left: 0.5rem; -} -.p-multiselect .p-multiselect-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2.357rem; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { - padding: 0.5rem 1rem; -} - -.p-multiselect-panel { - background: #2b2b2b; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} -.p-multiselect-panel .p-multiselect-header { - padding: 1rem; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - background: #2b2b2b; - margin: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { - padding-right: 2rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { - right: 1rem; - color: rgba(255, 255, 255, 0.6); -} -.p-multiselect-panel .p-multiselect-header .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close { - margin-left: 0.5rem; - width: 2.5rem; - height: 2.5rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-multiselect-panel .p-multiselect-items:not(.p-multiselect-virtualscroll) { - padding: 0; -} -.p-multiselect-panel .p-multiselect-items.p-multiselect-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item { - margin: 0; - padding: 1rem 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: none; - border-radius: 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: #CE93D8; - background: rgba(206, 147, 216, 0.16); -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { - margin: 0; - padding: 1rem; - color: rgba(255, 255, 255, 0.6); - background: transparent; - font-weight: 400; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { - padding: 1rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} - -p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #f44435; -} - -.p-input-filled .p-multiselect { - background: rgba(255, 255, 255, 0.06); -} -.p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); -} -.p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: rgba(255, 255, 255, 0.1); -} - -p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #f44435; -} - -.p-password-panel { - padding: 1rem; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - border-radius: 4px; -} -.p-password-panel .p-password-meter { - margin-bottom: 0.5rem; - background: rgba(206, 147, 216, 0.32); -} -.p-password-panel .p-password-meter .p-password-strength.weak { - background: #EF9A9A; -} -.p-password-panel .p-password-meter .p-password-strength.medium { - background: #FFF59D; -} -.p-password-panel .p-password-meter .p-password-strength.strong { - background: #C5E1A5; -} - -.p-radiobutton { - width: 20px; - height: 20px; -} -.p-radiobutton .p-radiobutton-box { - border: 2px solid rgba(255, 255, 255, 0.7); - background: #1e1e1e; - width: 20px; - height: 20px; - color: rgba(255, 255, 255, 0.87); - border-radius: 50%; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: rgba(255, 255, 255, 0.6); -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #CE93D8; -} -.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - width: 10px; - height: 10px; - transition-duration: 0.2s; - background-color: #CE93D8; -} -.p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #CE93D8; - background: #121212; -} -.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #CE93D8; - background: #121212; - color: #CE93D8; -} - -p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #f44435; -} - -.p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: rgba(255, 255, 255, 0.06); -} -.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #121212; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #121212; -} - -.p-radiobutton-label { - margin-left: 0.5rem; -} - -.p-rating .p-rating-icon { - color: #CE93D8; - margin-left: 0.5rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - font-size: 1.143rem; -} -.p-rating .p-rating-icon.p-rating-cancel { - color: #f44435; -} -.p-rating .p-rating-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-rating .p-rating-icon:first-child { - margin-left: 0; -} -.p-rating .p-rating-icon.pi-star-fill { - color: #CE93D8; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { - color: #CE93D8; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - color: #f44435; -} - -.p-selectbutton .p-button { - background: #2f2f2f; - border: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-selectbutton .p-button .p-button-icon-left, -.p-selectbutton .p-button .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { - background: #373737; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-selectbutton .p-button.p-highlight { - background: #1c1c1c; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.p-selectbutton .p-button.p-highlight .p-button-icon-left, -.p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-selectbutton .p-button.p-highlight:hover { - background: #262626; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} - -p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #f44435; -} - -.p-slider { - background: rgba(255, 255, 255, 0.3); - border: 0 none; - border-radius: 4px; -} -.p-slider.p-slider-horizontal { - height: 2px; -} -.p-slider.p-slider-horizontal .p-slider-handle { - margin-top: -10px; - margin-left: -10px; -} -.p-slider.p-slider-vertical { - width: 2px; -} -.p-slider.p-slider-vertical .p-slider-handle { - margin-left: -10px; - margin-bottom: -10px; -} -.p-slider .p-slider-handle { - height: 20px; - width: 20px; - background: #CE93D8; - border: 0 none; - border-radius: 50%; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-slider .p-slider-handle:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-slider .p-slider-range { - background: #CE93D8; -} -.p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #CE93D8; - border-color: 0 none; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), left 0.2s; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { - transition: width 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), bottom 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { - transition: height 0.2s; -} - -.p-togglebutton.p-button { - background: #2f2f2f; - border: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-togglebutton.p-button .p-button-icon-left, -.p-togglebutton.p-button .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { - background: #373737; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-togglebutton.p-button.p-highlight { - background: #1c1c1c; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.p-togglebutton.p-button.p-highlight .p-button-icon-left, -.p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-togglebutton.p-button.p-highlight:hover { - background: #262626; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} - -p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #f44435; -} - -.p-treeselect { - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.3); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; -} -.p-treeselect:not(.p-disabled):hover { - border-color: rgba(255, 255, 255, 0.6); -} -.p-treeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #CE93D8; -} -.p-treeselect .p-treeselect-label { - padding: 1rem 1rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-treeselect .p-treeselect-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-treeselect.p-treeselect-chip .p-treeselect-token { - padding: 0.5rem 1rem; - margin-right: 0.5rem; - background: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; -} -.p-treeselect .p-treeselect-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2.357rem; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -p-treeselect.ng-invalid.ng-dirty > .p-treeselect { - border-color: #f44435; -} - -.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { - padding: 0.5rem 1rem; -} - -.p-treeselect-panel { - background: #2b2b2b; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { - border: 0 none; -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { - padding: 1rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} - -.p-input-filled .p-treeselect { - background: rgba(255, 255, 255, 0.06); -} -.p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); -} -.p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.p-button { - color: #121212; - background: #CE93D8; - border: 0 none; - padding: 0.714rem 1rem; - font-size: 1rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; -} -.p-button:enabled:hover { - background: rgba(206, 147, 216, 0.92); - color: #121212; - border-color: transparent; -} -.p-button:enabled:active { - background: rgba(206, 147, 216, 0.68); - color: #121212; - border-color: transparent; -} -.p-button.p-button-outlined { - background-color: transparent; - color: #CE93D8; - border: 0 none; -} -.p-button.p-button-outlined:enabled:hover { - background: rgba(206, 147, 216, 0.04); - color: #CE93D8; - border: 0 none; -} -.p-button.p-button-outlined:enabled:active { - background: rgba(206, 147, 216, 0.16); - color: #CE93D8; - border: 0 none; -} -.p-button.p-button-outlined.p-button-plain { - color: rgba(255, 255, 255, 0.6); - border-color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-outlined.p-button-plain:enabled:hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-outlined.p-button-plain:enabled:active { - background: rgba(255, 255, 255, 0.16); - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-text { - background-color: transparent; - color: #CE93D8; - border-color: transparent; -} -.p-button.p-button-text:enabled:hover { - background: rgba(206, 147, 216, 0.04); - color: #CE93D8; - border-color: transparent; -} -.p-button.p-button-text:enabled:active { - background: rgba(206, 147, 216, 0.16); - color: #CE93D8; - border-color: transparent; -} -.p-button.p-button-text.p-button-plain { - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-text.p-button-plain:enabled:hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-text.p-button-plain:enabled:active { - background: rgba(255, 255, 255, 0.16); - color: rgba(255, 255, 255, 0.6); -} -.p-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-button .p-button-icon-left { - margin-right: 0.5rem; -} -.p-button .p-button-icon-right { - margin-left: 0.5rem; -} -.p-button .p-button-icon-bottom { - margin-top: 0.5rem; -} -.p-button .p-button-icon-top { - margin-bottom: 0.5rem; -} -.p-button .p-badge { - margin-left: 0.5rem; - min-width: 1rem; - height: 1rem; - line-height: 1rem; - color: #CE93D8; - background-color: #121212; -} -.p-button.p-button-raised { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -} -.p-button.p-button-rounded { - border-radius: 2rem; -} -.p-button.p-button-icon-only { - width: 3rem; - padding: 0.714rem; -} -.p-button.p-button-icon-only .p-button-icon-left, -.p-button.p-button-icon-only .p-button-icon-right { - margin: 0; -} -.p-button.p-button-icon-only.p-button-rounded { - border-radius: 50%; - height: 3rem; -} -.p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.62475rem 0.875rem; -} -.p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; -} -.p-button.p-button-lg { - font-size: 1.25rem; - padding: 0.8925rem 1.25rem; -} -.p-button.p-button-lg .p-button-icon { - font-size: 1.25rem; -} -.p-button.p-button-loading-label-only .p-button-label { - margin-left: 0.5rem; -} -.p-button.p-button-loading-label-only .p-button-loading-icon { - margin-right: 0; -} - -.p-fluid .p-button { - width: 100%; -} -.p-fluid .p-button-icon-only { - width: 3rem; -} -.p-fluid .p-buttonset { - display: flex; -} -.p-fluid .p-buttonset .p-button { - flex: 1; -} - -.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { - color: #121212; - background: #A5D6A7; - border: 0 none; -} -.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { - background: rgba(165, 214, 167, 0.92); - color: #121212; - border-color: transparent; -} -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - box-shadow: none; -} -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: rgba(165, 214, 167, 0.68); - color: #121212; - border-color: transparent; -} -.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { - background-color: transparent; - color: #A5D6A7; - border: 0 none; -} -.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { - background: rgba(165, 214, 167, 0.04); - color: #A5D6A7; - border: 0 none; -} -.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { - background: rgba(165, 214, 167, 0.16); - color: #A5D6A7; - border: 0 none; -} -.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { - background-color: transparent; - color: #A5D6A7; - border-color: transparent; -} -.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { - background: rgba(165, 214, 167, 0.04); - border-color: transparent; - color: #A5D6A7; -} -.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { - background: rgba(165, 214, 167, 0.16); - border-color: transparent; - color: #A5D6A7; -} - -.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { - color: #212121; - background: #90CAF9; - border: 0 none; -} -.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { - background: rgba(144, 202, 249, 0.92); - color: #212121; - border-color: transparent; -} -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { - box-shadow: none; -} -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: rgba(144, 202, 249, 0.68); - color: #212121; - border-color: transparent; -} -.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { - background-color: transparent; - color: #90CAF9; - border: 0 none; -} -.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { - background: rgba(144, 202, 249, 0.04); - color: #90CAF9; - border: 0 none; -} -.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { - background: rgba(144, 202, 249, 0.16); - color: #90CAF9; - border: 0 none; -} -.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { - background-color: transparent; - color: #90CAF9; - border-color: transparent; -} -.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { - background: rgba(144, 202, 249, 0.04); - border-color: transparent; - color: #90CAF9; -} -.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { - background: rgba(144, 202, 249, 0.16); - border-color: transparent; - color: #90CAF9; -} - -.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { - color: #212121; - background: #C5E1A5; - border: 0 none; -} -.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { - background: rgba(197, 225, 165, 0.92); - color: #212121; - border-color: transparent; -} -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { - box-shadow: none; -} -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: rgba(197, 225, 165, 0.68); - color: #212121; - border-color: transparent; -} -.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { - background-color: transparent; - color: #C5E1A5; - border: 0 none; -} -.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { - background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; - border: 0 none; -} -.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { - background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; - border: 0 none; -} -.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { - background-color: transparent; - color: #C5E1A5; - border-color: transparent; -} -.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { - background: rgba(197, 225, 165, 0.04); - border-color: transparent; - color: #C5E1A5; -} -.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { - background: rgba(197, 225, 165, 0.16); - border-color: transparent; - color: #C5E1A5; -} - -.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { - color: #212121; - background: #FFF59D; - border: 0 none; -} -.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { - background: rgba(255, 245, 157, 0.92); - color: #212121; - border-color: transparent; -} -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { - box-shadow: none; -} -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: rgba(255, 245, 157, 0.68); - color: #212121; - border-color: transparent; -} -.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { - background-color: transparent; - color: #FFF59D; - border: 0 none; -} -.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { - background: rgba(255, 245, 157, 0.04); - color: #FFF59D; - border: 0 none; -} -.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { - background: rgba(255, 245, 157, 0.16); - color: #FFF59D; - border: 0 none; -} -.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { - background-color: transparent; - color: #FFF59D; - border-color: transparent; -} -.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { - background: rgba(255, 245, 157, 0.04); - border-color: transparent; - color: #FFF59D; -} -.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { - background: rgba(255, 245, 157, 0.16); - border-color: transparent; - color: #FFF59D; -} - -.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { - color: #212121; - background: #CE93D8; - border: 0 none; -} -.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { - background: rgba(206, 147, 216, 0.92); - color: #212121; - border-color: transparent; -} -.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - box-shadow: none; -} -.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: rgba(206, 147, 216, 0.68); - color: #212121; - border-color: transparent; -} -.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { - background-color: transparent; - color: #CE93D8; - border: 0 none; -} -.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { - background: rgba(206, 147, 216, 0.04); - color: #CE93D8; - border: 0 none; -} -.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { - background: rgba(206, 147, 216, 0.16); - color: #CE93D8; - border: 0 none; -} -.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { - background-color: transparent; - color: #CE93D8; - border-color: transparent; -} -.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { - background: rgba(206, 147, 216, 0.04); - border-color: transparent; - color: #CE93D8; -} -.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { - background: rgba(206, 147, 216, 0.16); - border-color: transparent; - color: #CE93D8; -} - -.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { - color: #212121; - background: #EF9A9A; - border: 0 none; -} -.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { - background: rgba(239, 154, 154, 0.92); - color: #212121; - border-color: transparent; -} -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { - box-shadow: none; -} -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: rgba(239, 154, 154, 0.68); - color: #212121; - border-color: transparent; -} -.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { - background-color: transparent; - color: #EF9A9A; - border: 0 none; -} -.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { - background: rgba(239, 154, 154, 0.04); - color: #EF9A9A; - border: 0 none; -} -.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { - background: rgba(239, 154, 154, 0.16); - color: #EF9A9A; - border: 0 none; -} -.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { - background-color: transparent; - color: #EF9A9A; - border-color: transparent; -} -.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { - background: rgba(239, 154, 154, 0.04); - border-color: transparent; - color: #EF9A9A; -} -.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { - background: rgba(239, 154, 154, 0.16); - border-color: transparent; - color: #EF9A9A; -} - -.p-button.p-button-link { - color: #CE93D8; - background: transparent; - border: transparent; -} -.p-button.p-button-link:enabled:hover { - background: transparent; - color: #CE93D8; - border-color: transparent; -} -.p-button.p-button-link:enabled:hover .p-button-label { - text-decoration: underline; -} -.p-button.p-button-link:enabled:focus { - background: transparent; - box-shadow: none; - border-color: transparent; -} -.p-button.p-button-link:enabled:active { - background: transparent; - color: #CE93D8; - border-color: transparent; -} - -.p-speeddial-button.p-button.p-button-icon-only { - width: 4rem; - height: 4rem; -} -.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { - font-size: 2rem; -} - -.p-speeddial-action { - width: 3rem; - height: 3rem; - background: #A5D6A7; - color: #212121; -} -.p-speeddial-action:hover { - background: rgba(165, 214, 167, 0.92); - color: #212121; -} - -.p-speeddial-direction-up .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-up .p-speeddial-item:first-child { - margin-bottom: 0.5rem; -} - -.p-speeddial-direction-down .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-down .p-speeddial-item:first-child { - margin-top: 0.5rem; -} - -.p-speeddial-direction-left .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-left .p-speeddial-item:first-child { - margin-right: 0.5rem; -} - -.p-speeddial-direction-right .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-right .p-speeddial-item:first-child { - margin-left: 0.5rem; -} - -.p-speeddial-circle .p-speeddial-item, -.p-speeddial-semi-circle .p-speeddial-item, -.p-speeddial-quarter-circle .p-speeddial-item { - margin: 0; -} -.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, -.p-speeddial-semi-circle .p-speeddial-item:first-child, -.p-speeddial-semi-circle .p-speeddial-item:last-child, -.p-speeddial-quarter-circle .p-speeddial-item:first-child, -.p-speeddial-quarter-circle .p-speeddial-item:last-child { - margin: 0; -} - -.p-speeddial-mask { - background-color: rgba(0, 0, 0, 0.32); -} - -.p-carousel .p-carousel-content .p-carousel-prev, -.p-carousel .p-carousel-content .p-carousel-next { - width: 2.5rem; - height: 2.5rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin: 0.5rem; -} -.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, -.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); -} -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-carousel .p-carousel-indicators { - padding: 1rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator { - margin-right: 0.5rem; - margin-bottom: 0.5rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: rgba(255, 255, 255, 0.3); - width: 2rem; - height: 0.5rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 0; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { - background: rgba(255, 255, 255, 0.6); -} -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: rgba(206, 147, 216, 0.16); - color: #CE93D8; -} - -.p-datatable .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-datatable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-datatable .p-datatable-header { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.12); - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 500; -} -.p-datatable .p-datatable-footer { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #404040; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 500; -} -.p-datatable .p-datatable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #404040; - border-width: 0 0 1px 0; - font-weight: 500; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - transition: none; -} -.p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid 3404040; - border-width: 0 0 1px 0; - font-weight: 500; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; -} -.p-datatable .p-sortable-column .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: #CE93D8; - background: rgba(206, 147, 216, 0.16); - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-datatable .p-sortable-column.p-highlight { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column.p-highlight:hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column:focus { - box-shadow: none; - outline: 0 none; -} -.p-datatable .p-datatable-tbody > tr { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - transition: none; - outline-color: transparent; -} -.p-datatable .p-datatable-tbody > tr > td { - text-align: left; - border: 1px solid #404040; - border-width: 0 0 1px 0; - padding: 1rem 1rem; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { - width: 2.5rem; - height: 2.5rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { - margin-right: 0.5rem; -} -.p-datatable .p-datatable-tbody > tr.p-highlight { - background: rgba(206, 147, 216, 0.16); - color: #CE93D8; -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 rgba(206, 147, 216, 0.16); -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 rgba(206, 147, 216, 0.16); -} -.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-column-resizer-helper { - background: #CE93D8; -} -.p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #1e1e1e; -} -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot { - background-color: #1e1e1e; -} -.p-datatable .p-datatable-loading-icon { - font-size: 2rem; -} -.p-datatable.p-datatable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-footer { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-top { - border-width: 0 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-bottom { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { - background: rgba(255, 255, 255, 0.02); -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: rgba(206, 147, 216, 0.16); - color: #CE93D8; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: #CE93D8; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: #CE93D8; -} -.p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-lg .p-datatable-header { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-footer { - padding: 1.25rem 1.25rem; -} - -.p-dataview .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-dataview .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-dataview .p-dataview-header { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.12); - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 500; -} -.p-dataview .p-dataview-content { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 1rem 0; -} -.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid rgba(255, 255, 255, 0.12); - border-width: 0 0 1px 0; -} -.p-dataview .p-dataview-footer { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #404040; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 500; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; -} -.p-dataview .p-dataview-loading-icon { - font-size: 2rem; -} -.p-dataview .p-dataview-emptymessage { - padding: 1rem; -} - -.p-column-filter-row .p-column-filter-menu-button, -.p-column-filter-row .p-column-filter-clear-button { - margin-left: 0.5rem; -} - -.p-column-filter-menu-button { - width: 2.5rem; - height: 2.5rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-menu-button:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); -} -.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.6); -} -.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: rgba(206, 147, 216, 0.16); - color: #CE93D8; -} -.p-column-filter-menu-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-column-filter-clear-button { - width: 2.5rem; - height: 2.5rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-clear-button:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); -} -.p-column-filter-clear-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-column-filter-overlay { - background: #2b2b2b; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - min-width: 12.5rem; -} -.p-column-filter-overlay .p-column-filter-row-items { - padding: 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { - margin: 0; - padding: 1rem 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: none; - border-radius: 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: #CE93D8; - background: rgba(206, 147, 216, 0.16); -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid rgba(255, 255, 255, 0.12); - margin: 0.5rem 0; -} - -.p-column-filter-overlay-menu .p-column-filter-operator { - padding: 1rem; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - background: #2b2b2b; - margin: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-column-filter-overlay-menu .p-column-filter-constraint { - padding: 1rem; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { - margin-bottom: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { - margin-top: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { - border-bottom: 0 none; -} -.p-column-filter-overlay-menu .p-column-filter-add-rule { - padding: 1rem 1rem; -} -.p-column-filter-overlay-menu .p-column-filter-buttonbar { - padding: 1rem; -} - -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid rgba(255, 255, 255, 0.12); -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid rgba(255, 255, 255, 0.12); -} -.fc.fc-unthemed .fc-view-container .fc-event { - background: rgba(206, 147, 216, 0.16); - border: 1px solid rgba(206, 147, 216, 0.16); - color: #CE93D8; -} -.fc.fc-unthemed .fc-view-container .fc-divider { - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.12); -} -.fc.fc-unthemed .fc-toolbar .fc-button { - color: #121212; - background: #CE93D8; - border: 0 none; - font-size: 1rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; - display: flex; - align-items: center; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: rgba(206, 147, 216, 0.92); - color: #121212; - border-color: transparent; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: rgba(206, 147, 216, 0.68); - color: #121212; - border-color: transparent; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #2f2f2f; - border: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #373737; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #1c1c1c; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #262626; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - z-index: 1; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} -.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: rgba(255, 255, 255, 0.12); -} -.fc.fc-theme-standard .fc-view-harness th { - background: #1e1e1e; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness td { - color: rgba(255, 255, 255, 0.87); - border-color: rgba(255, 255, 255, 0.12); -} -.fc.fc-theme-standard .fc-view-harness .fc-view { - background: #1e1e1e; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 1rem; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2.5rem; - height: 2.5rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1rem; - border: 1px solid rgba(255, 255, 255, 0.12); - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #CE93D8; - background: rgba(206, 147, 216, 0.16); - border-color: rgba(206, 147, 216, 0.16); -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #CE93D8; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: rgba(206, 147, 216, 0.16); - border-color: rgba(206, 147, 216, 0.16); -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #1e1e1e; -} -.fc.fc-theme-standard .fc-toolbar .fc-button { - color: #121212; - background: #CE93D8; - border: 0 none; - font-size: 1rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: rgba(206, 147, 216, 0.92); - color: #121212; - border-color: transparent; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: rgba(206, 147, 216, 0.68); - color: #121212; - border-color: transparent; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.38; - color: #121212; - background: #CE93D8; - border: 0 none; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #2f2f2f; - border: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #373737; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #1c1c1c; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #262626; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - z-index: 1; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} -.fc.fc-theme-standard a { - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-highlight { - color: #CE93D8; - background: rgba(206, 147, 216, 0.16); -} - -.p-orderlist .p-orderlist-controls { - padding: 1rem; -} -.p-orderlist .p-orderlist-controls .p-button { - margin-bottom: 0.5rem; -} -.p-orderlist .p-orderlist-header { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-orderlist .p-orderlist-header .p-orderlist-title { - font-weight: 500; -} -.p-orderlist .p-orderlist-filter-container { - padding: 1rem; - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 0 none; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { - padding-right: 2rem; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { - right: 1rem; - color: rgba(255, 255, 255, 0.6); -} -.p-orderlist .p-orderlist-list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - padding: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-orderlist .p-orderlist-list .p-orderlist-item { - padding: 1rem 1rem; - margin: 0; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: none; -} -.p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #CE93D8; - background: rgba(206, 147, 216, 0.16); -} -.p-orderlist .p-orderlist-list .p-orderlist-empty-message { - padding: 1rem 1rem; - color: rgba(255, 255, 255, 0.87); -} -.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} - -.p-orderlist-item.cdk-drag-preview { - padding: 1rem 1rem; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - margin: 0; -} - -.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-organizationchart .p-organizationchart-node-content.p-highlight { - background: rgba(206, 147, 216, 0.16); - color: #CE93D8; -} -.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: rgba(157, 62, 173, 0.16); -} -.p-organizationchart .p-organizationchart-line-down { - background: rgba(255, 255, 255, 0.12); -} -.p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-color: rgba(255, 255, 255, 0.12); -} -.p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-color: rgba(255, 255, 255, 0.12); -} -.p-organizationchart .p-organizationchart-node-content { - border: 1px solid rgba(255, 255, 255, 0.12); - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - padding: 1rem; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler { - background: inherit; - color: inherit; - border-radius: 50%; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-paginator { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: solid #404040; - border-width: 0; - padding: 0.5rem 1rem; - border-radius: 4px; -} -.p-paginator .p-paginator-first, -.p-paginator .p-paginator-prev, -.p-paginator .p-paginator-next, -.p-paginator .p-paginator-last { - background-color: transparent; - border: 0 none; - color: rgba(255, 255, 255, 0.6); - min-width: 3rem; - height: 3rem; - margin: 0.143rem; - transition: none; - border-radius: 50%; -} -.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - border-color: transparent; - color: rgba(255, 255, 255, 0.6); -} -.p-paginator .p-paginator-first { - border-top-left-radius: 50%; - border-bottom-left-radius: 50%; -} -.p-paginator .p-paginator-last { - border-top-right-radius: 50%; - border-bottom-right-radius: 50%; -} -.p-paginator .p-dropdown { - margin-left: 0.5rem; - margin-right: 0.5rem; - height: 3rem; -} -.p-paginator .p-dropdown .p-dropdown-label { - padding-right: 0; -} -.p-paginator .p-paginator-page-input { - margin-left: 0.5rem; - margin-right: 0.5rem; -} -.p-paginator .p-paginator-page-input .p-inputtext { - max-width: 3rem; -} -.p-paginator .p-paginator-current { - background-color: transparent; - border: 0 none; - color: rgba(255, 255, 255, 0.6); - min-width: 3rem; - height: 3rem; - margin: 0.143rem; - padding: 0 0.5rem; -} -.p-paginator .p-paginator-pages .p-paginator-page { - background-color: transparent; - border: 0 none; - color: rgba(255, 255, 255, 0.6); - min-width: 3rem; - height: 3rem; - margin: 0.143rem; - transition: none; - border-radius: 50%; -} -.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: rgba(206, 147, 216, 0.16); - border-color: rgba(206, 147, 216, 0.16); - color: #CE93D8; -} -.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - border-color: transparent; - color: rgba(255, 255, 255, 0.6); -} - -.p-picklist .p-picklist-buttons { - padding: 1rem; -} -.p-picklist .p-picklist-buttons .p-button { - margin-bottom: 0.5rem; -} -.p-picklist .p-picklist-header { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-picklist .p-picklist-header .p-picklist-title { - font-weight: 500; -} -.p-picklist .p-picklist-filter-container { - padding: 1rem; - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 0 none; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-input { - padding-right: 2rem; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { - right: 1rem; - color: rgba(255, 255, 255, 0.6); -} -.p-picklist .p-picklist-list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - padding: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-picklist .p-picklist-list .p-picklist-item { - padding: 1rem 1rem; - margin: 0; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: none; -} -.p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: #CE93D8; - background: rgba(206, 147, 216, 0.16); -} -.p-picklist .p-picklist-list .p-picklist-empty-message { - padding: 1rem 1rem; - color: rgba(255, 255, 255, 0.87); -} -.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} - -.p-picklist-item.cdk-drag-preview { - padding: 1rem 1rem; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - margin: 0; -} - -.p-timeline .p-timeline-event-marker { - border: 0 none; - border-radius: 50%; - width: 1rem; - height: 1rem; - background-color: #bdbdbd; -} -.p-timeline .p-timeline-event-connector { - background-color: #bdbdbd; -} -.p-timeline.p-timeline-vertical .p-timeline-event-opposite, -.p-timeline.p-timeline-vertical .p-timeline-event-content { - padding: 0 1rem; -} -.p-timeline.p-timeline-vertical .p-timeline-event-connector { - width: 2px; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, -.p-timeline.p-timeline-horizontal .p-timeline-event-content { - padding: 1rem 0; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-connector { - height: 2px; -} - -.p-tree { - border: 1px solid rgba(255, 255, 255, 0.12); - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - padding: 1rem; - border-radius: 4px; -} -.p-tree .p-tree-container .p-treenode { - padding: 0.25rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content { - border-radius: 4px; - transition: none; - padding: 0.5rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; - width: 2.5rem; - height: 2.5rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { - margin-right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: rgba(206, 147, 216, 0.16); - color: #CE93D8; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #CE93D8; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { - color: #CE93D8; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-filter-container { - margin-bottom: 0.5rem; -} -.p-tree .p-tree-filter-container .p-tree-filter { - width: 100%; - padding-right: 2rem; -} -.p-tree .p-tree-filter-container .p-tree-filter-icon { - right: 1rem; - color: rgba(255, 255, 255, 0.6); -} -.p-tree .p-treenode-children { - padding: 0 0 0 1rem; -} -.p-tree .p-tree-loading-icon { - font-size: 2rem; -} -.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: rgba(182, 94, 197, 0.16); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { - border-radius: 4px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - padding: 0.5rem; - transition: none; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { - background-color: rgba(206, 147, 216, 0.16); - color: #CE93D8; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #CE93D8; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { - background-color: inherit; - color: inherit; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-treetable .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-treetable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-treetable .p-treetable-header { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.12); - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 500; -} -.p-treetable .p-treetable-footer { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #404040; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 500; -} -.p-treetable .p-treetable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #404040; - border-width: 0 0 1px 0; - font-weight: 500; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - transition: none; -} -.p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid 3404040; - border-width: 0 0 1px 0; - font-weight: 500; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; -} -.p-treetable .p-sortable-column { - outline-color: transparent; -} -.p-treetable .p-sortable-column .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: #CE93D8; - background: rgba(206, 147, 216, 0.16); - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-treetable .p-sortable-column.p-highlight { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-treetable-tbody > tr { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - transition: none; - outline-color: transparent; -} -.p-treetable .p-treetable-tbody > tr > td { - text-align: left; - border: 1px solid #404040; - border-width: 0 0 1px 0; - padding: 1rem 1rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { - width: 2.5rem; - height: 2.5rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-treetable-tbody > tr.p-highlight { - background: rgba(206, 147, 216, 0.16); - color: #CE93D8; -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: #CE93D8; -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: #CE93D8; -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-column-resizer-helper { - background: #CE93D8; -} -.p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #1e1e1e; -} -.p-treetable .p-treetable-loading-icon { - font-size: 2rem; -} -.p-treetable.p-treetable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-footer { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-top { - border-width: 0 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-bottom { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-sm .p-treetable-header { - padding: 0.875rem 0.875rem; -} -.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-footer { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-lg .p-treetable-header { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-footer { - padding: 1.25rem 1.25rem; -} - -.p-virtualscroller .p-virtualscroller-header { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.12); - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 500; -} -.p-virtualscroller .p-virtualscroller-content { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 1rem 0; -} -.p-virtualscroller .p-virtualscroller-footer { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #404040; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 500; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-accordion .p-accordion-header .p-accordion-header-link { - padding: 1.5rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - font-weight: 400; - border-radius: 4px; - transition: none; -} -.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { - margin-right: 0.5rem; -} -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { - background: rgba(255, 255, 255, 0.04); - border-color: transparent; - color: rgba(255, 255, 255, 0.87); -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #1e1e1e; - border-color: transparent; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-color: transparent; - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-accordion .p-accordion-content { - padding: 1rem 1.5rem; - border: 0 none; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-accordion p-accordiontab .p-accordion-tab { - margin-bottom: 0; -} -.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { - border-radius: 0; -} -.p-accordion p-accordiontab .p-accordion-content { - border-radius: 0; -} -.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { - border-top: 0 none; -} -.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-top: 0 none; -} -.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-accordion p-accordiontab:last-child .p-accordion-content { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-card { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); - border-radius: 4px; -} -.p-card .p-card-body { - padding: 1rem; -} -.p-card .p-card-title { - font-size: 1.5rem; - font-weight: 700; - margin-bottom: 0.5rem; -} -.p-card .p-card-subtitle { - font-weight: 400; - margin-bottom: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-card .p-card-content { - padding: 1rem 0; -} -.p-card .p-card-footer { - padding: 1rem 0 0 0; -} - -.p-divider .p-divider-content { - background-color: #1e1e1e; -} -.p-divider.p-divider-horizontal { - margin: 1.25rem 0; - padding: 0 1.25rem; -} -.p-divider.p-divider-horizontal:before { - border-top: 1px rgba(255, 255, 255, 0.12); -} -.p-divider.p-divider-horizontal .p-divider-content { - padding: 0 0.5rem; -} -.p-divider.p-divider-vertical { - margin: 0 1.25rem; - padding: 1.25rem 0; -} -.p-divider.p-divider-vertical:before { - border-left: 1px rgba(255, 255, 255, 0.12); -} -.p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; -} - -.p-fieldset { - border: 1px solid rgba(255, 255, 255, 0.12); - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-radius: 4px; -} -.p-fieldset .p-fieldset-legend { - padding: 1rem; - border: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - font-weight: 500; - border-radius: 4px; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { - padding: 0; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { - padding: 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 4px; - transition: none; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { - margin-right: 0.5rem; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: rgba(255, 255, 255, 0.04); - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.p-fieldset .p-fieldset-content { - padding: 1rem; -} - -.p-panel .p-panel-header { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 1rem; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-panel .p-panel-header .p-panel-title { - font-weight: 500; -} -.p-panel .p-panel-header .p-panel-header-icon { - width: 2.5rem; - height: 2.5rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); -} -.p-panel .p-panel-header .p-panel-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-panel.p-panel-toggleable .p-panel-header { - padding: 0.5rem 1rem; -} -.p-panel .p-panel-content { - padding: 1rem; - border: 1px solid rgba(255, 255, 255, 0.12); - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - border-top: 0 none; -} -.p-panel .p-panel-footer { - padding: 1rem 1rem; - border: 1px solid rgba(255, 255, 255, 0.12); - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; -} - -.p-scrollpanel .p-scrollpanel-bar { - background: rgba(255, 255, 255, 0.12); - border: 0 none; -} - -.p-splitter { - border: 1px solid rgba(255, 255, 255, 0.12); - background: #1e1e1e; - border-radius: 4px; - color: rgba(255, 255, 255, 0.87); -} -.p-splitter .p-splitter-gutter { - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - background: rgba(255, 255, 255, 0.04); -} -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: rgba(255, 255, 255, 0.12); -} -.p-splitter .p-splitter-gutter-resizing { - background: rgba(255, 255, 255, 0.12); -} - -.p-tabview .p-tabview-nav { - background: transparent; - border: solid rgba(255, 255, 255, 0.12); - border-width: 0 0 1px 0; -} -.p-tabview .p-tabview-nav li { - margin-right: 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid rgba(255, 255, 255, 0.12); - border-width: 0 0 1px 0; - border-color: transparent transparent rgba(255, 255, 255, 0.12) transparent; - background: transparent; - color: rgba(255, 255, 255, 0.6); - padding: 1rem 1.5rem; - font-weight: 500; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - transition: none; - margin: 0 0 0 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset none; -} -.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: rgba(206, 147, 216, 0.04); - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.6); -} -.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: transparent; - border-color: rgba(255, 255, 255, 0.12); - color: #CE93D8; -} -.p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; -} -.p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-close { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-nav-btn.p-link { - background: transparent; - color: #CE93D8; - width: 3rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; -} -.p-tabview .p-tabview-nav-btn.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset none; -} -.p-tabview .p-tabview-panels { - background: transparent; - padding: 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-toolbar { - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 1rem; - border-radius: 4px; -} -.p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; -} - -.p-confirm-popup { - background: #262626; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-confirm-popup .p-confirm-popup-content { - padding: 1rem; -} -.p-confirm-popup .p-confirm-popup-footer { - text-align: right; - padding: 1rem 1rem; -} -.p-confirm-popup .p-confirm-popup-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-confirm-popup .p-confirm-popup-footer button:last-child { - margin: 0; -} -.p-confirm-popup:after { - border: solid transparent; - border-color: rgba(38, 38, 38, 0); - border-bottom-color: #262626; -} -.p-confirm-popup:before { - border: solid transparent; - border-color: rgba(38, 38, 38, 0); - border-bottom-color: #262626; -} -.p-confirm-popup.p-confirm-popup-flipped:after { - border-top-color: #262626; -} -.p-confirm-popup.p-confirm-popup-flipped:before { - border-top-color: #262626; -} -.p-confirm-popup .p-confirm-popup-icon { - font-size: 1.5rem; -} -.p-confirm-popup .p-confirm-popup-message { - margin-left: 1rem; -} - -.p-dialog { - border-radius: 4px; - box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); - border: 0 none; -} -.p-dialog .p-dialog-header { - border-bottom: 0 none; - background: #262626; - color: rgba(255, 255, 255, 0.87); - padding: 1.5rem; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-dialog .p-dialog-header .p-dialog-title { - font-weight: 500; - font-size: 1.25rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon { - width: 2.5rem; - height: 2.5rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); -} -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { - margin-right: 0; -} -.p-dialog .p-dialog-content { - background: #262626; - color: rgba(255, 255, 255, 0.87); - padding: 0 1.5rem 1.5rem 1.5rem; -} -.p-dialog .p-dialog-footer { - border-top: 0 none; - background: #262626; - color: rgba(255, 255, 255, 0.87); - padding: 1rem 1.5rem; - text-align: right; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-dialog .p-dialog-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { - font-size: 2rem; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; -} - -.p-overlaypanel { - background: #262626; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-overlaypanel .p-overlaypanel-content { - padding: 1rem; -} -.p-overlaypanel .p-overlaypanel-close { - background: #CE93D8; - color: #121212; - width: 2.5rem; - height: 2.5rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; - position: absolute; - top: -1.25rem; - right: -1.25rem; -} -.p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: rgba(206, 147, 216, 0.92); - color: #121212; -} -.p-overlaypanel:after { - border: solid transparent; - border-color: rgba(38, 38, 38, 0); - border-bottom-color: #262626; -} -.p-overlaypanel:before { - border: solid transparent; - border-color: rgba(38, 38, 38, 0); - border-bottom-color: #262626; -} -.p-overlaypanel.p-overlaypanel-flipped:after { - border-top-color: #262626; -} -.p-overlaypanel.p-overlaypanel-flipped:before { - border-top-color: #262626; -} - -.p-sidebar { - background: #262626; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-sidebar .p-sidebar-header { - padding: 1rem; -} -.p-sidebar .p-sidebar-header .p-sidebar-close, -.p-sidebar .p-sidebar-header .p-sidebar-icon { - width: 2.5rem; - height: 2.5rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, -.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); -} -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-sidebar .p-sidebar-header + .p-sidebar-content { - padding-top: 0; -} -.p-sidebar .p-sidebar-content { - padding: 1rem; -} - -.p-tooltip .p-tooltip-text { - background: #444444; - color: rgba(255, 255, 255, 0.87); - padding: 0.5rem; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - border-radius: 4px; -} -.p-tooltip.p-tooltip-right .p-tooltip-arrow { - border-right-color: #444444; -} -.p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #444444; -} -.p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #444444; -} -.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #444444; -} - -.p-fileupload .p-fileupload-buttonbar { - background: #1e1e1e; - padding: 1rem; - border: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; -} -.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-fileupload .p-fileupload-content { - background: #1e1e1e; - padding: 2rem 1rem; - border: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-fileupload .p-progressbar { - height: 4px; -} -.p-fileupload .p-fileupload-row > div { - padding: 1rem 1rem; -} -.p-fileupload.p-fileupload-advanced .p-message { - margin-top: 0; -} - -.p-fileupload-choose:not(.p-disabled):hover { - background: rgba(206, 147, 216, 0.92); - color: #121212; - border-color: transparent; -} -.p-fileupload-choose:not(.p-disabled):active { - background: rgba(206, 147, 216, 0.68); - color: #121212; - border-color: transparent; -} - -.p-breadcrumb { - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 4px; - padding: 1rem; -} -.p-breadcrumb ul li .p-menuitem-link { - transition: none; - border-radius: 4px; -} -.p-breadcrumb ul li .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-breadcrumb ul li.p-breadcrumb-chevron { - margin: 0 0.5rem 0 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-breadcrumb ul li:last-child .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-breadcrumb ul li:last-child .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} - -.p-contextmenu { - padding: 0.5rem 0; - background: #2b2b2b; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 4px; - width: 12.5rem; -} -.p-contextmenu .p-menuitem-link { - padding: 1rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: none; - user-select: none; -} -.p-contextmenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-contextmenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-contextmenu .p-submenu-list { - padding: 0.5rem 0; - background: #2b2b2b; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 4px; -} -.p-contextmenu .p-menuitem { - margin: 0; -} -.p-contextmenu .p-menuitem:last-child { - margin: 0; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(255, 255, 255, 0.04); -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-contextmenu .p-menu-separator { - border-top: 1px solid rgba(255, 255, 255, 0.12); - margin: 0.5rem 0; -} -.p-contextmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-dock .p-dock-list { - background: rgba(255, 255, 255, 0.1); - border: 1px solid rgba(255, 255, 255, 0.2); - padding: 0.5rem 0.5rem; - border-radius: 0.5rem; -} -.p-dock .p-dock-item { - padding: 0.5rem; -} -.p-dock .p-dock-action { - width: 4rem; - height: 4rem; -} -.p-dock.p-dock-top .p-dock-item-second-prev, -.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, -.p-dock.p-dock-bottom .p-dock-item-second-next { - margin: 0 0.9rem; -} -.p-dock.p-dock-top .p-dock-item-prev, -.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, -.p-dock.p-dock-bottom .p-dock-item-next { - margin: 0 1.3rem; -} -.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { - margin: 0 1.5rem; -} -.p-dock.p-dock-left .p-dock-item-second-prev, -.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, -.p-dock.p-dock-right .p-dock-item-second-next { - margin: 0.9rem 0; -} -.p-dock.p-dock-left .p-dock-item-prev, -.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, -.p-dock.p-dock-right .p-dock-item-next { - margin: 1.3rem 0; -} -.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { - margin: 1.5rem 0; -} - -@media screen and (max-width: 960px) { - .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { - margin: auto 0; - } - .p-dock .p-dock-list .p-dock-item { - transform: none; - margin: 0; - } -} -.p-megamenu { - padding: 1rem; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 4px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 4px; - transition: none; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-megamenu .p-menuitem-link { - padding: 1rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: none; - user-select: none; -} -.p-megamenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-megamenu .p-megamenu-panel { - background: #2b2b2b; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-megamenu .p-megamenu-submenu-header { - margin: 0; - padding: 1rem; - color: rgba(255, 255, 255, 0.6); - background: transparent; - font-weight: 400; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-megamenu .p-megamenu-submenu { - padding: 0.5rem 0; - width: 12.5rem; -} -.p-megamenu .p-megamenu-submenu .p-menu-separator { - border-top: 1px solid rgba(255, 255, 255, 0.12); - margin: 0.5rem 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem { - margin: 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { - margin: 0; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(255, 255, 255, 0.04); -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.5rem 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem { - margin: 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { - margin: 0; -} - -.p-menu { - padding: 0.5rem 0; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 4px; - width: 12.5rem; -} -.p-menu .p-menuitem-link { - padding: 1rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: none; - user-select: none; -} -.p-menu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-menu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-menu.p-menu-overlay { - background: #2b2b2b; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-menu .p-submenu-header { - margin: 0; - padding: 1rem; - color: rgba(255, 255, 255, 0.6); - background: transparent; - font-weight: 400; - border-top-right-radius: 0; - border-top-left-radius: 0; -} -.p-menu .p-menu-separator { - border-top: 1px solid rgba(255, 255, 255, 0.12); - margin: 0.5rem 0; -} -.p-menu .p-menuitem { - margin: 0; -} -.p-menu .p-menuitem:last-child { - margin: 0; -} - -.p-menubar { - padding: 1rem; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 4px; -} -.p-menubar .p-menuitem-link { - padding: 1rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: none; - user-select: none; -} -.p-menubar .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-menubar .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 4px; - transition: none; - user-select: none; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menubar .p-submenu-list { - padding: 0.5rem 0; - background: #2b2b2b; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - width: 12.5rem; -} -.p-menubar .p-submenu-list .p-menu-separator { - border-top: 1px solid rgba(255, 255, 255, 0.12); - margin: 0.5rem 0; -} -.p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; -} -.p-menubar .p-submenu-list .p-menuitem { - margin: 0; -} -.p-menubar .p-submenu-list .p-menuitem:last-child { - margin: 0; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(255, 255, 255, 0.04); -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} - -@media screen and (max-width: 960px) { - .p-menubar { - position: relative; - } - .p-menubar .p-menubar-button { - display: flex; - width: 2.5rem; - height: 2.5rem; - color: rgba(255, 255, 255, 0.6); - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-menubar .p-menubar-button:hover { - color: rgba(255, 255, 255, 0.6); - background: rgba(255, 255, 255, 0.04); - } - .p-menubar .p-menubar-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-menubar .p-menubar-root-list { - position: absolute; - display: none; - padding: 0.5rem 0; - background: #2b2b2b; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - width: 100%; - } - .p-menubar .p-menubar-root-list .p-menu-separator { - border-top: 1px solid rgba(255, 255, 255, 0.12); - margin: 0.5rem 0; - } - .p-menubar .p-menubar-root-list .p-submenu-icon { - font-size: 0.875rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 1rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: none; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - transition: transform 0.2s; - } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-180deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list { - width: 100%; - position: static; - box-shadow: none; - border: 0 none; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { - transition: transform 0.2s; - transform: rotate(90deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-90deg); - } - .p-menubar .p-menubar-root-list .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list ul li a { - padding-left: 3rem; - } - .p-menubar .p-menubar-root-list ul li ul li a { - padding-left: 5rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li a { - padding-left: 7rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { - padding-left: 9rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { - padding-left: 11rem; - } - .p-menubar.p-menubar-mobile-active .p-menubar-root-list { - display: flex; - flex-direction: column; - top: 100%; - left: 0; - z-index: 1; - } -} -.p-panelmenu .p-panelmenu-header > a { - padding: 1.5rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - font-weight: 400; - border-radius: 4px; - transition: none; -} -.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { - background: rgba(255, 255, 255, 0.04); - border-color: transparent; - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight > a { - background: #1e1e1e; - border-color: transparent; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { - border-color: transparent; - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content { - padding: 0.5rem 0; - border: 0 none; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - margin-bottom: 0; - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 1rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: none; - user-select: none; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { - padding: 0 0 0 1rem; -} -.p-panelmenu .p-panelmenu-panel { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { - border-radius: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-content { - border-radius: 0; -} -.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { - border-top: 0 none; -} -.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { - border-top: 0 none; -} -.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-slidemenu { - padding: 0.5rem 0; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 4px; - width: 12.5rem; -} -.p-slidemenu .p-menuitem-link { - padding: 1rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: none; - user-select: none; -} -.p-slidemenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-slidemenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-slidemenu.p-slidemenu-overlay { - background: #2b2b2b; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-slidemenu .p-slidemenu-list { - padding: 0.5rem 0; - background: #2b2b2b; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { - background: rgba(255, 255, 255, 0.04); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-slidemenu .p-slidemenu-separator { - border-top: 1px solid rgba(255, 255, 255, 0.12); - margin: 0.5rem 0; -} -.p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; -} -.p-slidemenu .p-slidemenu-backward { - padding: 1rem 1rem; - color: rgba(255, 255, 255, 0.87); -} - -.p-steps .p-steps-item .p-menuitem-link { - background: transparent; - transition: none; - border-radius: 4px; - background: transparent; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-number { - color: rgba(255, 255, 255, 0.87); - border: 1px solid transparent; - background: transparent; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - z-index: 1; - border-radius: 50%; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-title { - margin-top: 0.5rem; - color: rgba(255, 255, 255, 0.87); -} -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-steps .p-steps-item.p-highlight .p-steps-number { - background: rgba(206, 147, 216, 0.16); - color: #CE93D8; -} -.p-steps .p-steps-item.p-highlight .p-steps-title { - font-weight: 500; - color: rgba(255, 255, 255, 0.87); -} -.p-steps .p-steps-item:before { - content: " "; - border-top: 1px solid rgba(255, 255, 255, 0.12); - width: 100%; - top: 50%; - left: 0; - display: block; - position: absolute; - margin-top: -1rem; -} - -.p-tabmenu .p-tabmenu-nav { - background: transparent; - border: solid rgba(255, 255, 255, 0.12); - border-width: 0 0 1px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { - margin-right: 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { - border: solid rgba(255, 255, 255, 0.12); - border-width: 0 0 1px 0; - border-color: transparent transparent rgba(255, 255, 255, 0.12) transparent; - background: transparent; - color: rgba(255, 255, 255, 0.6); - padding: 1rem 1.5rem; - font-weight: 500; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - transition: none; - margin: 0 0 0 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset none; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: rgba(206, 147, 216, 0.04); - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.6); -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: transparent; - border-color: rgba(255, 255, 255, 0.12); - color: #CE93D8; -} - -.p-tieredmenu { - padding: 0.5rem 0; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 4px; - width: 12.5rem; -} -.p-tieredmenu .p-menuitem-link { - padding: 1rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: none; - user-select: none; -} -.p-tieredmenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-tieredmenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-tieredmenu.p-tieredmenu-overlay { - background: #2b2b2b; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-tieredmenu .p-submenu-list { - padding: 0.5rem 0; - background: #2b2b2b; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-tieredmenu .p-menuitem { - margin: 0; -} -.p-tieredmenu .p-menuitem:last-child { - margin: 0; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(255, 255, 255, 0.04); -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-tieredmenu .p-menu-separator { - border-top: 1px solid rgba(255, 255, 255, 0.12); - margin: 0.5rem 0; -} -.p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-inline-message { - padding: 1rem 1rem; - margin: 0; - border-radius: 4px; -} -.p-inline-message.p-inline-message-info { - background: #B3E5FC; - border: solid transparent; - border-width: 1px; - color: #01579B; -} -.p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #01579B; -} -.p-inline-message.p-inline-message-success { - background: #C8E6C9; - border: solid transparent; - border-width: 1px; - color: #1B5E20; -} -.p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #1B5E20; -} -.p-inline-message.p-inline-message-warn { - background: #FFECB3; - border: solid transparent; - border-width: 1px; - color: #7f6003; -} -.p-inline-message.p-inline-message-warn .p-inline-message-icon { - color: #7f6003; -} -.p-inline-message.p-inline-message-error { - background: #FFCDD2; - border: solid transparent; - border-width: 1px; - color: #B71C1C; -} -.p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #B71C1C; -} -.p-inline-message .p-inline-message-icon { - font-size: 1rem; - margin-right: 0.5rem; -} -.p-inline-message .p-inline-message-text { - font-size: 1rem; -} -.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { - margin-right: 0; -} - -.p-message { - margin: 1rem 0; - border-radius: 4px; -} -.p-message .p-message-wrapper { - padding: 1.25rem 1.5rem; -} -.p-message .p-message-close { - width: 2.5rem; - height: 2.5rem; - border-radius: 50%; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-message .p-message-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-message.p-message-info { - background: #B3E5FC; - border: solid transparent; - border-width: 0 0 0 0; - color: #01579B; -} -.p-message.p-message-info .p-message-icon { - color: #01579B; -} -.p-message.p-message-info .p-message-close { - color: #01579B; -} -.p-message.p-message-success { - background: #C8E6C9; - border: solid transparent; - border-width: 0 0 0 0; - color: #1B5E20; -} -.p-message.p-message-success .p-message-icon { - color: #1B5E20; -} -.p-message.p-message-success .p-message-close { - color: #1B5E20; -} -.p-message.p-message-warn { - background: #FFECB3; - border: solid transparent; - border-width: 0 0 0 0; - color: #7f6003; -} -.p-message.p-message-warn .p-message-icon { - color: #7f6003; -} -.p-message.p-message-warn .p-message-close { - color: #7f6003; -} -.p-message.p-message-error { - background: #FFCDD2; - border: solid transparent; - border-width: 0 0 0 0; - color: #B71C1C; -} -.p-message.p-message-error .p-message-icon { - color: #B71C1C; -} -.p-message.p-message-error .p-message-close { - color: #B71C1C; -} -.p-message .p-message-text { - font-size: 1rem; - font-weight: 500; -} -.p-message .p-message-icon { - font-size: 1.5rem; - margin-right: 0.5rem; -} -.p-message .p-message-summary { - font-weight: 700; -} -.p-message .p-message-detail { - margin-left: 0.5rem; -} - -.p-toast { - opacity: 0.9; -} -.p-toast .p-toast-message { - margin: 0 0 1rem 0; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - border-radius: 4px; -} -.p-toast .p-toast-message .p-toast-message-content { - padding: 1.5rem; - border-width: 0 0 0 0; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { - margin: 0 0 0 1rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { - font-size: 2rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { - font-weight: 700; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { - margin: 0.5rem 0 0 0; -} -.p-toast .p-toast-message .p-toast-icon-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-toast .p-toast-message .p-toast-icon-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; - border: solid transparent; - border-width: 0 0 0 0; - color: #01579B; -} -.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { - color: #01579B; -} -.p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; - border: solid transparent; - border-width: 0 0 0 0; - color: #1B5E20; -} -.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { - color: #1B5E20; -} -.p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; - border: solid transparent; - border-width: 0 0 0 0; - color: #7f6003; -} -.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { - color: #7f6003; -} -.p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; - border: solid transparent; - border-width: 0 0 0 0; - color: #B71C1C; -} -.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { - color: #B71C1C; -} - -.p-galleria .p-galleria-close { - margin: 0.5rem; - background: transparent; - color: rgba(255, 255, 255, 0.87); - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-close .p-galleria-close-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-close:hover { - background: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.87); -} -.p-galleria .p-galleria-item-nav { - background: transparent; - color: rgba(255, 255, 255, 0.87); - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; - margin: 0 0.5rem; -} -.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, -.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.87); -} -.p-galleria .p-galleria-caption { - background: rgba(0, 0, 0, 0.5); - color: rgba(255, 255, 255, 0.87); - padding: 1rem; -} -.p-galleria .p-galleria-indicators { - padding: 1rem; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: rgba(255, 255, 255, 0.3); - width: 1.25rem; - height: 1.25rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { - background: rgba(255, 255, 255, 0.6); -} -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(206, 147, 216, 0.16); - color: #CE93D8; -} -.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { - margin-right: 0.5rem; -} -.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { - margin-bottom: 0.5rem; -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { - background: rgba(0, 0, 0, 0.5); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { - background: rgba(255, 255, 255, 0.3); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { - background: rgba(255, 255, 255, 0.6); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(206, 147, 216, 0.16); - color: #CE93D8; -} -.p-galleria .p-galleria-thumbnail-container { - background: rgba(0, 0, 0, 0.9); - padding: 1rem 0.25rem; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { - margin: 0.5rem; - background-color: transparent; - color: rgba(255, 255, 255, 0.87); - width: 2rem; - height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { - background: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.87); -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-galleria-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-preview-indicator { - background-color: transparent; - color: #f8f9fa; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} - -.p-image-preview-container:hover > .p-image-preview-indicator { - background-color: rgba(0, 0, 0, 0.5); -} - -.p-image-toolbar { - padding: 1rem; -} - -.p-image-action.p-link { - color: #f8f9fa; - background-color: transparent; - width: 3rem; - height: 3rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-image-action.p-link:last-child { - margin-right: 0; -} -.p-image-action.p-link:hover { - color: #f8f9fa; - background-color: rgba(255, 255, 255, 0.1); -} -.p-image-action.p-link i { - font-size: 1.5rem; -} - -.p-avatar { - background-color: rgba(255, 255, 255, 0.12); - border-radius: 4px; -} -.p-avatar.p-avatar-lg { - width: 3rem; - height: 3rem; - font-size: 1.5rem; -} -.p-avatar.p-avatar-lg .p-avatar-icon { - font-size: 1.5rem; -} -.p-avatar.p-avatar-xl { - width: 4rem; - height: 4rem; - font-size: 2rem; -} -.p-avatar.p-avatar-xl .p-avatar-icon { - font-size: 2rem; -} - -.p-avatar-group .p-avatar { - border: 2px solid #1e1e1e; -} - -.p-badge { - background: #CE93D8; - color: #121212; - font-size: 0.75rem; - font-weight: 700; - min-width: 1.5rem; - height: 1.5rem; - line-height: 1.5rem; -} -.p-badge.p-badge-secondary { - background-color: #A5D6A7; - color: #121212; -} -.p-badge.p-badge-success { - background-color: #C5E1A5; - color: #212121; -} -.p-badge.p-badge-info { - background-color: #90CAF9; - color: #212121; -} -.p-badge.p-badge-warning { - background-color: #FFF59D; - color: #212121; -} -.p-badge.p-badge-danger { - background-color: #EF9A9A; - color: #212121; -} -.p-badge.p-badge-lg { - font-size: 1.125rem; - min-width: 2.25rem; - height: 2.25rem; - line-height: 2.25rem; -} -.p-badge.p-badge-xl { - font-size: 1.5rem; - min-width: 3rem; - height: 3rem; - line-height: 3rem; -} - -.p-chip { - background-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - padding: 0 1rem; -} -.p-chip .p-chip-text { - line-height: 1.5; - margin-top: 0.5rem; - margin-bottom: 0.5rem; -} -.p-chip .p-chip-icon { - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - margin-left: 0.5rem; -} -.p-chip img { - width: 2.5rem; - height: 2.5rem; - margin-left: -1rem; - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - border-radius: 4px; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-inplace .p-inplace-display { - padding: 1rem 1rem; - border-radius: 4px; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-inplace .p-inplace-display:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-inplace .p-inplace-display:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-progressbar { - border: 0 none; - height: 4px; - background: rgba(206, 147, 216, 0.32); - border-radius: 4px; -} -.p-progressbar .p-progressbar-value { - border: 0 none; - margin: 0; - background: #CE93D8; -} -.p-progressbar .p-progressbar-label { - color: #121212; - line-height: 4px; -} - -.p-scrolltop { - width: 3rem; - height: 3rem; - border-radius: 50%; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-scrolltop.p-link { - background: #A5D6A7; -} -.p-scrolltop.p-link:hover { - background: rgba(165, 214, 167, 0.92); -} -.p-scrolltop .p-scrolltop-icon { - font-size: 1.5rem; - color: #121212; -} - -.p-skeleton { - background-color: rgba(255, 255, 255, 0.06); - border-radius: 4px; -} -.p-skeleton:after { - background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); -} - -.p-tag { - background: #CE93D8; - color: #121212; - font-size: 0.75rem; - font-weight: 700; - padding: 0.25rem 0.4rem; - border-radius: 4px; -} -.p-tag.p-tag-success { - background-color: #C5E1A5; - color: #212121; -} -.p-tag.p-tag-info { - background-color: #90CAF9; - color: #212121; -} -.p-tag.p-tag-warning { - background-color: #FFF59D; - color: #212121; -} -.p-tag.p-tag-danger { - background-color: #EF9A9A; - color: #212121; -} -.p-tag .p-tag-icon { - margin-right: 0.25rem; - font-size: 0.75rem; -} - -.p-terminal { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 1rem; -} -.p-terminal .p-terminal-input { - font-size: 1rem; - font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; -} - -.p-accordion .p-accordion-tab { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - margin-bottom: 0; - border-radius: 0; - position: relative; - transition: margin-bottom 225ms; -} -.p-accordion .p-accordion-tab:first-child { - border-top-left-radius: 4px; - border-top-right-radius: 4px; -} -.p-accordion .p-accordion-tab:last-child { - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; -} -.p-accordion .p-accordion-tab .p-accordion-toggle-icon { - order: 1; - margin-left: auto; - transition: transform 0.2s; -} -.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-header-link:focus { - background: rgba(255, 255, 255, 0.04); -} -.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-toggle-icon { - transform: rotate(-270deg); -} -.p-accordion .p-accordion-tab.p-accordion-tab-active { - margin-bottom: 1rem; -} -.p-accordion .p-accordion-tab.p-accordion-tab-active .p-accordion-toggle-icon { - transform: rotate(-180deg); -} -.p-accordion .p-accordion-tab .p-accordion-header.p-disabled { - opacity: 1; -} -.p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * { - opacity: 0.38; -} - -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; -} - -.p-input-filled .p-autocomplete .p-autocomplete-multiple-container { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: rgba(255, 255, 255, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext { - background-image: none; - background-color: transparent; -} -.p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); - border-color: transparent; - background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); -} -.p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:focus { - background-image: none; - background: transparent; -} - -.p-float-label .p-autocomplete-multiple-container .p-autocomplete-token { - padding: 0.25rem 1rem; -} - -.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { - padding-top: 0; - padding-bottom: 0; -} -.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - font-size: 75%; -} -.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { - padding: 0; -} -.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext { - border-color: transparent; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { - box-shadow: none; - border-color: transparent; -} -.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container { - border-color: transparent; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} - -p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; -} -p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; -} - -.p-breadcrumb .p-menuitem-link { - padding: 0.25rem 0.5rem; -} -.p-breadcrumb .p-menuitem-link:focus { - background: rgba(255, 255, 255, 0.12); -} - -.p-button { - font-weight: 500; - min-width: 4rem; -} -.p-button.p-button-icon-only { - min-width: auto; -} -.p-button:enabled:focus { - background: rgba(206, 147, 216, 0.76); -} -.p-button:enabled:active { - background: rgba(206, 147, 216, 0.68); -} -.p-button .p-ink { - background-color: rgba(255, 255, 255, 0.32); -} -.p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus { - background: rgba(206, 147, 216, 0.12); -} -.p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active { - background: rgba(206, 147, 216, 0.16); -} -.p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink { - background-color: rgba(206, 147, 216, 0.16); -} -.p-button.p-button-outlined { - box-shadow: inset 0 0 0 1px; -} -.p-button.p-button-outlined:enabled:focus { - box-shadow: inset 0 0 0 1px; -} -.p-button.p-button-outlined:enabled:active { - box-shadow: inset 0 0 0 1px; -} -.p-button:disabled { - background-color: rgba(255, 255, 255, 0.12) !important; - color: rgba(255, 255, 255, 0.38) !important; - opacity: 1; -} -.p-button:disabled.p-button-text { - background-color: transparent !important; - color: rgba(255, 255, 255, 0.38) !important; -} -.p-button:disabled.p-button-outlined { - background-color: transparent !important; - color: rgba(255, 255, 255, 0.38) !important; - border-color: rgba(255, 255, 255, 0.38) !important; -} -.p-button.p-button-raised:enabled:focus { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -} - -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - background: rgba(165, 214, 167, 0.76); -} -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: rgba(165, 214, 167, 0.68); -} -.p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus { - background: rgba(165, 214, 167, 0.12); -} -.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { - background: rgba(165, 214, 167, 0.16); -} -.p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink { - background-color: rgba(165, 214, 167, 0.16); -} - -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { - background: rgba(144, 202, 249, 0.76); -} -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: rgba(144, 202, 249, 0.68); -} -.p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus { - background: rgba(144, 202, 249, 0.12); -} -.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { - background: rgba(144, 202, 249, 0.16); -} -.p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink { - background-color: rgba(144, 202, 249, 0.16); -} - -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { - background: rgba(197, 225, 165, 0.76); -} -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: rgba(197, 225, 165, 0.68); -} -.p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus { - background: rgba(197, 225, 165, 0.12); -} -.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { - background: rgba(197, 225, 165, 0.16); -} -.p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink { - background-color: rgba(197, 225, 165, 0.16); -} - -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { - background: rgba(255, 245, 157, 0.76); -} -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: rgba(255, 245, 157, 0.68); -} -.p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus { - background: rgba(255, 245, 157, 0.12); -} -.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { - background: rgba(255, 245, 157, 0.16); -} -.p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink { - background-color: rgba(255, 245, 157, 0.16); -} - -.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - background: rgba(206, 147, 216, 0.76); -} -.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: rgba(206, 147, 216, 0.68); -} -.p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus { - background: rgba(206, 147, 216, 0.12); -} -.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { - background: rgba(206, 147, 216, 0.16); -} -.p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink { - background-color: rgba(206, 147, 216, 0.16); -} - -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { - background: rgba(239, 154, 154, 0.76); -} -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: rgba(239, 154, 154, 0.68); -} -.p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus { - background: rgba(239, 154, 154, 0.12); -} -.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { - background: rgba(239, 154, 154, 0.16); -} -.p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink { - background-color: rgba(239, 154, 154, 0.16); -} - -.p-calendar-w-btn { - border: 1px solid rgba(255, 255, 255, 0.3); - background: #1e1e1e; - border-radius: 4px; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-calendar-w-btn .p-inputtext { - background-image: none; - background-color: transparent; - border: 0 none; -} -.p-calendar-w-btn .p-inputtext:enabled:focus { - box-shadow: none; -} -.p-calendar-w-btn .p-datepicker-trigger.p-button { - background-color: transparent; - border: 0 none; -} -.p-calendar-w-btn .p-datepicker-trigger.p-button span { - color: rgba(255, 255, 255, 0.6); -} -.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover { - background: rgba(255, 255, 255, 0.04); -} -.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus { - background: rgba(255, 255, 255, 0.12); -} -.p-calendar-w-btn .p-datepicker-trigger.p-button:disabled { - background-color: transparent !important; -} -.p-calendar-w-btn:not(.p-calendar-disabled):hover { - border-color: rgba(255, 255, 255, 0.6); -} -.p-calendar-w-btn:not(.p-calendar-disabled).p-focus { - border-color: #CE93D8; - box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; -} -.p-calendar-w-btn.p-calendar-disabled { - opacity: 0.38; -} - -.p-datepicker .p-datepicker-header { - border-bottom: 0 none; -} -.p-datepicker .p-datepicker-header .p-datepicker-title { - margin: 0 auto 0 0; - order: 1; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev { - order: 2; -} -.p-datepicker .p-datepicker-header .p-datepicker-next { - order: 3; -} -.p-datepicker table th { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.38); - font-weight: 400; - font-size: 0.875rem; -} -.p-datepicker table td.p-datepicker-today > span { - box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38); -} -.p-datepicker table td.p-datepicker-today.p-highlight { - box-shadow: 0 0 0 1px rgba(206, 147, 216, 0.16); -} - -p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; -} -p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { - border-color: #f44435; -} -p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext:enabled:focus { - box-shadow: none; -} -p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; -} - -.p-input-filled .p-calendar-w-btn { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: rgba(255, 255, 255, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-calendar-w-btn .p-inputtext { - background-image: none; - background-color: transparent; -} -.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); - border-color: transparent; - background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); -} -.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:focus { - background-image: none; - background: transparent; -} -.p-input-filled .p-calendar-w-btn .p-inputtext { - border: 0 none; -} -.p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext { - border-color: transparent; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: none; - border-color: transparent; -} -.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { - border-color: transparent; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext { - border: 0 none; - background-image: none; -} - -.p-cascadeselect .p-inputtext, .p-cascadeselect .p-cascadeselect-trigger { - background-image: none; - background: transparent; -} -.p-cascadeselect .p-inputtext { - border: 0 none; -} -.p-cascadeselect:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; -} - -.p-cascadeselect-item .p-ink { - background-color: rgba(206, 147, 216, 0.16); -} - -.p-input-filled .p-cascadeselect { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: rgba(255, 255, 255, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-cascadeselect .p-inputtext { - background-image: none; - background-color: transparent; -} -.p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); - border-color: transparent; - background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); -} -.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus { - background-image: none; - background: transparent; -} -.p-input-filled .p-cascadeselect .p-inputtext { - border: 0 none; -} -.p-input-filled .p-cascadeselect .p-cascadeselect-label:hover { - background-image: none; - background: transparent; -} -.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect { - border-color: transparent; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} - -.p-input-filled .p-float-label .p-cascadeselect .p-cascadeselect-label { - padding-top: 1.5rem; - padding-bottom: 0.5rem; -} -.p-input-filled .p-float-label .p-inputwrapper-filled .p-cascadeselect .p-cascadeselect-label { - padding-top: 1.5rem; - padding-bottom: 0.5rem; -} -.p-input-filled .p-cascadeselect.p-invalid { - border-color: transparent; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} - -p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; -} - -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #A5D6A7; - color: #121212; -} - -.p-checkbox { - border-radius: 50%; - transition: box-shadow 0.2s; -} -.p-checkbox .p-checkbox-box { - border-color: rgba(255, 255, 255, 0.7); - border-radius: 2px; - position: relative; -} -.p-checkbox .p-checkbox-box:not(.p-disabled):hover { - border-color: rgba(255, 255, 255, 0.7); -} -.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { - border-color: rgba(255, 255, 255, 0.7); -} -.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus { - border-color: #CE93D8; -} -.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before { - content: ""; - position: absolute; - top: 6px; - left: 1px; - border-right: 2px solid transparent; - border-bottom: 2px solid transparent; - transform: rotate(45deg); - transform-origin: 0% 100%; - animation: checkbox-check 125ms 50ms linear forwards; -} -.p-checkbox:not(.p-checkbox-disabled):hover { - box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); -} -.p-checkbox:not(.p-checkbox-disabled).p-checkbox-focused { - box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); -} -.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover { - box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.04); -} -.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused { - box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.12); -} - -.p-input-filled .p-checkbox .p-checkbox-box { - background-color: #1e1e1e; -} -.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { - background-color: #1e1e1e; -} - -@keyframes checkbox-check { - 0% { - width: 0; - height: 0; - border-color: #121212; - transform: translate3d(0, 0, 0) rotate(45deg); - } - 33% { - width: 4px; - height: 0; - transform: translate3d(0, 0, 0) rotate(45deg); - } - 100% { - width: 4px; - height: 10px; - border-color: #121212; - transform: translate3d(0, -10px, 0) rotate(45deg); - } -} -.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; -} - -.p-input-filled .p-chips-multiple-container { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: rgba(255, 255, 255, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-chips-multiple-container .p-inputtext { - background-image: none; - background-color: transparent; -} -.p-input-filled .p-chips-multiple-container:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); - border-color: transparent; - background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); -} -.p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-chips-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:focus { - background-image: none; - background: transparent; -} - -.p-float-label .p-chips-multiple-container .p-chips-token { - padding: 0.25rem 1rem; -} - -.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token { - padding-top: 0; - padding-bottom: 0; -} -.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { - font-size: 75%; -} -.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token { - padding: 0; -} -.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container { - border-color: transparent; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} - -p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; -} - -.p-datatable .p-sortable-column { - outline: 0 none; -} -.p-datatable .p-sortable-column:focus { - background-color: rgba(255, 255, 255, 0.03); -} -.p-datatable .p-datatable-tbody > tr { - outline: 0 none; -} -.p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus { - background-color: rgba(255, 255, 255, 0.03); -} - -.p-dropdown .p-inputtext, .p-dropdown .p-dropdown-trigger { - background-image: none; - background: transparent; -} -.p-dropdown .p-inputtext { - border: 0 none; -} -.p-dropdown:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; -} - -.p-dropdown-item .p-ink { - background-color: rgba(206, 147, 216, 0.16); -} - -.p-input-filled .p-dropdown { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: rgba(255, 255, 255, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-dropdown .p-inputtext { - background-image: none; - background-color: transparent; -} -.p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); - border-color: transparent; - background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); -} -.p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-dropdown .p-inputtext:enabled:hover, .p-input-filled .p-dropdown .p-inputtext:enabled:focus { - background-image: none; - background: transparent; -} -.p-input-filled .p-dropdown .p-inputtext { - border: 0 none; -} -.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown { - border-color: transparent; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus, .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} - -p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; -} - -.p-galleria .p-galleria-indicators { - padding: 1rem; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #A5D6A7; - color: #121212; -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(165, 214, 167, 0.68); - color: #121212; -} - -.p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; -} -.p-inputtext:enabled:focus.ng-invalid.ng-dirty { - box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; -} - -.p-input-filled .p-inputtext { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: rgba(255, 255, 255, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-inputtext:enabled:hover { - background-color: rgba(255, 255, 255, 0.08); - border-color: transparent; - background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); -} -.p-input-filled .p-inputtext:enabled:focus { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-inputtext.ng-invalid.ng-dirty { - border-color: transparent; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled .p-inputtext.ng-invalid.ng-dirty:enabled:focus { - box-shadow: none; - border-color: transparent; -} - -.p-input-filled .p-inputgroup .p-inputgroup-addon { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: rgba(255, 255, 255, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-inputgroup .p-inputgroup-addon:last-child { - border-right-color: transparent; -} -.p-input-filled .p-inputgroup-addon:first-child, -.p-input-filled .p-inputgroup button:first-child, -.p-input-filled .p-inputgroup input:first-child { - border-bottom-left-radius: 0; -} -.p-input-filled .p-inputgroup .p-float-label:first-child input { - border-bottom-left-radius: 0; -} -.p-input-filled .p-inputgroup-addon:last-child, -.p-input-filled .p-inputgroup button:last-child, -.p-input-filled .p-inputgroup input:last-child { - border-bottom-right-radius: 0; -} -.p-input-filled .p-inputgroup .p-float-label:last-child input { - border-bottom-right-radius: 0; -} - -p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; -} - -.p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext { - border-color: transparent; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: none; - border-color: transparent; -} - -p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; -} - -.p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext { - border-color: transparent; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: none; - border-color: transparent; -} - -.p-inputswitch .p-inputswitch-slider:before { - transition-property: box-shadow transform; - box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); -} -.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before { - box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12), 0 0 1px 10px rgba(255, 255, 255, 0.04); -} -.p-inputswitch.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before { - box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); -} -.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before { - box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.04), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); -} -.p-inputswitch.p-inputswitch-checked.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before { - box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); -} - -.p-fieldset .p-fieldset-legend { - border: 0 none; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { - background: rgba(255, 255, 255, 0.12); -} - -.p-float-label input:focus ~ label, -.p-float-label input.p-filled ~ label, -.p-float-label textarea:focus ~ label, -.p-float-label textarea.p-filled ~ label, -.p-float-label .p-inputwrapper-focus ~ label, -.p-float-label .p-inputwrapper-filled ~ label { - top: -0.5rem !important; - background-color: #1e1e1e; - padding: 2px 4px; - margin-left: -4px; - margin-top: 0; -} - -.p-float-label textarea ~ label { - margin-top: 0; -} - -.p-float-label input:focus ~ label, -.p-float-label .p-inputwrapper-focus ~ label { - color: #CE93D8; -} - -.p-input-filled .p-float-label .p-inputtext { - padding-top: 1.5rem; - padding-bottom: 0.5rem; -} -.p-input-filled .p-float-label input:focus ~ label, -.p-input-filled .p-float-label input.p-filled ~ label, -.p-input-filled .p-float-label textarea:focus ~ label, -.p-input-filled .p-float-label textarea.p-filled ~ label, -.p-input-filled .p-float-label .p-inputwrapper-focus ~ label, -.p-input-filled .p-float-label .p-inputwrapper-filled ~ label { - top: 0.25rem !important; - margin-top: 0; - background: transparent; -} - -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-toolbar .fc-button:focus { - background: rgba(206, 147, 216, 0.76); -} -.fc.fc-unthemed .fc-toolbar .fc-button:active { - background: rgba(206, 147, 216, 0.68); -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:focus { - background: rgba(206, 147, 216, 0.76); -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:active { - background: rgba(206, 147, 216, 0.68); -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { - background: #1c1c1c; - border-color: rgba(255, 255, 255, 0.12); -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { - background: #262626; - border-color: rgba(255, 255, 255, 0.12); -} -.fc.fc-theme-standard .fc-toolbar .fc-button:focus { - background: rgba(206, 147, 216, 0.76); -} -.fc.fc-theme-standard .fc-toolbar .fc-button:active { - background: rgba(206, 147, 216, 0.68); -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:focus { - background: rgba(206, 147, 216, 0.76); -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:active { - background: rgba(206, 147, 216, 0.68); -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { - background: #1c1c1c; - border-color: rgba(255, 255, 255, 0.12); -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { - background: #262626; - border-color: rgba(255, 255, 255, 0.12); -} - -.p-listbox .p-listbox-list .p-listbox-item .p-ink { - background-color: rgba(206, 147, 216, 0.16); -} -.p-listbox .p-listbox-list .p-listbox-item:focus { - background: rgba(255, 255, 255, 0.12); -} -.p-listbox .p-listbox-list .p-listbox-item:focus.p-highlight { - background: rgba(206, 147, 216, 0.24); -} - -.p-megamenu .p-menuitem .p-menuitem-link:focus { - background: rgba(255, 255, 255, 0.12); -} - -.p-menu .p-menuitem .p-menuitem-link:focus { - background: rgba(255, 255, 255, 0.12); -} - -.p-menubar .p-menuitem .p-menuitem-link:focus { - background: rgba(255, 255, 255, 0.12); -} - -.p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger { - background-image: none; - background: transparent; -} -.p-multiselect .p-multiselect-label { - border: 0 none; -} -.p-multiselect:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; -} -.p-multiselect .p-multiselect-items .p-multiselect-item .p-ink { - background-color: rgba(206, 147, 216, 0.16); -} -.p-multiselect .p-multiselect-items .p-multiselect-item:focus { - background: rgba(255, 255, 255, 0.12); -} -.p-multiselect .p-multiselect-items .p-multiselect-item:focus.p-highlight { - background: rgba(206, 147, 216, 0.24); -} -.p-multiselect .p-multiselect-close:focus { - background: rgba(255, 255, 255, 0.12); -} - -.p-input-filled .p-multiselect { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: rgba(255, 255, 255, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-multiselect .p-inputtext { - background-image: none; - background-color: transparent; -} -.p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); - border-color: transparent; - background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); -} -.p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-multiselect .p-inputtext:enabled:hover, .p-input-filled .p-multiselect .p-inputtext:enabled:focus { - background-image: none; - background: transparent; -} -.p-input-filled .p-multiselect .p-multiselect-label:hover { - background-image: none; - background: transparent; -} - -.p-float-label .p-multiselect-label .p-multiselect-token { - padding: 0.25rem 1rem; - margin-top: 0.25rem; - margin-bottom: 0.25rem; -} - -.p-input-filled .p-float-label .p-multiselect .p-multiselect-label { - padding-top: 1.5rem; - padding-bottom: 0.5rem; -} -.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect .p-multiselect-label { - padding-top: 1.5rem; - padding-bottom: 0.5rem; -} -.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token { - padding-top: 0; - padding-bottom: 0; - margin-top: 0; - margin-bottom: 0; -} -.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { - font-size: 75%; -} -.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect { - border-color: transparent; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus, .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} - -p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; -} - -.p-orderlist .p-orderlist-list .p-orderlist-item:focus { - background: rgba(255, 255, 255, 0.12); -} -.p-orderlist .p-orderlist-list .p-orderlist-item:focus.p-highlight { - background: rgba(206, 147, 216, 0.24); -} - -.p-overlaypanel .p-overlaypanel-content { - padding: 1.5rem; -} - -.p-paginator { - justify-content: flex-end; -} -.p-paginator .p-paginator-element:focus { - background: rgba(255, 255, 255, 0.12); -} -.p-paginator .p-paginator-element:focus.p-highlight { - background: rgba(206, 147, 216, 0.24); -} - -.p-panel { - border-radius: 4px; - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); -} -.p-panel .p-panel-header, -.p-panel .p-panel-content, -.p-panel .p-panel-footer { - border: 0 none; -} -.p-panel .p-panel-content { - padding-top: 0; -} -.p-panel .p-panel-title { - font-size: 1.25rem; -} -.p-panel .p-panel-header-icon:focus { - background: rgba(255, 255, 255, 0.12); -} - -.p-panelmenu .p-panelmenu-panel { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - margin-bottom: 0; - border-radius: 0; - position: relative; - transition: margin-bottom 225ms; -} -.p-panelmenu .p-panelmenu-panel:first-child { - border-top-left-radius: 4px; - border-top-right-radius: 4px; -} -.p-panelmenu .p-panelmenu-panel:last-child { - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-icon { - order: 1; - margin-left: auto; - margin-right: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled { - opacity: 1; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-link > * { - opacity: 0.38; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-link:focus { - background: rgba(255, 255, 255, 0.04); -} -.p-panelmenu .p-panelmenu-panel .p-menuitem .p-menuitem-link:focus { - background: rgba(255, 255, 255, 0.12); -} - -.p-picklist .p-picklist-list .p-picklist-item:focus { - background: rgba(255, 255, 255, 0.12); -} -.p-picklist .p-picklist-list .p-picklist-item:focus.p-highlight { - background: rgba(206, 147, 216, 0.24); -} - -.p-progressbar { - border-radius: 0; -} -.p-progressbar .p-progressbar-label { - display: none; -} - -.p-radiobutton { - border-radius: 50%; - transition: box-shadow 0.2s; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border: 2px solid rgba(255, 255, 255, 0.7); -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - border: 2px solid rgba(255, 255, 255, 0.7); -} -.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus { - border-color: #CE93D8; -} -.p-radiobutton:not(.p-radiobutton-disabled):hover { - box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); -} -.p-radiobutton:not(.p-radiobutton-disabled).p-radiobutton-focused { - box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); -} -.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover { - box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.04); -} -.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused { - box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.12); -} - -.p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #1e1e1e; -} -.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #1e1e1e; -} - -.p-rating .p-rating-icon { - border-radius: 50%; - width: 2rem; - height: 2rem; - display: inline-flex; - justify-content: center; - align-items: center; - margin-left: 0; -} -.p-rating .p-rating-icon:focus { - background: rgba(206, 147, 216, 0.12); -} -.p-rating .p-rating-icon.p-rating-cancel:focus { - background: rgba(244, 68, 53, 0.12); -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { - background-color: rgba(0, 0, 0, 0.04); -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - background: rgba(244, 68, 53, 0.04); -} - -.p-selectbutton .p-button:focus { - background: #1c1c1c; - border-color: rgba(255, 255, 255, 0.12); -} -.p-selectbutton .p-button:focus.p-highlight { - background: #262626; - border-color: rgba(255, 255, 255, 0.12); -} - -.p-slidemenu .p-menuitem-link:focus { - background: rgba(255, 255, 255, 0.12); -} - -.p-slider .p-slider-handle { - transition: transform 0.2s, box-shadow 0.2s; - transform: scale(0.7); -} -.p-slider .p-slider-handle:focus { - box-shadow: 0 0 1px 10px rgba(165, 214, 167, 0.2); -} -.p-slider.p-slider-sliding .p-slider-handle { - transform: scale(1); -} - -.p-steps { - padding: 1rem 0; -} -.p-steps .p-steps-item { - justify-content: flex-start; - flex-direction: row-reverse; - align-items: center; -} -.p-steps .p-steps-item:before { - position: static; - left: auto; - top: auto; - margin-top: 0; -} -.p-steps .p-steps-item:last-child { - flex-grow: 0; -} -.p-steps .p-steps-item:last-child:before { - display: none; -} -.p-steps .p-steps-item .p-menuitem-link { - flex-direction: row; - flex: 1 1 auto; - overflow: visible; - padding: 1rem 0.5rem; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-number { - background-color: #9e9d9e; - color: #ffffff; - font-size: 0.857rem; - min-width: 1.714rem; - height: 1.714rem; - line-height: 1.714rem; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-title { - margin: 0; - padding-left: 0.5rem; -} -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { - background: rgba(255, 255, 255, 0.12); -} -.p-steps .p-steps-item.p-highlight .p-steps-number { - background-color: #CE93D8; - color: #121212; -} -.p-steps .p-steps-item.p-highlight .p-steps-title { - font-weight: 600; - color: rgba(255, 255, 255, 0.87); -} -.p-steps .p-steps-item.p-disabled { - opacity: 1; -} - -.p-tabview .p-tabview-nav { - position: relative; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link { - transition: background-color 0.2s; - border-radius: 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link > .p-ink { - background-color: rgba(206, 147, 216, 0.16); -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link:focus { - background-color: rgba(206, 147, 216, 0.12); -} -.p-tabview .p-tabview-nav .p-tabview-ink-bar { - z-index: 1; - display: block; - position: absolute; - bottom: 0; - height: 2px; - background-color: #CE93D8; - transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); -} - -.p-toolbar { - border: 0 none; -} - -.p-tooltip .p-tooltip-text { - box-shadow: none; - font-size: 0.875rem; -} -.p-tooltip .p-tooltip-arrow { - display: none; -} - -.p-tieredmenu .p-menuitem-link:focus { - background: rgba(255, 255, 255, 0.12); -} - -.p-treeselect .p-treeselect-label, .p-treeselect .p-treeselect-trigger { - background-image: none; - background: transparent; -} -.p-treeselect .p-treeselect-label { - border: 0 none; -} -.p-treeselect:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; -} - -.p-treeselect-item .p-ink { - background-color: rgba(206, 147, 216, 0.16); -} - -.p-input-filled .p-treeselect { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: rgba(255, 255, 255, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-treeselect .p-inputtext { - background-image: none; - background-color: transparent; -} -.p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); - border-color: transparent; - background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); -} -.p-input-filled .p-treeselect:not(.p-disabled).p-focus, .p-input-filled .p-treeselect:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-treeselect .p-inputtext:enabled:hover, .p-input-filled .p-treeselect .p-inputtext:enabled:focus { - background-image: none; - background: transparent; -} -.p-input-filled .p-treeselect .p-treeselect-label:hover { - background-image: none; - background: transparent; -} - -.p-float-label .p-treeselect-label .p-treeselect-token { - padding: 0.25rem 1rem; - margin-top: 0.25rem; - margin-bottom: 0.25rem; -} - -.p-input-filled .p-float-label .p-treeselect .p-treeselect-label { - padding-top: 1.5rem; - padding-bottom: 0.5rem; -} -.p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect .p-treeselect-label { - padding-top: 1.5rem; - padding-bottom: 0.5rem; -} -.p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-token { - padding-top: 0; - padding-bottom: 0; - margin-top: 0; - margin-bottom: 0; -} -.p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-token .p-treeselect-token-icon { - font-size: 75%; -} -.p-input-filled .p-treeselect.p-invalid { - border-color: transparent; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled .p-treeselect.p-invalid:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} - -.p-treeselect.p-invalid:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; -} - -.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - background: rgba(255, 255, 255, 0.12); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content:focus.p-highlight { - background: rgba(206, 147, 216, 0.24); -} - -.p-treetable .p-sortable-column { - outline: 0 none; -} -.p-treetable .p-sortable-column:focus { - background-color: rgba(255, 255, 255, 0.03); -} -.p-treetable .p-treetable-tbody > tr { - outline: 0 none; -} -.p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus { - background-color: rgba(255, 255, 255, 0.03); -} - -.p-tabmenu .p-tabmenu-nav { - position: relative; -} -.p-tabmenu .p-tabmenu-nav li .p-menuitem-link { - transition: background-color 0.2s; - border-radius: 0; -} -.p-tabmenu .p-tabmenu-nav li .p-menuitem-link > .p-ink { - background-color: rgba(206, 147, 216, 0.16); -} -.p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus { - background-color: rgba(206, 147, 216, 0.12); -} -.p-tabmenu .p-tabmenu-nav li.p-highlight .p-menuitem-link:focus { - background-color: rgba(206, 147, 216, 0.12); -} -.p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar { - display: block; - position: absolute; - bottom: 0; - height: 2px; - background-color: #CE93D8; - transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); -} - -.p-timeline.p-timeline-vertical .p-timeline-event-connector { - margin: 0.5rem 0; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-connector { - margin: 0 0.5rem; -} - -.p-togglebutton.p-button:focus { - background: #1c1c1c; - border-color: rgba(255, 255, 255, 0.12); -} -.p-togglebutton.p-button:focus.p-highlight { - background: #262626; - border-color: rgba(255, 255, 255, 0.12); -} - -/* Customizations to the designer theme should be defined here */ diff --git a/src/assets/theme/md-dark-indigo/theme.css b/src/assets/theme/md-dark-indigo/theme.css deleted file mode 100644 index 3922aa2..0000000 --- a/src/assets/theme/md-dark-indigo/theme.css +++ /dev/null @@ -1,7138 +0,0 @@ -:root { - --surface-a:#1e1e1e; - --surface-b:#121212; - --surface-c:hsla(0,0%,100%,.04); - --surface-d:hsla(0,0%,100%,.12); - --surface-e:#1e1e1e; - --surface-f:#262626; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#9FA8DA; - --primary-color-text:#121212; - --font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; - --surface-0: #121212; - --surface-50: #2a2a2a; - --surface-100: #414141; - --surface-200: #595959; - --surface-300: #717171; - --surface-400: #898989; - --surface-500: #a0a0a0; - --surface-600: #b8b8b8; - --surface-700: #d0d0d0; - --surface-800: #e7e7e7; - --surface-900: #ffffff; - --gray-50: #e7e7e7; - --gray-100: #d0d0d0; - --gray-200: #b8b8b8; - --gray-300: #a0a0a0; - --gray-400: #898989; - --gray-500: #717171; - --gray-600: #595959; - --gray-700: #414141; - --gray-800: #2a2a2a; - --gray-900: #121212; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:4px; - --surface-ground:#121212; - --surface-section:#121212; - --surface-card:#1e1e1e; - --surface-overlay:#262626; - --surface-border:hsla(0,0%,100%,.12); - --surface-hover:hsla(0,0%,100%,.04); - --maskbg: rgba(0, 0, 0, 0.32); - --focus-ring: none; -} - -/* roboto-regular - latin-ext_latin */ -@font-face { - font-family: "Roboto"; - font-style: normal; - font-weight: 400; - src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -/* roboto-500 - latin-ext_latin */ -@font-face { - font-family: "Roboto"; - font-style: normal; - font-weight: 500; - src: local("Roboto Medium"), local("Roboto-Medium"), url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-500.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -/* roboto-700 - latin-ext_latin */ -@font-face { - font-family: "Roboto"; - font-style: normal; - font-weight: 700; - src: local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -* { - box-sizing: border-box; -} - -.p-component { - font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; - font-size: 1rem; - font-weight: normal; -} - -.p-component-overlay { - background-color: rgba(0, 0, 0, 0.32); - transition-duration: 0.2s; -} - -.p-disabled, .p-component:disabled { - opacity: 0.38; -} - -.p-error { - color: #f44435; -} - -.p-text-secondary { - color: rgba(255, 255, 255, 0.6); -} - -.pi { - font-size: 1rem; -} - -.p-link { - font-size: 1rem; - font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; - border-radius: 4px; -} -.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-component-overlay-enter { - animation: p-component-overlay-enter-animation 150ms forwards; -} - -.p-component-overlay-leave { - animation: p-component-overlay-leave-animation 150ms forwards; -} - -@keyframes p-component-overlay-enter-animation { - from { - background-color: transparent; - } - to { - background-color: var(--maskbg); - } -} -@keyframes p-component-overlay-leave-animation { - from { - background-color: var(--maskbg); - } - to { - background-color: transparent; - } -} - -:root { - --blue-50:#f4fafe; - --blue-100:#cae6fc; - --blue-200:#a0d2fa; - --blue-300:#75bef8; - --blue-400:#4baaf5; - --blue-500:#2196f3; - --blue-600:#1c80cf; - --blue-700:#1769aa; - --blue-800:#125386; - --blue-900:#0d3c61; - --green-50:#f7faf5; - --green-100:#dbe8cf; - --green-200:#bed6a9; - --green-300:#a1c384; - --green-400:#85b15e; - --green-500:#689f38; - --green-600:#588730; - --green-700:#496f27; - --green-800:#39571f; - --green-900:#2a4016; - --yellow-50:#fffcf5; - --yellow-100:#fef0cd; - --yellow-200:#fde4a5; - --yellow-300:#fdd87d; - --yellow-400:#fccc55; - --yellow-500:#fbc02d; - --yellow-600:#d5a326; - --yellow-700:#b08620; - --yellow-800:#8a6a19; - --yellow-900:#644d12; - --cyan-50:#f2fcfd; - --cyan-100:#c2eff5; - --cyan-200:#91e2ed; - --cyan-300:#61d5e4; - --cyan-400:#30c9dc; - --cyan-500:#00bcd4; - --cyan-600:#00a0b4; - --cyan-700:#008494; - --cyan-800:#006775; - --cyan-900:#004b55; - --pink-50:#fef4f7; - --pink-100:#fac9da; - --pink-200:#f69ebc; - --pink-300:#f1749e; - --pink-400:#ed4981; - --pink-500:#e91e63; - --pink-600:#c61a54; - --pink-700:#a31545; - --pink-800:#801136; - --pink-900:#5d0c28; - --indigo-50:#f6f7fc; - --indigo-100:#d5d9ef; - --indigo-200:#b3bae2; - --indigo-300:#919cd5; - --indigo-400:#707dc8; - --indigo-500:#4e5fbb; - --indigo-600:#42519f; - --indigo-700:#374383; - --indigo-800:#2b3467; - --indigo-900:#1f264b; - --teal-50:#f2faf9; - --teal-100:#c2e6e2; - --teal-200:#91d2cc; - --teal-300:#61beb5; - --teal-400:#30aa9f; - --teal-500:#009688; - --teal-600:#008074; - --teal-700:#00695f; - --teal-800:#00534b; - --teal-900:#003c36; - --orange-50:#fffaf2; - --orange-100:#ffe6c2; - --orange-200:#ffd391; - --orange-300:#ffbf61; - --orange-400:#ffac30; - --orange-500:#ff9800; - --orange-600:#d98100; - --orange-700:#b36a00; - --orange-800:#8c5400; - --orange-900:#663d00; - --bluegray-50:#f7f9f9; - --bluegray-100:#d9e0e3; - --bluegray-200:#bbc7cd; - --bluegray-300:#9caeb7; - --bluegray-400:#7e96a1; - --bluegray-500:#607d8b; - --bluegray-600:#526a76; - --bluegray-700:#435861; - --bluegray-800:#35454c; - --bluegray-900:#263238; - --purple-50:#faf4fb; - --purple-100:#e7cbec; - --purple-200:#d4a2dd; - --purple-300:#c279ce; - --purple-400:#af50bf; - --purple-500:#9c27b0; - --purple-600:#852196; - --purple-700:#6d1b7b; - --purple-800:#561561; - --purple-900:#3e1046; -} - -.p-autocomplete .p-autocomplete-loader { - right: 1rem; -} -.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 4rem; -} -.p-autocomplete .p-autocomplete-multiple-container { - padding: 0.5rem 1rem; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: rgba(255, 255, 255, 0.6); -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #9FA8DA; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { - padding: 0.5rem 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - padding: 0; - margin: 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { - padding: 0.5rem 1rem; - margin-right: 0.5rem; - background: rgba(159, 168, 218, 0.16); - color: #9FA8DA; - border-radius: 4px; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; -} - -p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #f44435; -} - -.p-autocomplete-panel { - background: #2b2b2b; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} -.p-autocomplete-panel .p-autocomplete-items:not(.p-autocomplete-virtualscroll) { - padding: 0; -} -.p-autocomplete-panel .p-autocomplete-items.p-autocomplete-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { - margin: 0; - padding: 1rem 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: none; - border-radius: 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: #9FA8DA; - background: rgba(159, 168, 218, 0.16); -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 1rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { - margin: 0; - padding: 1rem; - color: rgba(255, 255, 255, 0.6); - background: transparent; - font-weight: 400; -} - -p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { - border-color: #f44435; -} - -.p-datepicker { - padding: 0.5rem; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.3); - border-radius: 4px; -} -.p-datepicker:not(.p-datepicker-inline) { - background: #2b2b2b; - border: 0 none; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} -.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { - background: #2b2b2b; -} -.p-datepicker .p-datepicker-header { - padding: 0.5rem; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - font-weight: 500; - margin: 0; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev, -.p-datepicker .p-datepicker-header .p-datepicker-next { - width: 2.5rem; - height: 2.5rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-datepicker .p-datepicker-header .p-datepicker-title { - line-height: 2.5rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - font-weight: 500; - padding: 0.5rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #9FA8DA; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - margin-right: 0.5rem; -} -.p-datepicker table { - font-size: 1rem; - margin: 0.5rem 0; -} -.p-datepicker table th { - padding: 0.5rem; -} -.p-datepicker table th > span { - width: 2.5rem; - height: 2.5rem; -} -.p-datepicker table td { - padding: 0.5rem; -} -.p-datepicker table td > span { - width: 2.5rem; - height: 2.5rem; - border-radius: 50%; - transition: none; - border: 1px solid transparent; -} -.p-datepicker table td > span.p-highlight { - color: #9FA8DA; - background: rgba(159, 168, 218, 0.16); -} -.p-datepicker table td > span:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-datepicker table td.p-datepicker-today > span { - background: transparent; - color: rgba(255, 255, 255, 0.87); - border-color: rgba(255, 255, 255, 0.5); -} -.p-datepicker table td.p-datepicker-today > span.p-highlight { - color: #9FA8DA; - background: rgba(159, 168, 218, 0.16); -} -.p-datepicker .p-datepicker-buttonbar { - padding: 1rem 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} -.p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; -} -.p-datepicker .p-timepicker { - border-top: 1px solid rgba(255, 255, 255, 0.12); - padding: 0.5rem; -} -.p-datepicker .p-timepicker button { - width: 2.5rem; - height: 2.5rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-timepicker button:enabled:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); -} -.p-datepicker .p-timepicker button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-datepicker .p-timepicker button:last-child { - margin-top: 0.2em; -} -.p-datepicker .p-timepicker span { - font-size: 1.25rem; -} -.p-datepicker .p-timepicker > div { - padding: 0 0.5rem; -} -.p-datepicker.p-datepicker-timeonly .p-timepicker { - border-top: 0 none; -} -.p-datepicker .p-monthpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-monthpicker .p-monthpicker-month { - padding: 0.5rem; - transition: none; - border-radius: 4px; -} -.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: #9FA8DA; - background: rgba(159, 168, 218, 0.16); -} -.p-datepicker .p-yearpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-yearpicker .p-yearpicker-year { - padding: 0.5rem; - transition: none; - border-radius: 4px; -} -.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { - color: #9FA8DA; - background: rgba(159, 168, 218, 0.16); -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid rgba(255, 255, 255, 0.12); - padding-right: 0.5rem; - padding-left: 0.5rem; - padding-top: 0; - padding-bottom: 0; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { - padding-left: 0; - border-left: 0 none; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { - padding-right: 0; -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -@media screen and (max-width: 769px) { - .p-datepicker table th, .p-datepicker table td { - padding: 0; - } -} -.p-cascadeselect { - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.3); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; -} -.p-cascadeselect:not(.p-disabled):hover { - border-color: rgba(255, 255, 255, 0.6); -} -.p-cascadeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #9FA8DA; -} -.p-cascadeselect .p-cascadeselect-label { - background: transparent; - border: 0 none; - padding: 1rem 1rem; -} -.p-cascadeselect .p-cascadeselect-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-cascadeselect .p-cascadeselect-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-cascadeselect .p-cascadeselect-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2.357rem; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-cascadeselect-panel { - background: #2b2b2b; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} -.p-cascadeselect-panel .p-cascadeselect-items { - padding: 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { - margin: 0; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: none; - border-radius: 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 1rem 1rem; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { - color: #9FA8DA; - background: rgba(159, 168, 218, 0.16); -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { - font-size: 0.875rem; -} - -p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #f44435; -} - -.p-input-filled .p-cascadeselect { - background: rgba(255, 255, 255, 0.06); -} -.p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); -} -.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.p-checkbox { - width: 18px; - height: 18px; -} -.p-checkbox .p-checkbox-box { - border: 2px solid rgba(255, 255, 255, 0.7); - background: #1e1e1e; - width: 18px; - height: 18px; - color: rgba(255, 255, 255, 0.87); - border-radius: 4px; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-checkbox .p-checkbox-box .p-checkbox-icon { - transition-duration: 0.2s; - color: #121212; - font-size: 14px; -} -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #9FA8DA; - background: #9FA8DA; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: rgba(255, 255, 255, 0.6); -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #9FA8DA; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #9FA8DA; - background: #9FA8DA; - color: #121212; -} - -p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #f44435; -} - -.p-input-filled .p-checkbox .p-checkbox-box { - background-color: rgba(255, 255, 255, 0.06); -} -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #9FA8DA; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: rgba(255, 255, 255, 0.08); -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #9FA8DA; -} - -.p-checkbox-label { - margin-left: 0.5rem; -} - -.p-chips .p-chips-multiple-container { - padding: 0.5rem 1rem; -} -.p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: rgba(255, 255, 255, 0.6); -} -.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #9FA8DA; -} -.p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.5rem 1rem; - margin-right: 0.5rem; - background: rgba(159, 168, 218, 0.16); - color: #9FA8DA; - border-radius: 4px; -} -.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { - margin-left: 0.5rem; -} -.p-chips .p-chips-multiple-container .p-chips-input-token { - padding: 0.5rem 0; -} -.p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - padding: 0; - margin: 0; -} - -p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { - border-color: #f44435; -} - -.p-colorpicker-preview, -.p-fluid .p-colorpicker-preview.p-inputtext { - width: 2rem; - height: 2rem; -} - -.p-colorpicker-panel { - background: #2b2b2b; - border: 1px solid #1e1e1e; -} -.p-colorpicker-panel .p-colorpicker-color-handle, -.p-colorpicker-panel .p-colorpicker-hue-handle { - border-color: #ffffff; -} - -.p-colorpicker-overlay-panel { - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} - -.p-dropdown { - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.3); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; -} -.p-dropdown:not(.p-disabled):hover { - border-color: rgba(255, 255, 255, 0.6); -} -.p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #9FA8DA; -} -.p-dropdown.p-dropdown-clearable .p-dropdown-label { - padding-right: 2rem; -} -.p-dropdown .p-dropdown-label { - background: transparent; - border: 0 none; -} -.p-dropdown .p-dropdown-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-dropdown .p-dropdown-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-dropdown .p-dropdown-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2.357rem; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} -.p-dropdown .p-dropdown-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 2.357rem; -} - -.p-dropdown-panel { - background: #2b2b2b; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} -.p-dropdown-panel .p-dropdown-header { - padding: 1rem; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - background: #2b2b2b; - margin: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { - padding-right: 2rem; - margin-right: -2rem; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { - right: 1rem; - color: rgba(255, 255, 255, 0.6); -} -.p-dropdown-panel .p-dropdown-items:not(.p-dropdown-virtualscroll) { - padding: 0; -} -.p-dropdown-panel .p-dropdown-items.p-dropdown-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item { - margin: 0; - padding: 1rem 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: none; - border-radius: 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: #9FA8DA; - background: rgba(159, 168, 218, 0.16); -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 1rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { - margin: 0; - padding: 1rem; - color: rgba(255, 255, 255, 0.6); - background: transparent; - font-weight: 400; -} - -p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #f44435; -} - -.p-input-filled .p-dropdown { - background: rgba(255, 255, 255, 0.06); -} -.p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); -} -.p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.p-editor-container .p-editor-toolbar { - background: #1e1e1e; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid rgba(255, 255, 255, 0.12); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #2b2b2b; - border: 0 none; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - border-radius: 4px; - padding: 0; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 1rem 1rem; -} -.p-editor-container .p-editor-content { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-editor-container .p-editor-content.ql-snow { - border: 1px solid rgba(255, 255, 255, 0.12); -} -.p-editor-container .p-editor-content .ql-editor { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #9FA8DA; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #9FA8DA; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #9FA8DA; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #9FA8DA; -} - -.p-inputgroup-addon { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.6); - border-top: 1px solid rgba(255, 255, 255, 0.3); - border-left: 1px solid rgba(255, 255, 255, 0.3); - border-bottom: 1px solid rgba(255, 255, 255, 0.3); - padding: 1rem 1rem; - min-width: 2.357rem; -} -.p-inputgroup-addon:last-child { - border-right: 1px solid rgba(255, 255, 255, 0.3); -} - -.p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, -.p-inputgroup > .p-float-label > .p-component { - border-radius: 0; - margin: 0; -} -.p-inputgroup > .p-component + .p-inputgroup-addon, -.p-inputgroup > .p-element + .p-inputgroup-addon, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, -.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { - border-left: 0 none; -} -.p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, -.p-inputgroup > .p-float-label > .p-component:focus { - z-index: 1; -} -.p-inputgroup > .p-component:focus ~ label, -.p-inputgroup > .p-element:focus ~ label, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, -.p-inputgroup > .p-float-label > .p-component:focus ~ label { - z-index: 1; -} - -.p-inputgroup-addon:first-child, -.p-inputgroup button:first-child, -.p-inputgroup input:first-child, -.p-inputgroup > .p-inputwrapper:first-child > .p-component, -.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-inputgroup .p-float-label:first-child input { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-inputgroup-addon:last-child, -.p-inputgroup button:last-child, -.p-inputgroup input:last-child, -.p-inputgroup > .p-inputwrapper:last-child > .p-component, -.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-inputgroup .p-float-label:last-child input { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-fluid .p-inputgroup .p-button { - width: auto; -} -.p-fluid .p-inputgroup .p-button.p-button-icon-only { - width: 3rem; -} - -p-inputmask.ng-dirty.ng-invalid > .p-inputtext { - border-color: #f44435; -} - -p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { - border-color: #f44435; -} - -.p-inputswitch { - width: 2.75rem; - height: 1rem; -} -.p-inputswitch .p-inputswitch-slider { - background: rgba(255, 255, 255, 0.3); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 0.5rem; -} -.p-inputswitch .p-inputswitch-slider:before { - background: #bdbdbd; - width: 1.5rem; - height: 1.5rem; - left: -1px; - margin-top: -0.75rem; - border-radius: 50%; - transition-duration: 0.2s; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - transform: translateX(1.5rem); -} -.p-inputswitch.p-focus .p-inputswitch-slider { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: rgba(255, 255, 255, 0.3); -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: rgba(159, 168, 218, 0.5); -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: #9FA8DA; -} -.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: rgba(159, 168, 218, 0.5); -} - -p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { - border-color: #f44435; -} - -.p-inputtext { - font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - padding: 1rem 1rem; - border: 1px solid rgba(255, 255, 255, 0.3); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - appearance: none; - border-radius: 4px; -} -.p-inputtext:enabled:hover { - border-color: rgba(255, 255, 255, 0.6); -} -.p-inputtext:enabled:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #9FA8DA; -} -.p-inputtext.ng-dirty.ng-invalid { - border-color: #f44435; -} -.p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.875rem 0.875rem; -} -.p-inputtext.p-inputtext-lg { - font-size: 1.25rem; - padding: 1.25rem 1.25rem; -} - -.p-float-label > label { - left: 1rem; - color: rgba(255, 255, 255, 0.6); - transition-duration: 0.2s; -} - -.p-float-label > .ng-invalid.ng-dirty + label { - color: #f44435; -} - -.p-input-icon-left > i:first-of-type { - left: 1rem; - color: rgba(255, 255, 255, 0.6); -} - -.p-input-icon-left > .p-inputtext { - padding-left: 3rem; -} - -.p-input-icon-left.p-float-label > label { - left: 3rem; -} - -.p-input-icon-right > i:last-of-type { - right: 1rem; - color: rgba(255, 255, 255, 0.6); -} - -.p-input-icon-right > .p-inputtext { - padding-right: 3rem; -} - -::-webkit-input-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -:-moz-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -::-moz-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -:-ms-input-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -.p-input-filled .p-inputtext { - background-color: rgba(255, 255, 255, 0.06); -} -.p-input-filled .p-inputtext:enabled:hover { - background-color: rgba(255, 255, 255, 0.08); -} -.p-input-filled .p-inputtext:enabled:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.p-inputtext-sm .p-inputtext { - font-size: 0.875rem; - padding: 0.875rem 0.875rem; -} - -.p-inputtext-lg .p-inputtext { - font-size: 1.25rem; - padding: 1.25rem 1.25rem; -} - -.p-listbox { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.3); - border-radius: 4px; -} -.p-listbox .p-listbox-header { - padding: 1rem; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - margin: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-listbox .p-listbox-header .p-listbox-filter { - padding-right: 2rem; -} -.p-listbox .p-listbox-header .p-listbox-filter-icon { - right: 1rem; - color: rgba(255, 255, 255, 0.6); -} -.p-listbox .p-listbox-header .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list { - padding: 0; -} -.p-listbox .p-listbox-list .p-listbox-item { - margin: 0; - padding: 1rem 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - transition: none; - border-radius: 0; -} -.p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: #9FA8DA; - background: rgba(159, 168, 218, 0.16); -} -.p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list .p-listbox-item-group { - margin: 0; - padding: 1rem; - color: rgba(255, 255, 255, 0.6); - background: transparent; - font-weight: 400; -} -.p-listbox .p-listbox-list .p-listbox-empty-message { - padding: 1rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); -} - -p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #f44435; -} - -.p-multiselect { - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.3); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; -} -.p-multiselect:not(.p-disabled):hover { - border-color: rgba(255, 255, 255, 0.6); -} -.p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #9FA8DA; -} -.p-multiselect .p-multiselect-label { - padding: 1rem 1rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-multiselect .p-multiselect-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-multiselect.p-multiselect-chip .p-multiselect-token { - padding: 0.5rem 1rem; - margin-right: 0.5rem; - background: rgba(159, 168, 218, 0.16); - color: #9FA8DA; - border-radius: 4px; -} -.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { - margin-left: 0.5rem; -} -.p-multiselect .p-multiselect-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2.357rem; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { - padding: 0.5rem 1rem; -} - -.p-multiselect-panel { - background: #2b2b2b; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} -.p-multiselect-panel .p-multiselect-header { - padding: 1rem; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - background: #2b2b2b; - margin: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { - padding-right: 2rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { - right: 1rem; - color: rgba(255, 255, 255, 0.6); -} -.p-multiselect-panel .p-multiselect-header .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close { - margin-left: 0.5rem; - width: 2.5rem; - height: 2.5rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-multiselect-panel .p-multiselect-items:not(.p-multiselect-virtualscroll) { - padding: 0; -} -.p-multiselect-panel .p-multiselect-items.p-multiselect-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item { - margin: 0; - padding: 1rem 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: none; - border-radius: 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: #9FA8DA; - background: rgba(159, 168, 218, 0.16); -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { - margin: 0; - padding: 1rem; - color: rgba(255, 255, 255, 0.6); - background: transparent; - font-weight: 400; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { - padding: 1rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} - -p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #f44435; -} - -.p-input-filled .p-multiselect { - background: rgba(255, 255, 255, 0.06); -} -.p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); -} -.p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: rgba(255, 255, 255, 0.1); -} - -p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #f44435; -} - -.p-password-panel { - padding: 1rem; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - border-radius: 4px; -} -.p-password-panel .p-password-meter { - margin-bottom: 0.5rem; - background: rgba(159, 168, 218, 0.32); -} -.p-password-panel .p-password-meter .p-password-strength.weak { - background: #EF9A9A; -} -.p-password-panel .p-password-meter .p-password-strength.medium { - background: #FFF59D; -} -.p-password-panel .p-password-meter .p-password-strength.strong { - background: #C5E1A5; -} - -.p-radiobutton { - width: 20px; - height: 20px; -} -.p-radiobutton .p-radiobutton-box { - border: 2px solid rgba(255, 255, 255, 0.7); - background: #1e1e1e; - width: 20px; - height: 20px; - color: rgba(255, 255, 255, 0.87); - border-radius: 50%; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: rgba(255, 255, 255, 0.6); -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #9FA8DA; -} -.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - width: 10px; - height: 10px; - transition-duration: 0.2s; - background-color: #9FA8DA; -} -.p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #9FA8DA; - background: #121212; -} -.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #9FA8DA; - background: #121212; - color: #9FA8DA; -} - -p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #f44435; -} - -.p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: rgba(255, 255, 255, 0.06); -} -.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #121212; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #121212; -} - -.p-radiobutton-label { - margin-left: 0.5rem; -} - -.p-rating .p-rating-icon { - color: #9FA8DA; - margin-left: 0.5rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - font-size: 1.143rem; -} -.p-rating .p-rating-icon.p-rating-cancel { - color: #f44435; -} -.p-rating .p-rating-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-rating .p-rating-icon:first-child { - margin-left: 0; -} -.p-rating .p-rating-icon.pi-star-fill { - color: #9FA8DA; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { - color: #9FA8DA; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - color: #f44435; -} - -.p-selectbutton .p-button { - background: #2f2f2f; - border: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-selectbutton .p-button .p-button-icon-left, -.p-selectbutton .p-button .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { - background: #373737; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-selectbutton .p-button.p-highlight { - background: #1c1c1c; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.p-selectbutton .p-button.p-highlight .p-button-icon-left, -.p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-selectbutton .p-button.p-highlight:hover { - background: #262626; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} - -p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #f44435; -} - -.p-slider { - background: rgba(255, 255, 255, 0.3); - border: 0 none; - border-radius: 4px; -} -.p-slider.p-slider-horizontal { - height: 2px; -} -.p-slider.p-slider-horizontal .p-slider-handle { - margin-top: -10px; - margin-left: -10px; -} -.p-slider.p-slider-vertical { - width: 2px; -} -.p-slider.p-slider-vertical .p-slider-handle { - margin-left: -10px; - margin-bottom: -10px; -} -.p-slider .p-slider-handle { - height: 20px; - width: 20px; - background: #9FA8DA; - border: 0 none; - border-radius: 50%; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-slider .p-slider-handle:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-slider .p-slider-range { - background: #9FA8DA; -} -.p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #9FA8DA; - border-color: 0 none; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), left 0.2s; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { - transition: width 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), bottom 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { - transition: height 0.2s; -} - -.p-togglebutton.p-button { - background: #2f2f2f; - border: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-togglebutton.p-button .p-button-icon-left, -.p-togglebutton.p-button .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { - background: #373737; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-togglebutton.p-button.p-highlight { - background: #1c1c1c; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.p-togglebutton.p-button.p-highlight .p-button-icon-left, -.p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-togglebutton.p-button.p-highlight:hover { - background: #262626; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} - -p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #f44435; -} - -.p-treeselect { - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.3); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; -} -.p-treeselect:not(.p-disabled):hover { - border-color: rgba(255, 255, 255, 0.6); -} -.p-treeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #9FA8DA; -} -.p-treeselect .p-treeselect-label { - padding: 1rem 1rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-treeselect .p-treeselect-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-treeselect.p-treeselect-chip .p-treeselect-token { - padding: 0.5rem 1rem; - margin-right: 0.5rem; - background: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; -} -.p-treeselect .p-treeselect-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2.357rem; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -p-treeselect.ng-invalid.ng-dirty > .p-treeselect { - border-color: #f44435; -} - -.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { - padding: 0.5rem 1rem; -} - -.p-treeselect-panel { - background: #2b2b2b; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { - border: 0 none; -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { - padding: 1rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} - -.p-input-filled .p-treeselect { - background: rgba(255, 255, 255, 0.06); -} -.p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); -} -.p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.p-button { - color: #121212; - background: #9FA8DA; - border: 0 none; - padding: 0.714rem 1rem; - font-size: 1rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; -} -.p-button:enabled:hover { - background: rgba(159, 168, 218, 0.92); - color: #121212; - border-color: transparent; -} -.p-button:enabled:active { - background: rgba(159, 168, 218, 0.68); - color: #121212; - border-color: transparent; -} -.p-button.p-button-outlined { - background-color: transparent; - color: #9FA8DA; - border: 0 none; -} -.p-button.p-button-outlined:enabled:hover { - background: rgba(159, 168, 218, 0.04); - color: #9FA8DA; - border: 0 none; -} -.p-button.p-button-outlined:enabled:active { - background: rgba(159, 168, 218, 0.16); - color: #9FA8DA; - border: 0 none; -} -.p-button.p-button-outlined.p-button-plain { - color: rgba(255, 255, 255, 0.6); - border-color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-outlined.p-button-plain:enabled:hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-outlined.p-button-plain:enabled:active { - background: rgba(255, 255, 255, 0.16); - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-text { - background-color: transparent; - color: #9FA8DA; - border-color: transparent; -} -.p-button.p-button-text:enabled:hover { - background: rgba(159, 168, 218, 0.04); - color: #9FA8DA; - border-color: transparent; -} -.p-button.p-button-text:enabled:active { - background: rgba(159, 168, 218, 0.16); - color: #9FA8DA; - border-color: transparent; -} -.p-button.p-button-text.p-button-plain { - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-text.p-button-plain:enabled:hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-text.p-button-plain:enabled:active { - background: rgba(255, 255, 255, 0.16); - color: rgba(255, 255, 255, 0.6); -} -.p-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-button .p-button-icon-left { - margin-right: 0.5rem; -} -.p-button .p-button-icon-right { - margin-left: 0.5rem; -} -.p-button .p-button-icon-bottom { - margin-top: 0.5rem; -} -.p-button .p-button-icon-top { - margin-bottom: 0.5rem; -} -.p-button .p-badge { - margin-left: 0.5rem; - min-width: 1rem; - height: 1rem; - line-height: 1rem; - color: #9FA8DA; - background-color: #121212; -} -.p-button.p-button-raised { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -} -.p-button.p-button-rounded { - border-radius: 2rem; -} -.p-button.p-button-icon-only { - width: 3rem; - padding: 0.714rem; -} -.p-button.p-button-icon-only .p-button-icon-left, -.p-button.p-button-icon-only .p-button-icon-right { - margin: 0; -} -.p-button.p-button-icon-only.p-button-rounded { - border-radius: 50%; - height: 3rem; -} -.p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.62475rem 0.875rem; -} -.p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; -} -.p-button.p-button-lg { - font-size: 1.25rem; - padding: 0.8925rem 1.25rem; -} -.p-button.p-button-lg .p-button-icon { - font-size: 1.25rem; -} -.p-button.p-button-loading-label-only .p-button-label { - margin-left: 0.5rem; -} -.p-button.p-button-loading-label-only .p-button-loading-icon { - margin-right: 0; -} - -.p-fluid .p-button { - width: 100%; -} -.p-fluid .p-button-icon-only { - width: 3rem; -} -.p-fluid .p-buttonset { - display: flex; -} -.p-fluid .p-buttonset .p-button { - flex: 1; -} - -.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { - color: #121212; - background: #F48FB1; - border: 0 none; -} -.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { - background: rgba(244, 143, 177, 0.92); - color: #121212; - border-color: transparent; -} -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - box-shadow: none; -} -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: rgba(244, 143, 177, 0.68); - color: #121212; - border-color: transparent; -} -.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { - background-color: transparent; - color: #F48FB1; - border: 0 none; -} -.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { - background: rgba(244, 143, 177, 0.04); - color: #F48FB1; - border: 0 none; -} -.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { - background: rgba(244, 143, 177, 0.16); - color: #F48FB1; - border: 0 none; -} -.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { - background-color: transparent; - color: #F48FB1; - border-color: transparent; -} -.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { - background: rgba(244, 143, 177, 0.04); - border-color: transparent; - color: #F48FB1; -} -.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { - background: rgba(244, 143, 177, 0.16); - border-color: transparent; - color: #F48FB1; -} - -.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { - color: #212121; - background: #90CAF9; - border: 0 none; -} -.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { - background: rgba(144, 202, 249, 0.92); - color: #212121; - border-color: transparent; -} -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { - box-shadow: none; -} -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: rgba(144, 202, 249, 0.68); - color: #212121; - border-color: transparent; -} -.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { - background-color: transparent; - color: #90CAF9; - border: 0 none; -} -.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { - background: rgba(144, 202, 249, 0.04); - color: #90CAF9; - border: 0 none; -} -.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { - background: rgba(144, 202, 249, 0.16); - color: #90CAF9; - border: 0 none; -} -.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { - background-color: transparent; - color: #90CAF9; - border-color: transparent; -} -.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { - background: rgba(144, 202, 249, 0.04); - border-color: transparent; - color: #90CAF9; -} -.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { - background: rgba(144, 202, 249, 0.16); - border-color: transparent; - color: #90CAF9; -} - -.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { - color: #212121; - background: #C5E1A5; - border: 0 none; -} -.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { - background: rgba(197, 225, 165, 0.92); - color: #212121; - border-color: transparent; -} -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { - box-shadow: none; -} -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: rgba(197, 225, 165, 0.68); - color: #212121; - border-color: transparent; -} -.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { - background-color: transparent; - color: #C5E1A5; - border: 0 none; -} -.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { - background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; - border: 0 none; -} -.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { - background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; - border: 0 none; -} -.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { - background-color: transparent; - color: #C5E1A5; - border-color: transparent; -} -.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { - background: rgba(197, 225, 165, 0.04); - border-color: transparent; - color: #C5E1A5; -} -.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { - background: rgba(197, 225, 165, 0.16); - border-color: transparent; - color: #C5E1A5; -} - -.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { - color: #212121; - background: #FFF59D; - border: 0 none; -} -.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { - background: rgba(255, 245, 157, 0.92); - color: #212121; - border-color: transparent; -} -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { - box-shadow: none; -} -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: rgba(255, 245, 157, 0.68); - color: #212121; - border-color: transparent; -} -.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { - background-color: transparent; - color: #FFF59D; - border: 0 none; -} -.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { - background: rgba(255, 245, 157, 0.04); - color: #FFF59D; - border: 0 none; -} -.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { - background: rgba(255, 245, 157, 0.16); - color: #FFF59D; - border: 0 none; -} -.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { - background-color: transparent; - color: #FFF59D; - border-color: transparent; -} -.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { - background: rgba(255, 245, 157, 0.04); - border-color: transparent; - color: #FFF59D; -} -.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { - background: rgba(255, 245, 157, 0.16); - border-color: transparent; - color: #FFF59D; -} - -.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { - color: #212121; - background: #CE93D8; - border: 0 none; -} -.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { - background: rgba(206, 147, 216, 0.92); - color: #212121; - border-color: transparent; -} -.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - box-shadow: none; -} -.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: rgba(206, 147, 216, 0.68); - color: #212121; - border-color: transparent; -} -.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { - background-color: transparent; - color: #CE93D8; - border: 0 none; -} -.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { - background: rgba(206, 147, 216, 0.04); - color: #CE93D8; - border: 0 none; -} -.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { - background: rgba(206, 147, 216, 0.16); - color: #CE93D8; - border: 0 none; -} -.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { - background-color: transparent; - color: #CE93D8; - border-color: transparent; -} -.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { - background: rgba(206, 147, 216, 0.04); - border-color: transparent; - color: #CE93D8; -} -.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { - background: rgba(206, 147, 216, 0.16); - border-color: transparent; - color: #CE93D8; -} - -.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { - color: #212121; - background: #EF9A9A; - border: 0 none; -} -.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { - background: rgba(239, 154, 154, 0.92); - color: #212121; - border-color: transparent; -} -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { - box-shadow: none; -} -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: rgba(239, 154, 154, 0.68); - color: #212121; - border-color: transparent; -} -.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { - background-color: transparent; - color: #EF9A9A; - border: 0 none; -} -.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { - background: rgba(239, 154, 154, 0.04); - color: #EF9A9A; - border: 0 none; -} -.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { - background: rgba(239, 154, 154, 0.16); - color: #EF9A9A; - border: 0 none; -} -.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { - background-color: transparent; - color: #EF9A9A; - border-color: transparent; -} -.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { - background: rgba(239, 154, 154, 0.04); - border-color: transparent; - color: #EF9A9A; -} -.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { - background: rgba(239, 154, 154, 0.16); - border-color: transparent; - color: #EF9A9A; -} - -.p-button.p-button-link { - color: #9FA8DA; - background: transparent; - border: transparent; -} -.p-button.p-button-link:enabled:hover { - background: transparent; - color: #9FA8DA; - border-color: transparent; -} -.p-button.p-button-link:enabled:hover .p-button-label { - text-decoration: underline; -} -.p-button.p-button-link:enabled:focus { - background: transparent; - box-shadow: none; - border-color: transparent; -} -.p-button.p-button-link:enabled:active { - background: transparent; - color: #9FA8DA; - border-color: transparent; -} - -.p-speeddial-button.p-button.p-button-icon-only { - width: 4rem; - height: 4rem; -} -.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { - font-size: 2rem; -} - -.p-speeddial-action { - width: 3rem; - height: 3rem; - background: #F48FB1; - color: #212121; -} -.p-speeddial-action:hover { - background: rgba(244, 143, 177, 0.92); - color: #212121; -} - -.p-speeddial-direction-up .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-up .p-speeddial-item:first-child { - margin-bottom: 0.5rem; -} - -.p-speeddial-direction-down .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-down .p-speeddial-item:first-child { - margin-top: 0.5rem; -} - -.p-speeddial-direction-left .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-left .p-speeddial-item:first-child { - margin-right: 0.5rem; -} - -.p-speeddial-direction-right .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-right .p-speeddial-item:first-child { - margin-left: 0.5rem; -} - -.p-speeddial-circle .p-speeddial-item, -.p-speeddial-semi-circle .p-speeddial-item, -.p-speeddial-quarter-circle .p-speeddial-item { - margin: 0; -} -.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, -.p-speeddial-semi-circle .p-speeddial-item:first-child, -.p-speeddial-semi-circle .p-speeddial-item:last-child, -.p-speeddial-quarter-circle .p-speeddial-item:first-child, -.p-speeddial-quarter-circle .p-speeddial-item:last-child { - margin: 0; -} - -.p-speeddial-mask { - background-color: rgba(0, 0, 0, 0.32); -} - -.p-carousel .p-carousel-content .p-carousel-prev, -.p-carousel .p-carousel-content .p-carousel-next { - width: 2.5rem; - height: 2.5rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin: 0.5rem; -} -.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, -.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); -} -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-carousel .p-carousel-indicators { - padding: 1rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator { - margin-right: 0.5rem; - margin-bottom: 0.5rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: rgba(255, 255, 255, 0.3); - width: 2rem; - height: 0.5rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 0; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { - background: rgba(255, 255, 255, 0.6); -} -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: rgba(159, 168, 218, 0.16); - color: #9FA8DA; -} - -.p-datatable .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-datatable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-datatable .p-datatable-header { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.12); - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 500; -} -.p-datatable .p-datatable-footer { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #404040; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 500; -} -.p-datatable .p-datatable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #404040; - border-width: 0 0 1px 0; - font-weight: 500; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - transition: none; -} -.p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid 3404040; - border-width: 0 0 1px 0; - font-weight: 500; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; -} -.p-datatable .p-sortable-column .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: #9FA8DA; - background: rgba(159, 168, 218, 0.16); - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-datatable .p-sortable-column.p-highlight { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column.p-highlight:hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column:focus { - box-shadow: none; - outline: 0 none; -} -.p-datatable .p-datatable-tbody > tr { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - transition: none; - outline-color: transparent; -} -.p-datatable .p-datatable-tbody > tr > td { - text-align: left; - border: 1px solid #404040; - border-width: 0 0 1px 0; - padding: 1rem 1rem; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { - width: 2.5rem; - height: 2.5rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { - margin-right: 0.5rem; -} -.p-datatable .p-datatable-tbody > tr.p-highlight { - background: rgba(159, 168, 218, 0.16); - color: #9FA8DA; -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 rgba(159, 168, 218, 0.16); -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 rgba(159, 168, 218, 0.16); -} -.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-column-resizer-helper { - background: #9FA8DA; -} -.p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #1e1e1e; -} -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot { - background-color: #1e1e1e; -} -.p-datatable .p-datatable-loading-icon { - font-size: 2rem; -} -.p-datatable.p-datatable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-footer { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-top { - border-width: 0 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-bottom { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { - background: rgba(255, 255, 255, 0.02); -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: rgba(159, 168, 218, 0.16); - color: #9FA8DA; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: #9FA8DA; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: #9FA8DA; -} -.p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-lg .p-datatable-header { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-footer { - padding: 1.25rem 1.25rem; -} - -.p-dataview .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-dataview .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-dataview .p-dataview-header { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.12); - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 500; -} -.p-dataview .p-dataview-content { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 1rem 0; -} -.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid rgba(255, 255, 255, 0.12); - border-width: 0 0 1px 0; -} -.p-dataview .p-dataview-footer { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #404040; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 500; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; -} -.p-dataview .p-dataview-loading-icon { - font-size: 2rem; -} -.p-dataview .p-dataview-emptymessage { - padding: 1rem; -} - -.p-column-filter-row .p-column-filter-menu-button, -.p-column-filter-row .p-column-filter-clear-button { - margin-left: 0.5rem; -} - -.p-column-filter-menu-button { - width: 2.5rem; - height: 2.5rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-menu-button:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); -} -.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.6); -} -.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: rgba(159, 168, 218, 0.16); - color: #9FA8DA; -} -.p-column-filter-menu-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-column-filter-clear-button { - width: 2.5rem; - height: 2.5rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-clear-button:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); -} -.p-column-filter-clear-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-column-filter-overlay { - background: #2b2b2b; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - min-width: 12.5rem; -} -.p-column-filter-overlay .p-column-filter-row-items { - padding: 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { - margin: 0; - padding: 1rem 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: none; - border-radius: 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: #9FA8DA; - background: rgba(159, 168, 218, 0.16); -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid rgba(255, 255, 255, 0.12); - margin: 0.5rem 0; -} - -.p-column-filter-overlay-menu .p-column-filter-operator { - padding: 1rem; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - background: #2b2b2b; - margin: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-column-filter-overlay-menu .p-column-filter-constraint { - padding: 1rem; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { - margin-bottom: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { - margin-top: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { - border-bottom: 0 none; -} -.p-column-filter-overlay-menu .p-column-filter-add-rule { - padding: 1rem 1rem; -} -.p-column-filter-overlay-menu .p-column-filter-buttonbar { - padding: 1rem; -} - -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid rgba(255, 255, 255, 0.12); -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid rgba(255, 255, 255, 0.12); -} -.fc.fc-unthemed .fc-view-container .fc-event { - background: rgba(159, 168, 218, 0.16); - border: 1px solid rgba(159, 168, 218, 0.16); - color: #9FA8DA; -} -.fc.fc-unthemed .fc-view-container .fc-divider { - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.12); -} -.fc.fc-unthemed .fc-toolbar .fc-button { - color: #121212; - background: #9FA8DA; - border: 0 none; - font-size: 1rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; - display: flex; - align-items: center; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: rgba(159, 168, 218, 0.92); - color: #121212; - border-color: transparent; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: rgba(159, 168, 218, 0.68); - color: #121212; - border-color: transparent; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #2f2f2f; - border: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #373737; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #1c1c1c; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #262626; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - z-index: 1; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} -.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: rgba(255, 255, 255, 0.12); -} -.fc.fc-theme-standard .fc-view-harness th { - background: #1e1e1e; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness td { - color: rgba(255, 255, 255, 0.87); - border-color: rgba(255, 255, 255, 0.12); -} -.fc.fc-theme-standard .fc-view-harness .fc-view { - background: #1e1e1e; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 1rem; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2.5rem; - height: 2.5rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1rem; - border: 1px solid rgba(255, 255, 255, 0.12); - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #9FA8DA; - background: rgba(159, 168, 218, 0.16); - border-color: rgba(159, 168, 218, 0.16); -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #9FA8DA; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: rgba(159, 168, 218, 0.16); - border-color: rgba(159, 168, 218, 0.16); -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #1e1e1e; -} -.fc.fc-theme-standard .fc-toolbar .fc-button { - color: #121212; - background: #9FA8DA; - border: 0 none; - font-size: 1rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: rgba(159, 168, 218, 0.92); - color: #121212; - border-color: transparent; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: rgba(159, 168, 218, 0.68); - color: #121212; - border-color: transparent; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.38; - color: #121212; - background: #9FA8DA; - border: 0 none; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #2f2f2f; - border: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #373737; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #1c1c1c; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #262626; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - z-index: 1; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} -.fc.fc-theme-standard a { - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-highlight { - color: #9FA8DA; - background: rgba(159, 168, 218, 0.16); -} - -.p-orderlist .p-orderlist-controls { - padding: 1rem; -} -.p-orderlist .p-orderlist-controls .p-button { - margin-bottom: 0.5rem; -} -.p-orderlist .p-orderlist-header { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-orderlist .p-orderlist-header .p-orderlist-title { - font-weight: 500; -} -.p-orderlist .p-orderlist-filter-container { - padding: 1rem; - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 0 none; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { - padding-right: 2rem; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { - right: 1rem; - color: rgba(255, 255, 255, 0.6); -} -.p-orderlist .p-orderlist-list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - padding: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-orderlist .p-orderlist-list .p-orderlist-item { - padding: 1rem 1rem; - margin: 0; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: none; -} -.p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #9FA8DA; - background: rgba(159, 168, 218, 0.16); -} -.p-orderlist .p-orderlist-list .p-orderlist-empty-message { - padding: 1rem 1rem; - color: rgba(255, 255, 255, 0.87); -} -.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} - -.p-orderlist-item.cdk-drag-preview { - padding: 1rem 1rem; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - margin: 0; -} - -.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-organizationchart .p-organizationchart-node-content.p-highlight { - background: rgba(159, 168, 218, 0.16); - color: #9FA8DA; -} -.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: rgba(69, 86, 180, 0.16); -} -.p-organizationchart .p-organizationchart-line-down { - background: rgba(255, 255, 255, 0.12); -} -.p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-color: rgba(255, 255, 255, 0.12); -} -.p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-color: rgba(255, 255, 255, 0.12); -} -.p-organizationchart .p-organizationchart-node-content { - border: 1px solid rgba(255, 255, 255, 0.12); - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - padding: 1rem; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler { - background: inherit; - color: inherit; - border-radius: 50%; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-paginator { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: solid #404040; - border-width: 0; - padding: 0.5rem 1rem; - border-radius: 4px; -} -.p-paginator .p-paginator-first, -.p-paginator .p-paginator-prev, -.p-paginator .p-paginator-next, -.p-paginator .p-paginator-last { - background-color: transparent; - border: 0 none; - color: rgba(255, 255, 255, 0.6); - min-width: 3rem; - height: 3rem; - margin: 0.143rem; - transition: none; - border-radius: 50%; -} -.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - border-color: transparent; - color: rgba(255, 255, 255, 0.6); -} -.p-paginator .p-paginator-first { - border-top-left-radius: 50%; - border-bottom-left-radius: 50%; -} -.p-paginator .p-paginator-last { - border-top-right-radius: 50%; - border-bottom-right-radius: 50%; -} -.p-paginator .p-dropdown { - margin-left: 0.5rem; - margin-right: 0.5rem; - height: 3rem; -} -.p-paginator .p-dropdown .p-dropdown-label { - padding-right: 0; -} -.p-paginator .p-paginator-page-input { - margin-left: 0.5rem; - margin-right: 0.5rem; -} -.p-paginator .p-paginator-page-input .p-inputtext { - max-width: 3rem; -} -.p-paginator .p-paginator-current { - background-color: transparent; - border: 0 none; - color: rgba(255, 255, 255, 0.6); - min-width: 3rem; - height: 3rem; - margin: 0.143rem; - padding: 0 0.5rem; -} -.p-paginator .p-paginator-pages .p-paginator-page { - background-color: transparent; - border: 0 none; - color: rgba(255, 255, 255, 0.6); - min-width: 3rem; - height: 3rem; - margin: 0.143rem; - transition: none; - border-radius: 50%; -} -.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: rgba(159, 168, 218, 0.16); - border-color: rgba(159, 168, 218, 0.16); - color: #9FA8DA; -} -.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - border-color: transparent; - color: rgba(255, 255, 255, 0.6); -} - -.p-picklist .p-picklist-buttons { - padding: 1rem; -} -.p-picklist .p-picklist-buttons .p-button { - margin-bottom: 0.5rem; -} -.p-picklist .p-picklist-header { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-picklist .p-picklist-header .p-picklist-title { - font-weight: 500; -} -.p-picklist .p-picklist-filter-container { - padding: 1rem; - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 0 none; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-input { - padding-right: 2rem; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { - right: 1rem; - color: rgba(255, 255, 255, 0.6); -} -.p-picklist .p-picklist-list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - padding: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-picklist .p-picklist-list .p-picklist-item { - padding: 1rem 1rem; - margin: 0; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: none; -} -.p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: #9FA8DA; - background: rgba(159, 168, 218, 0.16); -} -.p-picklist .p-picklist-list .p-picklist-empty-message { - padding: 1rem 1rem; - color: rgba(255, 255, 255, 0.87); -} -.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} - -.p-picklist-item.cdk-drag-preview { - padding: 1rem 1rem; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - margin: 0; -} - -.p-timeline .p-timeline-event-marker { - border: 0 none; - border-radius: 50%; - width: 1rem; - height: 1rem; - background-color: #bdbdbd; -} -.p-timeline .p-timeline-event-connector { - background-color: #bdbdbd; -} -.p-timeline.p-timeline-vertical .p-timeline-event-opposite, -.p-timeline.p-timeline-vertical .p-timeline-event-content { - padding: 0 1rem; -} -.p-timeline.p-timeline-vertical .p-timeline-event-connector { - width: 2px; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, -.p-timeline.p-timeline-horizontal .p-timeline-event-content { - padding: 1rem 0; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-connector { - height: 2px; -} - -.p-tree { - border: 1px solid rgba(255, 255, 255, 0.12); - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - padding: 1rem; - border-radius: 4px; -} -.p-tree .p-tree-container .p-treenode { - padding: 0.25rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content { - border-radius: 4px; - transition: none; - padding: 0.5rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; - width: 2.5rem; - height: 2.5rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { - margin-right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: rgba(159, 168, 218, 0.16); - color: #9FA8DA; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #9FA8DA; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { - color: #9FA8DA; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-filter-container { - margin-bottom: 0.5rem; -} -.p-tree .p-tree-filter-container .p-tree-filter { - width: 100%; - padding-right: 2rem; -} -.p-tree .p-tree-filter-container .p-tree-filter-icon { - right: 1rem; - color: rgba(255, 255, 255, 0.6); -} -.p-tree .p-treenode-children { - padding: 0 0 0 1rem; -} -.p-tree .p-tree-loading-icon { - font-size: 2rem; -} -.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: rgba(105, 119, 197, 0.16); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { - border-radius: 4px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - padding: 0.5rem; - transition: none; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { - background-color: rgba(159, 168, 218, 0.16); - color: #9FA8DA; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #9FA8DA; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { - background-color: inherit; - color: inherit; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-treetable .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-treetable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-treetable .p-treetable-header { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.12); - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 500; -} -.p-treetable .p-treetable-footer { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #404040; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 500; -} -.p-treetable .p-treetable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #404040; - border-width: 0 0 1px 0; - font-weight: 500; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - transition: none; -} -.p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid 3404040; - border-width: 0 0 1px 0; - font-weight: 500; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; -} -.p-treetable .p-sortable-column { - outline-color: transparent; -} -.p-treetable .p-sortable-column .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: #9FA8DA; - background: rgba(159, 168, 218, 0.16); - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-treetable .p-sortable-column.p-highlight { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-treetable-tbody > tr { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - transition: none; - outline-color: transparent; -} -.p-treetable .p-treetable-tbody > tr > td { - text-align: left; - border: 1px solid #404040; - border-width: 0 0 1px 0; - padding: 1rem 1rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { - width: 2.5rem; - height: 2.5rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-treetable-tbody > tr.p-highlight { - background: rgba(159, 168, 218, 0.16); - color: #9FA8DA; -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: #9FA8DA; -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: #9FA8DA; -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-column-resizer-helper { - background: #9FA8DA; -} -.p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #1e1e1e; -} -.p-treetable .p-treetable-loading-icon { - font-size: 2rem; -} -.p-treetable.p-treetable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-footer { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-top { - border-width: 0 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-bottom { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-sm .p-treetable-header { - padding: 0.875rem 0.875rem; -} -.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-footer { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-lg .p-treetable-header { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-footer { - padding: 1.25rem 1.25rem; -} - -.p-virtualscroller .p-virtualscroller-header { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.12); - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 500; -} -.p-virtualscroller .p-virtualscroller-content { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 1rem 0; -} -.p-virtualscroller .p-virtualscroller-footer { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #404040; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 500; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-accordion .p-accordion-header .p-accordion-header-link { - padding: 1.5rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - font-weight: 400; - border-radius: 4px; - transition: none; -} -.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { - margin-right: 0.5rem; -} -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { - background: rgba(255, 255, 255, 0.04); - border-color: transparent; - color: rgba(255, 255, 255, 0.87); -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #1e1e1e; - border-color: transparent; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-color: transparent; - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-accordion .p-accordion-content { - padding: 1rem 1.5rem; - border: 0 none; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-accordion p-accordiontab .p-accordion-tab { - margin-bottom: 0; -} -.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { - border-radius: 0; -} -.p-accordion p-accordiontab .p-accordion-content { - border-radius: 0; -} -.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { - border-top: 0 none; -} -.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-top: 0 none; -} -.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-accordion p-accordiontab:last-child .p-accordion-content { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-card { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); - border-radius: 4px; -} -.p-card .p-card-body { - padding: 1rem; -} -.p-card .p-card-title { - font-size: 1.5rem; - font-weight: 700; - margin-bottom: 0.5rem; -} -.p-card .p-card-subtitle { - font-weight: 400; - margin-bottom: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-card .p-card-content { - padding: 1rem 0; -} -.p-card .p-card-footer { - padding: 1rem 0 0 0; -} - -.p-divider .p-divider-content { - background-color: #1e1e1e; -} -.p-divider.p-divider-horizontal { - margin: 1.25rem 0; - padding: 0 1.25rem; -} -.p-divider.p-divider-horizontal:before { - border-top: 1px rgba(255, 255, 255, 0.12); -} -.p-divider.p-divider-horizontal .p-divider-content { - padding: 0 0.5rem; -} -.p-divider.p-divider-vertical { - margin: 0 1.25rem; - padding: 1.25rem 0; -} -.p-divider.p-divider-vertical:before { - border-left: 1px rgba(255, 255, 255, 0.12); -} -.p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; -} - -.p-fieldset { - border: 1px solid rgba(255, 255, 255, 0.12); - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-radius: 4px; -} -.p-fieldset .p-fieldset-legend { - padding: 1rem; - border: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - font-weight: 500; - border-radius: 4px; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { - padding: 0; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { - padding: 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 4px; - transition: none; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { - margin-right: 0.5rem; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: rgba(255, 255, 255, 0.04); - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.p-fieldset .p-fieldset-content { - padding: 1rem; -} - -.p-panel .p-panel-header { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 1rem; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-panel .p-panel-header .p-panel-title { - font-weight: 500; -} -.p-panel .p-panel-header .p-panel-header-icon { - width: 2.5rem; - height: 2.5rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); -} -.p-panel .p-panel-header .p-panel-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-panel.p-panel-toggleable .p-panel-header { - padding: 0.5rem 1rem; -} -.p-panel .p-panel-content { - padding: 1rem; - border: 1px solid rgba(255, 255, 255, 0.12); - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - border-top: 0 none; -} -.p-panel .p-panel-footer { - padding: 1rem 1rem; - border: 1px solid rgba(255, 255, 255, 0.12); - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; -} - -.p-scrollpanel .p-scrollpanel-bar { - background: rgba(255, 255, 255, 0.12); - border: 0 none; -} - -.p-splitter { - border: 1px solid rgba(255, 255, 255, 0.12); - background: #1e1e1e; - border-radius: 4px; - color: rgba(255, 255, 255, 0.87); -} -.p-splitter .p-splitter-gutter { - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - background: rgba(255, 255, 255, 0.04); -} -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: rgba(255, 255, 255, 0.12); -} -.p-splitter .p-splitter-gutter-resizing { - background: rgba(255, 255, 255, 0.12); -} - -.p-tabview .p-tabview-nav { - background: transparent; - border: solid rgba(255, 255, 255, 0.12); - border-width: 0 0 1px 0; -} -.p-tabview .p-tabview-nav li { - margin-right: 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid rgba(255, 255, 255, 0.12); - border-width: 0 0 1px 0; - border-color: transparent transparent rgba(255, 255, 255, 0.12) transparent; - background: transparent; - color: rgba(255, 255, 255, 0.6); - padding: 1rem 1.5rem; - font-weight: 500; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - transition: none; - margin: 0 0 0 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset none; -} -.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: rgba(159, 168, 218, 0.04); - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.6); -} -.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: transparent; - border-color: rgba(255, 255, 255, 0.12); - color: #9FA8DA; -} -.p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; -} -.p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-close { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-nav-btn.p-link { - background: transparent; - color: #9FA8DA; - width: 3rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; -} -.p-tabview .p-tabview-nav-btn.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset none; -} -.p-tabview .p-tabview-panels { - background: transparent; - padding: 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-toolbar { - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 1rem; - border-radius: 4px; -} -.p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; -} - -.p-confirm-popup { - background: #262626; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-confirm-popup .p-confirm-popup-content { - padding: 1rem; -} -.p-confirm-popup .p-confirm-popup-footer { - text-align: right; - padding: 1rem 1rem; -} -.p-confirm-popup .p-confirm-popup-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-confirm-popup .p-confirm-popup-footer button:last-child { - margin: 0; -} -.p-confirm-popup:after { - border: solid transparent; - border-color: rgba(38, 38, 38, 0); - border-bottom-color: #262626; -} -.p-confirm-popup:before { - border: solid transparent; - border-color: rgba(38, 38, 38, 0); - border-bottom-color: #262626; -} -.p-confirm-popup.p-confirm-popup-flipped:after { - border-top-color: #262626; -} -.p-confirm-popup.p-confirm-popup-flipped:before { - border-top-color: #262626; -} -.p-confirm-popup .p-confirm-popup-icon { - font-size: 1.5rem; -} -.p-confirm-popup .p-confirm-popup-message { - margin-left: 1rem; -} - -.p-dialog { - border-radius: 4px; - box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); - border: 0 none; -} -.p-dialog .p-dialog-header { - border-bottom: 0 none; - background: #262626; - color: rgba(255, 255, 255, 0.87); - padding: 1.5rem; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-dialog .p-dialog-header .p-dialog-title { - font-weight: 500; - font-size: 1.25rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon { - width: 2.5rem; - height: 2.5rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); -} -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { - margin-right: 0; -} -.p-dialog .p-dialog-content { - background: #262626; - color: rgba(255, 255, 255, 0.87); - padding: 0 1.5rem 1.5rem 1.5rem; -} -.p-dialog .p-dialog-footer { - border-top: 0 none; - background: #262626; - color: rgba(255, 255, 255, 0.87); - padding: 1rem 1.5rem; - text-align: right; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-dialog .p-dialog-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { - font-size: 2rem; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; -} - -.p-overlaypanel { - background: #262626; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-overlaypanel .p-overlaypanel-content { - padding: 1rem; -} -.p-overlaypanel .p-overlaypanel-close { - background: #9FA8DA; - color: #121212; - width: 2.5rem; - height: 2.5rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; - position: absolute; - top: -1.25rem; - right: -1.25rem; -} -.p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: rgba(159, 168, 218, 0.92); - color: #121212; -} -.p-overlaypanel:after { - border: solid transparent; - border-color: rgba(38, 38, 38, 0); - border-bottom-color: #262626; -} -.p-overlaypanel:before { - border: solid transparent; - border-color: rgba(38, 38, 38, 0); - border-bottom-color: #262626; -} -.p-overlaypanel.p-overlaypanel-flipped:after { - border-top-color: #262626; -} -.p-overlaypanel.p-overlaypanel-flipped:before { - border-top-color: #262626; -} - -.p-sidebar { - background: #262626; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-sidebar .p-sidebar-header { - padding: 1rem; -} -.p-sidebar .p-sidebar-header .p-sidebar-close, -.p-sidebar .p-sidebar-header .p-sidebar-icon { - width: 2.5rem; - height: 2.5rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, -.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); -} -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-sidebar .p-sidebar-header + .p-sidebar-content { - padding-top: 0; -} -.p-sidebar .p-sidebar-content { - padding: 1rem; -} - -.p-tooltip .p-tooltip-text { - background: #444444; - color: rgba(255, 255, 255, 0.87); - padding: 0.5rem; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - border-radius: 4px; -} -.p-tooltip.p-tooltip-right .p-tooltip-arrow { - border-right-color: #444444; -} -.p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #444444; -} -.p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #444444; -} -.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #444444; -} - -.p-fileupload .p-fileupload-buttonbar { - background: #1e1e1e; - padding: 1rem; - border: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; -} -.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-fileupload .p-fileupload-content { - background: #1e1e1e; - padding: 2rem 1rem; - border: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-fileupload .p-progressbar { - height: 4px; -} -.p-fileupload .p-fileupload-row > div { - padding: 1rem 1rem; -} -.p-fileupload.p-fileupload-advanced .p-message { - margin-top: 0; -} - -.p-fileupload-choose:not(.p-disabled):hover { - background: rgba(159, 168, 218, 0.92); - color: #121212; - border-color: transparent; -} -.p-fileupload-choose:not(.p-disabled):active { - background: rgba(159, 168, 218, 0.68); - color: #121212; - border-color: transparent; -} - -.p-breadcrumb { - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 4px; - padding: 1rem; -} -.p-breadcrumb ul li .p-menuitem-link { - transition: none; - border-radius: 4px; -} -.p-breadcrumb ul li .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-breadcrumb ul li.p-breadcrumb-chevron { - margin: 0 0.5rem 0 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-breadcrumb ul li:last-child .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-breadcrumb ul li:last-child .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} - -.p-contextmenu { - padding: 0.5rem 0; - background: #2b2b2b; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 4px; - width: 12.5rem; -} -.p-contextmenu .p-menuitem-link { - padding: 1rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: none; - user-select: none; -} -.p-contextmenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-contextmenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-contextmenu .p-submenu-list { - padding: 0.5rem 0; - background: #2b2b2b; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 4px; -} -.p-contextmenu .p-menuitem { - margin: 0; -} -.p-contextmenu .p-menuitem:last-child { - margin: 0; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(255, 255, 255, 0.04); -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-contextmenu .p-menu-separator { - border-top: 1px solid rgba(255, 255, 255, 0.12); - margin: 0.5rem 0; -} -.p-contextmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-dock .p-dock-list { - background: rgba(255, 255, 255, 0.1); - border: 1px solid rgba(255, 255, 255, 0.2); - padding: 0.5rem 0.5rem; - border-radius: 0.5rem; -} -.p-dock .p-dock-item { - padding: 0.5rem; -} -.p-dock .p-dock-action { - width: 4rem; - height: 4rem; -} -.p-dock.p-dock-top .p-dock-item-second-prev, -.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, -.p-dock.p-dock-bottom .p-dock-item-second-next { - margin: 0 0.9rem; -} -.p-dock.p-dock-top .p-dock-item-prev, -.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, -.p-dock.p-dock-bottom .p-dock-item-next { - margin: 0 1.3rem; -} -.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { - margin: 0 1.5rem; -} -.p-dock.p-dock-left .p-dock-item-second-prev, -.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, -.p-dock.p-dock-right .p-dock-item-second-next { - margin: 0.9rem 0; -} -.p-dock.p-dock-left .p-dock-item-prev, -.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, -.p-dock.p-dock-right .p-dock-item-next { - margin: 1.3rem 0; -} -.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { - margin: 1.5rem 0; -} - -@media screen and (max-width: 960px) { - .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { - margin: auto 0; - } - .p-dock .p-dock-list .p-dock-item { - transform: none; - margin: 0; - } -} -.p-megamenu { - padding: 1rem; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 4px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 4px; - transition: none; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-megamenu .p-menuitem-link { - padding: 1rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: none; - user-select: none; -} -.p-megamenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-megamenu .p-megamenu-panel { - background: #2b2b2b; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-megamenu .p-megamenu-submenu-header { - margin: 0; - padding: 1rem; - color: rgba(255, 255, 255, 0.6); - background: transparent; - font-weight: 400; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-megamenu .p-megamenu-submenu { - padding: 0.5rem 0; - width: 12.5rem; -} -.p-megamenu .p-megamenu-submenu .p-menu-separator { - border-top: 1px solid rgba(255, 255, 255, 0.12); - margin: 0.5rem 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem { - margin: 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { - margin: 0; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(255, 255, 255, 0.04); -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.5rem 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem { - margin: 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { - margin: 0; -} - -.p-menu { - padding: 0.5rem 0; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 4px; - width: 12.5rem; -} -.p-menu .p-menuitem-link { - padding: 1rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: none; - user-select: none; -} -.p-menu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-menu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-menu.p-menu-overlay { - background: #2b2b2b; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-menu .p-submenu-header { - margin: 0; - padding: 1rem; - color: rgba(255, 255, 255, 0.6); - background: transparent; - font-weight: 400; - border-top-right-radius: 0; - border-top-left-radius: 0; -} -.p-menu .p-menu-separator { - border-top: 1px solid rgba(255, 255, 255, 0.12); - margin: 0.5rem 0; -} -.p-menu .p-menuitem { - margin: 0; -} -.p-menu .p-menuitem:last-child { - margin: 0; -} - -.p-menubar { - padding: 1rem; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 4px; -} -.p-menubar .p-menuitem-link { - padding: 1rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: none; - user-select: none; -} -.p-menubar .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-menubar .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 4px; - transition: none; - user-select: none; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menubar .p-submenu-list { - padding: 0.5rem 0; - background: #2b2b2b; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - width: 12.5rem; -} -.p-menubar .p-submenu-list .p-menu-separator { - border-top: 1px solid rgba(255, 255, 255, 0.12); - margin: 0.5rem 0; -} -.p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; -} -.p-menubar .p-submenu-list .p-menuitem { - margin: 0; -} -.p-menubar .p-submenu-list .p-menuitem:last-child { - margin: 0; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(255, 255, 255, 0.04); -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} - -@media screen and (max-width: 960px) { - .p-menubar { - position: relative; - } - .p-menubar .p-menubar-button { - display: flex; - width: 2.5rem; - height: 2.5rem; - color: rgba(255, 255, 255, 0.6); - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-menubar .p-menubar-button:hover { - color: rgba(255, 255, 255, 0.6); - background: rgba(255, 255, 255, 0.04); - } - .p-menubar .p-menubar-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-menubar .p-menubar-root-list { - position: absolute; - display: none; - padding: 0.5rem 0; - background: #2b2b2b; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - width: 100%; - } - .p-menubar .p-menubar-root-list .p-menu-separator { - border-top: 1px solid rgba(255, 255, 255, 0.12); - margin: 0.5rem 0; - } - .p-menubar .p-menubar-root-list .p-submenu-icon { - font-size: 0.875rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 1rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: none; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - transition: transform 0.2s; - } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-180deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list { - width: 100%; - position: static; - box-shadow: none; - border: 0 none; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { - transition: transform 0.2s; - transform: rotate(90deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-90deg); - } - .p-menubar .p-menubar-root-list .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list ul li a { - padding-left: 3rem; - } - .p-menubar .p-menubar-root-list ul li ul li a { - padding-left: 5rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li a { - padding-left: 7rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { - padding-left: 9rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { - padding-left: 11rem; - } - .p-menubar.p-menubar-mobile-active .p-menubar-root-list { - display: flex; - flex-direction: column; - top: 100%; - left: 0; - z-index: 1; - } -} -.p-panelmenu .p-panelmenu-header > a { - padding: 1.5rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - font-weight: 400; - border-radius: 4px; - transition: none; -} -.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { - background: rgba(255, 255, 255, 0.04); - border-color: transparent; - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight > a { - background: #1e1e1e; - border-color: transparent; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { - border-color: transparent; - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content { - padding: 0.5rem 0; - border: 0 none; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - margin-bottom: 0; - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 1rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: none; - user-select: none; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { - padding: 0 0 0 1rem; -} -.p-panelmenu .p-panelmenu-panel { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { - border-radius: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-content { - border-radius: 0; -} -.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { - border-top: 0 none; -} -.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { - border-top: 0 none; -} -.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-slidemenu { - padding: 0.5rem 0; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 4px; - width: 12.5rem; -} -.p-slidemenu .p-menuitem-link { - padding: 1rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: none; - user-select: none; -} -.p-slidemenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-slidemenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-slidemenu.p-slidemenu-overlay { - background: #2b2b2b; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-slidemenu .p-slidemenu-list { - padding: 0.5rem 0; - background: #2b2b2b; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { - background: rgba(255, 255, 255, 0.04); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-slidemenu .p-slidemenu-separator { - border-top: 1px solid rgba(255, 255, 255, 0.12); - margin: 0.5rem 0; -} -.p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; -} -.p-slidemenu .p-slidemenu-backward { - padding: 1rem 1rem; - color: rgba(255, 255, 255, 0.87); -} - -.p-steps .p-steps-item .p-menuitem-link { - background: transparent; - transition: none; - border-radius: 4px; - background: transparent; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-number { - color: rgba(255, 255, 255, 0.87); - border: 1px solid transparent; - background: transparent; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - z-index: 1; - border-radius: 50%; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-title { - margin-top: 0.5rem; - color: rgba(255, 255, 255, 0.87); -} -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-steps .p-steps-item.p-highlight .p-steps-number { - background: rgba(159, 168, 218, 0.16); - color: #9FA8DA; -} -.p-steps .p-steps-item.p-highlight .p-steps-title { - font-weight: 500; - color: rgba(255, 255, 255, 0.87); -} -.p-steps .p-steps-item:before { - content: " "; - border-top: 1px solid rgba(255, 255, 255, 0.12); - width: 100%; - top: 50%; - left: 0; - display: block; - position: absolute; - margin-top: -1rem; -} - -.p-tabmenu .p-tabmenu-nav { - background: transparent; - border: solid rgba(255, 255, 255, 0.12); - border-width: 0 0 1px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { - margin-right: 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { - border: solid rgba(255, 255, 255, 0.12); - border-width: 0 0 1px 0; - border-color: transparent transparent rgba(255, 255, 255, 0.12) transparent; - background: transparent; - color: rgba(255, 255, 255, 0.6); - padding: 1rem 1.5rem; - font-weight: 500; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - transition: none; - margin: 0 0 0 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset none; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: rgba(159, 168, 218, 0.04); - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.6); -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: transparent; - border-color: rgba(255, 255, 255, 0.12); - color: #9FA8DA; -} - -.p-tieredmenu { - padding: 0.5rem 0; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 4px; - width: 12.5rem; -} -.p-tieredmenu .p-menuitem-link { - padding: 1rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: none; - user-select: none; -} -.p-tieredmenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-tieredmenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-tieredmenu.p-tieredmenu-overlay { - background: #2b2b2b; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-tieredmenu .p-submenu-list { - padding: 0.5rem 0; - background: #2b2b2b; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-tieredmenu .p-menuitem { - margin: 0; -} -.p-tieredmenu .p-menuitem:last-child { - margin: 0; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(255, 255, 255, 0.04); -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-tieredmenu .p-menu-separator { - border-top: 1px solid rgba(255, 255, 255, 0.12); - margin: 0.5rem 0; -} -.p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-inline-message { - padding: 1rem 1rem; - margin: 0; - border-radius: 4px; -} -.p-inline-message.p-inline-message-info { - background: #B3E5FC; - border: solid transparent; - border-width: 1px; - color: #01579B; -} -.p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #01579B; -} -.p-inline-message.p-inline-message-success { - background: #C8E6C9; - border: solid transparent; - border-width: 1px; - color: #1B5E20; -} -.p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #1B5E20; -} -.p-inline-message.p-inline-message-warn { - background: #FFECB3; - border: solid transparent; - border-width: 1px; - color: #7f6003; -} -.p-inline-message.p-inline-message-warn .p-inline-message-icon { - color: #7f6003; -} -.p-inline-message.p-inline-message-error { - background: #FFCDD2; - border: solid transparent; - border-width: 1px; - color: #B71C1C; -} -.p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #B71C1C; -} -.p-inline-message .p-inline-message-icon { - font-size: 1rem; - margin-right: 0.5rem; -} -.p-inline-message .p-inline-message-text { - font-size: 1rem; -} -.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { - margin-right: 0; -} - -.p-message { - margin: 1rem 0; - border-radius: 4px; -} -.p-message .p-message-wrapper { - padding: 1.25rem 1.5rem; -} -.p-message .p-message-close { - width: 2.5rem; - height: 2.5rem; - border-radius: 50%; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-message .p-message-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-message.p-message-info { - background: #B3E5FC; - border: solid transparent; - border-width: 0 0 0 0; - color: #01579B; -} -.p-message.p-message-info .p-message-icon { - color: #01579B; -} -.p-message.p-message-info .p-message-close { - color: #01579B; -} -.p-message.p-message-success { - background: #C8E6C9; - border: solid transparent; - border-width: 0 0 0 0; - color: #1B5E20; -} -.p-message.p-message-success .p-message-icon { - color: #1B5E20; -} -.p-message.p-message-success .p-message-close { - color: #1B5E20; -} -.p-message.p-message-warn { - background: #FFECB3; - border: solid transparent; - border-width: 0 0 0 0; - color: #7f6003; -} -.p-message.p-message-warn .p-message-icon { - color: #7f6003; -} -.p-message.p-message-warn .p-message-close { - color: #7f6003; -} -.p-message.p-message-error { - background: #FFCDD2; - border: solid transparent; - border-width: 0 0 0 0; - color: #B71C1C; -} -.p-message.p-message-error .p-message-icon { - color: #B71C1C; -} -.p-message.p-message-error .p-message-close { - color: #B71C1C; -} -.p-message .p-message-text { - font-size: 1rem; - font-weight: 500; -} -.p-message .p-message-icon { - font-size: 1.5rem; - margin-right: 0.5rem; -} -.p-message .p-message-summary { - font-weight: 700; -} -.p-message .p-message-detail { - margin-left: 0.5rem; -} - -.p-toast { - opacity: 0.9; -} -.p-toast .p-toast-message { - margin: 0 0 1rem 0; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - border-radius: 4px; -} -.p-toast .p-toast-message .p-toast-message-content { - padding: 1.5rem; - border-width: 0 0 0 0; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { - margin: 0 0 0 1rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { - font-size: 2rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { - font-weight: 700; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { - margin: 0.5rem 0 0 0; -} -.p-toast .p-toast-message .p-toast-icon-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-toast .p-toast-message .p-toast-icon-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; - border: solid transparent; - border-width: 0 0 0 0; - color: #01579B; -} -.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { - color: #01579B; -} -.p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; - border: solid transparent; - border-width: 0 0 0 0; - color: #1B5E20; -} -.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { - color: #1B5E20; -} -.p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; - border: solid transparent; - border-width: 0 0 0 0; - color: #7f6003; -} -.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { - color: #7f6003; -} -.p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; - border: solid transparent; - border-width: 0 0 0 0; - color: #B71C1C; -} -.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { - color: #B71C1C; -} - -.p-galleria .p-galleria-close { - margin: 0.5rem; - background: transparent; - color: rgba(255, 255, 255, 0.87); - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-close .p-galleria-close-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-close:hover { - background: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.87); -} -.p-galleria .p-galleria-item-nav { - background: transparent; - color: rgba(255, 255, 255, 0.87); - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; - margin: 0 0.5rem; -} -.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, -.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.87); -} -.p-galleria .p-galleria-caption { - background: rgba(0, 0, 0, 0.5); - color: rgba(255, 255, 255, 0.87); - padding: 1rem; -} -.p-galleria .p-galleria-indicators { - padding: 1rem; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: rgba(255, 255, 255, 0.3); - width: 1.25rem; - height: 1.25rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { - background: rgba(255, 255, 255, 0.6); -} -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(159, 168, 218, 0.16); - color: #9FA8DA; -} -.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { - margin-right: 0.5rem; -} -.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { - margin-bottom: 0.5rem; -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { - background: rgba(0, 0, 0, 0.5); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { - background: rgba(255, 255, 255, 0.3); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { - background: rgba(255, 255, 255, 0.6); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(159, 168, 218, 0.16); - color: #9FA8DA; -} -.p-galleria .p-galleria-thumbnail-container { - background: rgba(0, 0, 0, 0.9); - padding: 1rem 0.25rem; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { - margin: 0.5rem; - background-color: transparent; - color: rgba(255, 255, 255, 0.87); - width: 2rem; - height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { - background: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.87); -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-galleria-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-preview-indicator { - background-color: transparent; - color: #f8f9fa; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} - -.p-image-preview-container:hover > .p-image-preview-indicator { - background-color: rgba(0, 0, 0, 0.5); -} - -.p-image-toolbar { - padding: 1rem; -} - -.p-image-action.p-link { - color: #f8f9fa; - background-color: transparent; - width: 3rem; - height: 3rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-image-action.p-link:last-child { - margin-right: 0; -} -.p-image-action.p-link:hover { - color: #f8f9fa; - background-color: rgba(255, 255, 255, 0.1); -} -.p-image-action.p-link i { - font-size: 1.5rem; -} - -.p-avatar { - background-color: rgba(255, 255, 255, 0.12); - border-radius: 4px; -} -.p-avatar.p-avatar-lg { - width: 3rem; - height: 3rem; - font-size: 1.5rem; -} -.p-avatar.p-avatar-lg .p-avatar-icon { - font-size: 1.5rem; -} -.p-avatar.p-avatar-xl { - width: 4rem; - height: 4rem; - font-size: 2rem; -} -.p-avatar.p-avatar-xl .p-avatar-icon { - font-size: 2rem; -} - -.p-avatar-group .p-avatar { - border: 2px solid #1e1e1e; -} - -.p-badge { - background: #9FA8DA; - color: #121212; - font-size: 0.75rem; - font-weight: 700; - min-width: 1.5rem; - height: 1.5rem; - line-height: 1.5rem; -} -.p-badge.p-badge-secondary { - background-color: #F48FB1; - color: #121212; -} -.p-badge.p-badge-success { - background-color: #C5E1A5; - color: #212121; -} -.p-badge.p-badge-info { - background-color: #90CAF9; - color: #212121; -} -.p-badge.p-badge-warning { - background-color: #FFF59D; - color: #212121; -} -.p-badge.p-badge-danger { - background-color: #EF9A9A; - color: #212121; -} -.p-badge.p-badge-lg { - font-size: 1.125rem; - min-width: 2.25rem; - height: 2.25rem; - line-height: 2.25rem; -} -.p-badge.p-badge-xl { - font-size: 1.5rem; - min-width: 3rem; - height: 3rem; - line-height: 3rem; -} - -.p-chip { - background-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - padding: 0 1rem; -} -.p-chip .p-chip-text { - line-height: 1.5; - margin-top: 0.5rem; - margin-bottom: 0.5rem; -} -.p-chip .p-chip-icon { - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - margin-left: 0.5rem; -} -.p-chip img { - width: 2.5rem; - height: 2.5rem; - margin-left: -1rem; - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - border-radius: 4px; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-inplace .p-inplace-display { - padding: 1rem 1rem; - border-radius: 4px; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-inplace .p-inplace-display:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-inplace .p-inplace-display:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-progressbar { - border: 0 none; - height: 4px; - background: rgba(159, 168, 218, 0.32); - border-radius: 4px; -} -.p-progressbar .p-progressbar-value { - border: 0 none; - margin: 0; - background: #9FA8DA; -} -.p-progressbar .p-progressbar-label { - color: #121212; - line-height: 4px; -} - -.p-scrolltop { - width: 3rem; - height: 3rem; - border-radius: 50%; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-scrolltop.p-link { - background: #F48FB1; -} -.p-scrolltop.p-link:hover { - background: rgba(244, 143, 177, 0.92); -} -.p-scrolltop .p-scrolltop-icon { - font-size: 1.5rem; - color: #121212; -} - -.p-skeleton { - background-color: rgba(255, 255, 255, 0.06); - border-radius: 4px; -} -.p-skeleton:after { - background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); -} - -.p-tag { - background: #9FA8DA; - color: #121212; - font-size: 0.75rem; - font-weight: 700; - padding: 0.25rem 0.4rem; - border-radius: 4px; -} -.p-tag.p-tag-success { - background-color: #C5E1A5; - color: #212121; -} -.p-tag.p-tag-info { - background-color: #90CAF9; - color: #212121; -} -.p-tag.p-tag-warning { - background-color: #FFF59D; - color: #212121; -} -.p-tag.p-tag-danger { - background-color: #EF9A9A; - color: #212121; -} -.p-tag .p-tag-icon { - margin-right: 0.25rem; - font-size: 0.75rem; -} - -.p-terminal { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 1rem; -} -.p-terminal .p-terminal-input { - font-size: 1rem; - font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; -} - -.p-accordion .p-accordion-tab { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - margin-bottom: 0; - border-radius: 0; - position: relative; - transition: margin-bottom 225ms; -} -.p-accordion .p-accordion-tab:first-child { - border-top-left-radius: 4px; - border-top-right-radius: 4px; -} -.p-accordion .p-accordion-tab:last-child { - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; -} -.p-accordion .p-accordion-tab .p-accordion-toggle-icon { - order: 1; - margin-left: auto; - transition: transform 0.2s; -} -.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-header-link:focus { - background: rgba(255, 255, 255, 0.04); -} -.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-toggle-icon { - transform: rotate(-270deg); -} -.p-accordion .p-accordion-tab.p-accordion-tab-active { - margin-bottom: 1rem; -} -.p-accordion .p-accordion-tab.p-accordion-tab-active .p-accordion-toggle-icon { - transform: rotate(-180deg); -} -.p-accordion .p-accordion-tab .p-accordion-header.p-disabled { - opacity: 1; -} -.p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * { - opacity: 0.38; -} - -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; -} - -.p-input-filled .p-autocomplete .p-autocomplete-multiple-container { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: rgba(255, 255, 255, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext { - background-image: none; - background-color: transparent; -} -.p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); - border-color: transparent; - background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); -} -.p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:focus { - background-image: none; - background: transparent; -} - -.p-float-label .p-autocomplete-multiple-container .p-autocomplete-token { - padding: 0.25rem 1rem; -} - -.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { - padding-top: 0; - padding-bottom: 0; -} -.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - font-size: 75%; -} -.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { - padding: 0; -} -.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext { - border-color: transparent; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { - box-shadow: none; - border-color: transparent; -} -.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container { - border-color: transparent; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} - -p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; -} -p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; -} - -.p-breadcrumb .p-menuitem-link { - padding: 0.25rem 0.5rem; -} -.p-breadcrumb .p-menuitem-link:focus { - background: rgba(255, 255, 255, 0.12); -} - -.p-button { - font-weight: 500; - min-width: 4rem; -} -.p-button.p-button-icon-only { - min-width: auto; -} -.p-button:enabled:focus { - background: rgba(159, 168, 218, 0.76); -} -.p-button:enabled:active { - background: rgba(159, 168, 218, 0.68); -} -.p-button .p-ink { - background-color: rgba(255, 255, 255, 0.32); -} -.p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus { - background: rgba(159, 168, 218, 0.12); -} -.p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active { - background: rgba(159, 168, 218, 0.16); -} -.p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink { - background-color: rgba(159, 168, 218, 0.16); -} -.p-button.p-button-outlined { - box-shadow: inset 0 0 0 1px; -} -.p-button.p-button-outlined:enabled:focus { - box-shadow: inset 0 0 0 1px; -} -.p-button.p-button-outlined:enabled:active { - box-shadow: inset 0 0 0 1px; -} -.p-button:disabled { - background-color: rgba(255, 255, 255, 0.12) !important; - color: rgba(255, 255, 255, 0.38) !important; - opacity: 1; -} -.p-button:disabled.p-button-text { - background-color: transparent !important; - color: rgba(255, 255, 255, 0.38) !important; -} -.p-button:disabled.p-button-outlined { - background-color: transparent !important; - color: rgba(255, 255, 255, 0.38) !important; - border-color: rgba(255, 255, 255, 0.38) !important; -} -.p-button.p-button-raised:enabled:focus { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -} - -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - background: rgba(244, 143, 177, 0.76); -} -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: rgba(244, 143, 177, 0.68); -} -.p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus { - background: rgba(244, 143, 177, 0.12); -} -.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { - background: rgba(244, 143, 177, 0.16); -} -.p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink { - background-color: rgba(244, 143, 177, 0.16); -} - -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { - background: rgba(144, 202, 249, 0.76); -} -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: rgba(144, 202, 249, 0.68); -} -.p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus { - background: rgba(144, 202, 249, 0.12); -} -.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { - background: rgba(144, 202, 249, 0.16); -} -.p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink { - background-color: rgba(144, 202, 249, 0.16); -} - -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { - background: rgba(197, 225, 165, 0.76); -} -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: rgba(197, 225, 165, 0.68); -} -.p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus { - background: rgba(197, 225, 165, 0.12); -} -.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { - background: rgba(197, 225, 165, 0.16); -} -.p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink { - background-color: rgba(197, 225, 165, 0.16); -} - -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { - background: rgba(255, 245, 157, 0.76); -} -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: rgba(255, 245, 157, 0.68); -} -.p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus { - background: rgba(255, 245, 157, 0.12); -} -.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { - background: rgba(255, 245, 157, 0.16); -} -.p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink { - background-color: rgba(255, 245, 157, 0.16); -} - -.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - background: rgba(206, 147, 216, 0.76); -} -.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: rgba(206, 147, 216, 0.68); -} -.p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus { - background: rgba(206, 147, 216, 0.12); -} -.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { - background: rgba(206, 147, 216, 0.16); -} -.p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink { - background-color: rgba(206, 147, 216, 0.16); -} - -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { - background: rgba(239, 154, 154, 0.76); -} -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: rgba(239, 154, 154, 0.68); -} -.p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus { - background: rgba(239, 154, 154, 0.12); -} -.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { - background: rgba(239, 154, 154, 0.16); -} -.p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink { - background-color: rgba(239, 154, 154, 0.16); -} - -.p-calendar-w-btn { - border: 1px solid rgba(255, 255, 255, 0.3); - background: #1e1e1e; - border-radius: 4px; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-calendar-w-btn .p-inputtext { - background-image: none; - background-color: transparent; - border: 0 none; -} -.p-calendar-w-btn .p-inputtext:enabled:focus { - box-shadow: none; -} -.p-calendar-w-btn .p-datepicker-trigger.p-button { - background-color: transparent; - border: 0 none; -} -.p-calendar-w-btn .p-datepicker-trigger.p-button span { - color: rgba(255, 255, 255, 0.6); -} -.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover { - background: rgba(255, 255, 255, 0.04); -} -.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus { - background: rgba(255, 255, 255, 0.12); -} -.p-calendar-w-btn .p-datepicker-trigger.p-button:disabled { - background-color: transparent !important; -} -.p-calendar-w-btn:not(.p-calendar-disabled):hover { - border-color: rgba(255, 255, 255, 0.6); -} -.p-calendar-w-btn:not(.p-calendar-disabled).p-focus { - border-color: #9FA8DA; - box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; -} -.p-calendar-w-btn.p-calendar-disabled { - opacity: 0.38; -} - -.p-datepicker .p-datepicker-header { - border-bottom: 0 none; -} -.p-datepicker .p-datepicker-header .p-datepicker-title { - margin: 0 auto 0 0; - order: 1; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev { - order: 2; -} -.p-datepicker .p-datepicker-header .p-datepicker-next { - order: 3; -} -.p-datepicker table th { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.38); - font-weight: 400; - font-size: 0.875rem; -} -.p-datepicker table td.p-datepicker-today > span { - box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38); -} -.p-datepicker table td.p-datepicker-today.p-highlight { - box-shadow: 0 0 0 1px rgba(159, 168, 218, 0.16); -} - -p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; -} -p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { - border-color: #f44435; -} -p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext:enabled:focus { - box-shadow: none; -} -p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; -} - -.p-input-filled .p-calendar-w-btn { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: rgba(255, 255, 255, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-calendar-w-btn .p-inputtext { - background-image: none; - background-color: transparent; -} -.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); - border-color: transparent; - background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); -} -.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:focus { - background-image: none; - background: transparent; -} -.p-input-filled .p-calendar-w-btn .p-inputtext { - border: 0 none; -} -.p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext { - border-color: transparent; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: none; - border-color: transparent; -} -.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { - border-color: transparent; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext { - border: 0 none; - background-image: none; -} - -.p-cascadeselect .p-inputtext, .p-cascadeselect .p-cascadeselect-trigger { - background-image: none; - background: transparent; -} -.p-cascadeselect .p-inputtext { - border: 0 none; -} -.p-cascadeselect:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; -} - -.p-cascadeselect-item .p-ink { - background-color: rgba(159, 168, 218, 0.16); -} - -.p-input-filled .p-cascadeselect { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: rgba(255, 255, 255, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-cascadeselect .p-inputtext { - background-image: none; - background-color: transparent; -} -.p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); - border-color: transparent; - background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); -} -.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus { - background-image: none; - background: transparent; -} -.p-input-filled .p-cascadeselect .p-inputtext { - border: 0 none; -} -.p-input-filled .p-cascadeselect .p-cascadeselect-label:hover { - background-image: none; - background: transparent; -} -.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect { - border-color: transparent; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} - -.p-input-filled .p-float-label .p-cascadeselect .p-cascadeselect-label { - padding-top: 1.5rem; - padding-bottom: 0.5rem; -} -.p-input-filled .p-float-label .p-inputwrapper-filled .p-cascadeselect .p-cascadeselect-label { - padding-top: 1.5rem; - padding-bottom: 0.5rem; -} -.p-input-filled .p-cascadeselect.p-invalid { - border-color: transparent; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} - -p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; -} - -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #F48FB1; - color: #121212; -} - -.p-checkbox { - border-radius: 50%; - transition: box-shadow 0.2s; -} -.p-checkbox .p-checkbox-box { - border-color: rgba(255, 255, 255, 0.7); - border-radius: 2px; - position: relative; -} -.p-checkbox .p-checkbox-box:not(.p-disabled):hover { - border-color: rgba(255, 255, 255, 0.7); -} -.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { - border-color: rgba(255, 255, 255, 0.7); -} -.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus { - border-color: #9FA8DA; -} -.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before { - content: ""; - position: absolute; - top: 6px; - left: 1px; - border-right: 2px solid transparent; - border-bottom: 2px solid transparent; - transform: rotate(45deg); - transform-origin: 0% 100%; - animation: checkbox-check 125ms 50ms linear forwards; -} -.p-checkbox:not(.p-checkbox-disabled):hover { - box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); -} -.p-checkbox:not(.p-checkbox-disabled).p-checkbox-focused { - box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); -} -.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover { - box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.04); -} -.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused { - box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.12); -} - -.p-input-filled .p-checkbox .p-checkbox-box { - background-color: #1e1e1e; -} -.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { - background-color: #1e1e1e; -} - -@keyframes checkbox-check { - 0% { - width: 0; - height: 0; - border-color: #121212; - transform: translate3d(0, 0, 0) rotate(45deg); - } - 33% { - width: 4px; - height: 0; - transform: translate3d(0, 0, 0) rotate(45deg); - } - 100% { - width: 4px; - height: 10px; - border-color: #121212; - transform: translate3d(0, -10px, 0) rotate(45deg); - } -} -.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; -} - -.p-input-filled .p-chips-multiple-container { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: rgba(255, 255, 255, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-chips-multiple-container .p-inputtext { - background-image: none; - background-color: transparent; -} -.p-input-filled .p-chips-multiple-container:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); - border-color: transparent; - background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); -} -.p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-chips-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:focus { - background-image: none; - background: transparent; -} - -.p-float-label .p-chips-multiple-container .p-chips-token { - padding: 0.25rem 1rem; -} - -.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token { - padding-top: 0; - padding-bottom: 0; -} -.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { - font-size: 75%; -} -.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token { - padding: 0; -} -.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container { - border-color: transparent; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} - -p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; -} - -.p-datatable .p-sortable-column { - outline: 0 none; -} -.p-datatable .p-sortable-column:focus { - background-color: rgba(255, 255, 255, 0.03); -} -.p-datatable .p-datatable-tbody > tr { - outline: 0 none; -} -.p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus { - background-color: rgba(255, 255, 255, 0.03); -} - -.p-dropdown .p-inputtext, .p-dropdown .p-dropdown-trigger { - background-image: none; - background: transparent; -} -.p-dropdown .p-inputtext { - border: 0 none; -} -.p-dropdown:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; -} - -.p-dropdown-item .p-ink { - background-color: rgba(159, 168, 218, 0.16); -} - -.p-input-filled .p-dropdown { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: rgba(255, 255, 255, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-dropdown .p-inputtext { - background-image: none; - background-color: transparent; -} -.p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); - border-color: transparent; - background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); -} -.p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-dropdown .p-inputtext:enabled:hover, .p-input-filled .p-dropdown .p-inputtext:enabled:focus { - background-image: none; - background: transparent; -} -.p-input-filled .p-dropdown .p-inputtext { - border: 0 none; -} -.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown { - border-color: transparent; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus, .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} - -p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; -} - -.p-galleria .p-galleria-indicators { - padding: 1rem; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #F48FB1; - color: #121212; -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(244, 143, 177, 0.68); - color: #121212; -} - -.p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; -} -.p-inputtext:enabled:focus.ng-invalid.ng-dirty { - box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; -} - -.p-input-filled .p-inputtext { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: rgba(255, 255, 255, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-inputtext:enabled:hover { - background-color: rgba(255, 255, 255, 0.08); - border-color: transparent; - background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); -} -.p-input-filled .p-inputtext:enabled:focus { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-inputtext.ng-invalid.ng-dirty { - border-color: transparent; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled .p-inputtext.ng-invalid.ng-dirty:enabled:focus { - box-shadow: none; - border-color: transparent; -} - -.p-input-filled .p-inputgroup .p-inputgroup-addon { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: rgba(255, 255, 255, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-inputgroup .p-inputgroup-addon:last-child { - border-right-color: transparent; -} -.p-input-filled .p-inputgroup-addon:first-child, -.p-input-filled .p-inputgroup button:first-child, -.p-input-filled .p-inputgroup input:first-child { - border-bottom-left-radius: 0; -} -.p-input-filled .p-inputgroup .p-float-label:first-child input { - border-bottom-left-radius: 0; -} -.p-input-filled .p-inputgroup-addon:last-child, -.p-input-filled .p-inputgroup button:last-child, -.p-input-filled .p-inputgroup input:last-child { - border-bottom-right-radius: 0; -} -.p-input-filled .p-inputgroup .p-float-label:last-child input { - border-bottom-right-radius: 0; -} - -p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; -} - -.p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext { - border-color: transparent; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: none; - border-color: transparent; -} - -p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; -} - -.p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext { - border-color: transparent; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: none; - border-color: transparent; -} - -.p-inputswitch .p-inputswitch-slider:before { - transition-property: box-shadow transform; - box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); -} -.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before { - box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12), 0 0 1px 10px rgba(255, 255, 255, 0.04); -} -.p-inputswitch.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before { - box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); -} -.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before { - box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.04), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); -} -.p-inputswitch.p-inputswitch-checked.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before { - box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); -} - -.p-fieldset .p-fieldset-legend { - border: 0 none; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { - background: rgba(255, 255, 255, 0.12); -} - -.p-float-label input:focus ~ label, -.p-float-label input.p-filled ~ label, -.p-float-label textarea:focus ~ label, -.p-float-label textarea.p-filled ~ label, -.p-float-label .p-inputwrapper-focus ~ label, -.p-float-label .p-inputwrapper-filled ~ label { - top: -0.5rem !important; - background-color: #1e1e1e; - padding: 2px 4px; - margin-left: -4px; - margin-top: 0; -} - -.p-float-label textarea ~ label { - margin-top: 0; -} - -.p-float-label input:focus ~ label, -.p-float-label .p-inputwrapper-focus ~ label { - color: #9FA8DA; -} - -.p-input-filled .p-float-label .p-inputtext { - padding-top: 1.5rem; - padding-bottom: 0.5rem; -} -.p-input-filled .p-float-label input:focus ~ label, -.p-input-filled .p-float-label input.p-filled ~ label, -.p-input-filled .p-float-label textarea:focus ~ label, -.p-input-filled .p-float-label textarea.p-filled ~ label, -.p-input-filled .p-float-label .p-inputwrapper-focus ~ label, -.p-input-filled .p-float-label .p-inputwrapper-filled ~ label { - top: 0.25rem !important; - margin-top: 0; - background: transparent; -} - -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-toolbar .fc-button:focus { - background: rgba(159, 168, 218, 0.76); -} -.fc.fc-unthemed .fc-toolbar .fc-button:active { - background: rgba(159, 168, 218, 0.68); -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:focus { - background: rgba(159, 168, 218, 0.76); -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:active { - background: rgba(159, 168, 218, 0.68); -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { - background: #1c1c1c; - border-color: rgba(255, 255, 255, 0.12); -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { - background: #262626; - border-color: rgba(255, 255, 255, 0.12); -} -.fc.fc-theme-standard .fc-toolbar .fc-button:focus { - background: rgba(159, 168, 218, 0.76); -} -.fc.fc-theme-standard .fc-toolbar .fc-button:active { - background: rgba(159, 168, 218, 0.68); -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:focus { - background: rgba(159, 168, 218, 0.76); -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:active { - background: rgba(159, 168, 218, 0.68); -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { - background: #1c1c1c; - border-color: rgba(255, 255, 255, 0.12); -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { - background: #262626; - border-color: rgba(255, 255, 255, 0.12); -} - -.p-listbox .p-listbox-list .p-listbox-item .p-ink { - background-color: rgba(159, 168, 218, 0.16); -} -.p-listbox .p-listbox-list .p-listbox-item:focus { - background: rgba(255, 255, 255, 0.12); -} -.p-listbox .p-listbox-list .p-listbox-item:focus.p-highlight { - background: rgba(159, 168, 218, 0.24); -} - -.p-megamenu .p-menuitem .p-menuitem-link:focus { - background: rgba(255, 255, 255, 0.12); -} - -.p-menu .p-menuitem .p-menuitem-link:focus { - background: rgba(255, 255, 255, 0.12); -} - -.p-menubar .p-menuitem .p-menuitem-link:focus { - background: rgba(255, 255, 255, 0.12); -} - -.p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger { - background-image: none; - background: transparent; -} -.p-multiselect .p-multiselect-label { - border: 0 none; -} -.p-multiselect:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; -} -.p-multiselect .p-multiselect-items .p-multiselect-item .p-ink { - background-color: rgba(159, 168, 218, 0.16); -} -.p-multiselect .p-multiselect-items .p-multiselect-item:focus { - background: rgba(255, 255, 255, 0.12); -} -.p-multiselect .p-multiselect-items .p-multiselect-item:focus.p-highlight { - background: rgba(159, 168, 218, 0.24); -} -.p-multiselect .p-multiselect-close:focus { - background: rgba(255, 255, 255, 0.12); -} - -.p-input-filled .p-multiselect { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: rgba(255, 255, 255, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-multiselect .p-inputtext { - background-image: none; - background-color: transparent; -} -.p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); - border-color: transparent; - background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); -} -.p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-multiselect .p-inputtext:enabled:hover, .p-input-filled .p-multiselect .p-inputtext:enabled:focus { - background-image: none; - background: transparent; -} -.p-input-filled .p-multiselect .p-multiselect-label:hover { - background-image: none; - background: transparent; -} - -.p-float-label .p-multiselect-label .p-multiselect-token { - padding: 0.25rem 1rem; - margin-top: 0.25rem; - margin-bottom: 0.25rem; -} - -.p-input-filled .p-float-label .p-multiselect .p-multiselect-label { - padding-top: 1.5rem; - padding-bottom: 0.5rem; -} -.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect .p-multiselect-label { - padding-top: 1.5rem; - padding-bottom: 0.5rem; -} -.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token { - padding-top: 0; - padding-bottom: 0; - margin-top: 0; - margin-bottom: 0; -} -.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { - font-size: 75%; -} -.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect { - border-color: transparent; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus, .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} - -p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; -} - -.p-orderlist .p-orderlist-list .p-orderlist-item:focus { - background: rgba(255, 255, 255, 0.12); -} -.p-orderlist .p-orderlist-list .p-orderlist-item:focus.p-highlight { - background: rgba(159, 168, 218, 0.24); -} - -.p-overlaypanel .p-overlaypanel-content { - padding: 1.5rem; -} - -.p-paginator { - justify-content: flex-end; -} -.p-paginator .p-paginator-element:focus { - background: rgba(255, 255, 255, 0.12); -} -.p-paginator .p-paginator-element:focus.p-highlight { - background: rgba(159, 168, 218, 0.24); -} - -.p-panel { - border-radius: 4px; - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); -} -.p-panel .p-panel-header, -.p-panel .p-panel-content, -.p-panel .p-panel-footer { - border: 0 none; -} -.p-panel .p-panel-content { - padding-top: 0; -} -.p-panel .p-panel-title { - font-size: 1.25rem; -} -.p-panel .p-panel-header-icon:focus { - background: rgba(255, 255, 255, 0.12); -} - -.p-panelmenu .p-panelmenu-panel { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - margin-bottom: 0; - border-radius: 0; - position: relative; - transition: margin-bottom 225ms; -} -.p-panelmenu .p-panelmenu-panel:first-child { - border-top-left-radius: 4px; - border-top-right-radius: 4px; -} -.p-panelmenu .p-panelmenu-panel:last-child { - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-icon { - order: 1; - margin-left: auto; - margin-right: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled { - opacity: 1; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-link > * { - opacity: 0.38; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-link:focus { - background: rgba(255, 255, 255, 0.04); -} -.p-panelmenu .p-panelmenu-panel .p-menuitem .p-menuitem-link:focus { - background: rgba(255, 255, 255, 0.12); -} - -.p-picklist .p-picklist-list .p-picklist-item:focus { - background: rgba(255, 255, 255, 0.12); -} -.p-picklist .p-picklist-list .p-picklist-item:focus.p-highlight { - background: rgba(159, 168, 218, 0.24); -} - -.p-progressbar { - border-radius: 0; -} -.p-progressbar .p-progressbar-label { - display: none; -} - -.p-radiobutton { - border-radius: 50%; - transition: box-shadow 0.2s; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border: 2px solid rgba(255, 255, 255, 0.7); -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - border: 2px solid rgba(255, 255, 255, 0.7); -} -.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus { - border-color: #9FA8DA; -} -.p-radiobutton:not(.p-radiobutton-disabled):hover { - box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); -} -.p-radiobutton:not(.p-radiobutton-disabled).p-radiobutton-focused { - box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); -} -.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover { - box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.04); -} -.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused { - box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.12); -} - -.p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #1e1e1e; -} -.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #1e1e1e; -} - -.p-rating .p-rating-icon { - border-radius: 50%; - width: 2rem; - height: 2rem; - display: inline-flex; - justify-content: center; - align-items: center; - margin-left: 0; -} -.p-rating .p-rating-icon:focus { - background: rgba(159, 168, 218, 0.12); -} -.p-rating .p-rating-icon.p-rating-cancel:focus { - background: rgba(244, 68, 53, 0.12); -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { - background-color: rgba(0, 0, 0, 0.04); -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - background: rgba(244, 68, 53, 0.04); -} - -.p-selectbutton .p-button:focus { - background: #1c1c1c; - border-color: rgba(255, 255, 255, 0.12); -} -.p-selectbutton .p-button:focus.p-highlight { - background: #262626; - border-color: rgba(255, 255, 255, 0.12); -} - -.p-slidemenu .p-menuitem-link:focus { - background: rgba(255, 255, 255, 0.12); -} - -.p-slider .p-slider-handle { - transition: transform 0.2s, box-shadow 0.2s; - transform: scale(0.7); -} -.p-slider .p-slider-handle:focus { - box-shadow: 0 0 1px 10px rgba(244, 143, 177, 0.2); -} -.p-slider.p-slider-sliding .p-slider-handle { - transform: scale(1); -} - -.p-steps { - padding: 1rem 0; -} -.p-steps .p-steps-item { - justify-content: flex-start; - flex-direction: row-reverse; - align-items: center; -} -.p-steps .p-steps-item:before { - position: static; - left: auto; - top: auto; - margin-top: 0; -} -.p-steps .p-steps-item:last-child { - flex-grow: 0; -} -.p-steps .p-steps-item:last-child:before { - display: none; -} -.p-steps .p-steps-item .p-menuitem-link { - flex-direction: row; - flex: 1 1 auto; - overflow: visible; - padding: 1rem 0.5rem; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-number { - background-color: #9e9d9e; - color: #ffffff; - font-size: 0.857rem; - min-width: 1.714rem; - height: 1.714rem; - line-height: 1.714rem; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-title { - margin: 0; - padding-left: 0.5rem; -} -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { - background: rgba(255, 255, 255, 0.12); -} -.p-steps .p-steps-item.p-highlight .p-steps-number { - background-color: #9FA8DA; - color: #121212; -} -.p-steps .p-steps-item.p-highlight .p-steps-title { - font-weight: 600; - color: rgba(255, 255, 255, 0.87); -} -.p-steps .p-steps-item.p-disabled { - opacity: 1; -} - -.p-tabview .p-tabview-nav { - position: relative; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link { - transition: background-color 0.2s; - border-radius: 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link > .p-ink { - background-color: rgba(159, 168, 218, 0.16); -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link:focus { - background-color: rgba(159, 168, 218, 0.12); -} -.p-tabview .p-tabview-nav .p-tabview-ink-bar { - z-index: 1; - display: block; - position: absolute; - bottom: 0; - height: 2px; - background-color: #9FA8DA; - transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); -} - -.p-toolbar { - border: 0 none; -} - -.p-tooltip .p-tooltip-text { - box-shadow: none; - font-size: 0.875rem; -} -.p-tooltip .p-tooltip-arrow { - display: none; -} - -.p-tieredmenu .p-menuitem-link:focus { - background: rgba(255, 255, 255, 0.12); -} - -.p-treeselect .p-treeselect-label, .p-treeselect .p-treeselect-trigger { - background-image: none; - background: transparent; -} -.p-treeselect .p-treeselect-label { - border: 0 none; -} -.p-treeselect:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; -} - -.p-treeselect-item .p-ink { - background-color: rgba(159, 168, 218, 0.16); -} - -.p-input-filled .p-treeselect { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: rgba(255, 255, 255, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-treeselect .p-inputtext { - background-image: none; - background-color: transparent; -} -.p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); - border-color: transparent; - background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); -} -.p-input-filled .p-treeselect:not(.p-disabled).p-focus, .p-input-filled .p-treeselect:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-treeselect .p-inputtext:enabled:hover, .p-input-filled .p-treeselect .p-inputtext:enabled:focus { - background-image: none; - background: transparent; -} -.p-input-filled .p-treeselect .p-treeselect-label:hover { - background-image: none; - background: transparent; -} - -.p-float-label .p-treeselect-label .p-treeselect-token { - padding: 0.25rem 1rem; - margin-top: 0.25rem; - margin-bottom: 0.25rem; -} - -.p-input-filled .p-float-label .p-treeselect .p-treeselect-label { - padding-top: 1.5rem; - padding-bottom: 0.5rem; -} -.p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect .p-treeselect-label { - padding-top: 1.5rem; - padding-bottom: 0.5rem; -} -.p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-token { - padding-top: 0; - padding-bottom: 0; - margin-top: 0; - margin-bottom: 0; -} -.p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-token .p-treeselect-token-icon { - font-size: 75%; -} -.p-input-filled .p-treeselect.p-invalid { - border-color: transparent; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled .p-treeselect.p-invalid:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} - -.p-treeselect.p-invalid:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; -} - -.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - background: rgba(255, 255, 255, 0.12); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content:focus.p-highlight { - background: rgba(159, 168, 218, 0.24); -} - -.p-treetable .p-sortable-column { - outline: 0 none; -} -.p-treetable .p-sortable-column:focus { - background-color: rgba(255, 255, 255, 0.03); -} -.p-treetable .p-treetable-tbody > tr { - outline: 0 none; -} -.p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus { - background-color: rgba(255, 255, 255, 0.03); -} - -.p-tabmenu .p-tabmenu-nav { - position: relative; -} -.p-tabmenu .p-tabmenu-nav li .p-menuitem-link { - transition: background-color 0.2s; - border-radius: 0; -} -.p-tabmenu .p-tabmenu-nav li .p-menuitem-link > .p-ink { - background-color: rgba(159, 168, 218, 0.16); -} -.p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus { - background-color: rgba(159, 168, 218, 0.12); -} -.p-tabmenu .p-tabmenu-nav li.p-highlight .p-menuitem-link:focus { - background-color: rgba(159, 168, 218, 0.12); -} -.p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar { - display: block; - position: absolute; - bottom: 0; - height: 2px; - background-color: #9FA8DA; - transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); -} - -.p-timeline.p-timeline-vertical .p-timeline-event-connector { - margin: 0.5rem 0; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-connector { - margin: 0 0.5rem; -} - -.p-togglebutton.p-button:focus { - background: #1c1c1c; - border-color: rgba(255, 255, 255, 0.12); -} -.p-togglebutton.p-button:focus.p-highlight { - background: #262626; - border-color: rgba(255, 255, 255, 0.12); -} - -/* Customizations to the designer theme should be defined here */ diff --git a/src/assets/theme/md-light-deeppurple/theme.css b/src/assets/theme/md-light-deeppurple/theme.css deleted file mode 100644 index 9e2e82f..0000000 --- a/src/assets/theme/md-light-deeppurple/theme.css +++ /dev/null @@ -1,7138 +0,0 @@ -:root { - --surface-a:#ffffff; - --surface-b:#fafafa; - --surface-c:rgba(0,0,0,.04); - --surface-d:rgba(0,0,0,.12); - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:rgba(0, 0, 0, 0.87); - --text-color-secondary:rgba(0, 0, 0, 0.6); - --primary-color:#673AB7; - --primary-color-text:#ffffff; - --font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; - --surface-0: #ffffff; - --surface-50: #FAFAFA; - --surface-100: #F5F5F5; - --surface-200: #EEEEEE; - --surface-300: #E0E0E0; - --surface-400: #BDBDBD; - --surface-500: #9E9E9E; - --surface-600: #757575; - --surface-700: #616161; - --surface-800: #424242; - --surface-900: #212121; - --gray-50: #FAFAFA; - --gray-100: #F5F5F5; - --gray-200: #EEEEEE; - --gray-300: #E0E0E0; - --gray-400: #BDBDBD; - --gray-500: #9E9E9E; - --gray-600: #757575; - --gray-700: #616161; - --gray-800: #424242; - --gray-900: #212121; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:4px; - --surface-ground:#fafafa; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#rgba(0,0,0,.12); - --surface-hover:rgba(0,0,0,.04); - --maskbg: rgba(0, 0, 0, 0.32); - --focus-ring: none; -} - -/* roboto-regular - latin-ext_latin */ -@font-face { - font-family: "Roboto"; - font-style: normal; - font-weight: 400; - src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -/* roboto-500 - latin-ext_latin */ -@font-face { - font-family: "Roboto"; - font-style: normal; - font-weight: 500; - src: local("Roboto Medium"), local("Roboto-Medium"), url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-500.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -/* roboto-700 - latin-ext_latin */ -@font-face { - font-family: "Roboto"; - font-style: normal; - font-weight: 700; - src: local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -* { - box-sizing: border-box; -} - -.p-component { - font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; - font-size: 1rem; - font-weight: normal; -} - -.p-component-overlay { - background-color: rgba(0, 0, 0, 0.32); - transition-duration: 0.2s; -} - -.p-disabled, .p-component:disabled { - opacity: 0.38; -} - -.p-error { - color: #B00020; -} - -.p-text-secondary { - color: rgba(0, 0, 0, 0.6); -} - -.pi { - font-size: 1rem; -} - -.p-link { - font-size: 1rem; - font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; - border-radius: 4px; -} -.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-component-overlay-enter { - animation: p-component-overlay-enter-animation 150ms forwards; -} - -.p-component-overlay-leave { - animation: p-component-overlay-leave-animation 150ms forwards; -} - -@keyframes p-component-overlay-enter-animation { - from { - background-color: transparent; - } - to { - background-color: var(--maskbg); - } -} -@keyframes p-component-overlay-leave-animation { - from { - background-color: var(--maskbg); - } - to { - background-color: transparent; - } -} - -:root { - --blue-50:#f4fafe; - --blue-100:#cae6fc; - --blue-200:#a0d2fa; - --blue-300:#75bef8; - --blue-400:#4baaf5; - --blue-500:#2196f3; - --blue-600:#1c80cf; - --blue-700:#1769aa; - --blue-800:#125386; - --blue-900:#0d3c61; - --green-50:#f7faf5; - --green-100:#dbe8cf; - --green-200:#bed6a9; - --green-300:#a1c384; - --green-400:#85b15e; - --green-500:#689f38; - --green-600:#588730; - --green-700:#496f27; - --green-800:#39571f; - --green-900:#2a4016; - --yellow-50:#fffcf5; - --yellow-100:#fef0cd; - --yellow-200:#fde4a5; - --yellow-300:#fdd87d; - --yellow-400:#fccc55; - --yellow-500:#fbc02d; - --yellow-600:#d5a326; - --yellow-700:#b08620; - --yellow-800:#8a6a19; - --yellow-900:#644d12; - --cyan-50:#f2fcfd; - --cyan-100:#c2eff5; - --cyan-200:#91e2ed; - --cyan-300:#61d5e4; - --cyan-400:#30c9dc; - --cyan-500:#00bcd4; - --cyan-600:#00a0b4; - --cyan-700:#008494; - --cyan-800:#006775; - --cyan-900:#004b55; - --pink-50:#fef4f7; - --pink-100:#fac9da; - --pink-200:#f69ebc; - --pink-300:#f1749e; - --pink-400:#ed4981; - --pink-500:#e91e63; - --pink-600:#c61a54; - --pink-700:#a31545; - --pink-800:#801136; - --pink-900:#5d0c28; - --indigo-50:#f6f7fc; - --indigo-100:#d5d9ef; - --indigo-200:#b3bae2; - --indigo-300:#919cd5; - --indigo-400:#707dc8; - --indigo-500:#4e5fbb; - --indigo-600:#42519f; - --indigo-700:#374383; - --indigo-800:#2b3467; - --indigo-900:#1f264b; - --teal-50:#f2faf9; - --teal-100:#c2e6e2; - --teal-200:#91d2cc; - --teal-300:#61beb5; - --teal-400:#30aa9f; - --teal-500:#009688; - --teal-600:#008074; - --teal-700:#00695f; - --teal-800:#00534b; - --teal-900:#003c36; - --orange-50:#fffaf2; - --orange-100:#ffe6c2; - --orange-200:#ffd391; - --orange-300:#ffbf61; - --orange-400:#ffac30; - --orange-500:#ff9800; - --orange-600:#d98100; - --orange-700:#b36a00; - --orange-800:#8c5400; - --orange-900:#663d00; - --bluegray-50:#f7f9f9; - --bluegray-100:#d9e0e3; - --bluegray-200:#bbc7cd; - --bluegray-300:#9caeb7; - --bluegray-400:#7e96a1; - --bluegray-500:#607d8b; - --bluegray-600:#526a76; - --bluegray-700:#435861; - --bluegray-800:#35454c; - --bluegray-900:#263238; - --purple-50:#faf4fb; - --purple-100:#e7cbec; - --purple-200:#d4a2dd; - --purple-300:#c279ce; - --purple-400:#af50bf; - --purple-500:#9c27b0; - --purple-600:#852196; - --purple-700:#6d1b7b; - --purple-800:#561561; - --purple-900:#3e1046; -} - -.p-autocomplete .p-autocomplete-loader { - right: 1rem; -} -.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 4rem; -} -.p-autocomplete .p-autocomplete-multiple-container { - padding: 0.5rem 1rem; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: rgba(0, 0, 0, 0.87); -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #673AB7; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { - padding: 0.5rem 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; - font-size: 1rem; - color: rgba(0, 0, 0, 0.87); - padding: 0; - margin: 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { - padding: 0.5rem 1rem; - margin-right: 0.5rem; - background: rgba(103, 58, 183, 0.12); - color: #673AB7; - border-radius: 4px; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; -} - -p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #B00020; -} - -.p-autocomplete-panel { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} -.p-autocomplete-panel .p-autocomplete-items:not(.p-autocomplete-virtualscroll) { - padding: 0; -} -.p-autocomplete-panel .p-autocomplete-items.p-autocomplete-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { - margin: 0; - padding: 1rem 1rem; - border: 0 none; - color: rgba(0, 0, 0, 0.87); - background: transparent; - transition: none; - border-radius: 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: rgba(0, 0, 0, 0.87); - background: rgba(0, 0, 0, 0.04); -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: #673AB7; - background: rgba(103, 58, 183, 0.12); -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 1rem 1rem; - color: rgba(0, 0, 0, 0.87); - background: transparent; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { - margin: 0; - padding: 1rem; - color: rgba(0, 0, 0, 0.6); - background: #ffffff; - font-weight: 400; -} - -p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { - border-color: #B00020; -} - -.p-datepicker { - padding: 0.5rem; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e5e5e5; - border-radius: 4px; -} -.p-datepicker:not(.p-datepicker-inline) { - background: #ffffff; - border: 0 none; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} -.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { - background: #ffffff; -} -.p-datepicker .p-datepicker-header { - padding: 0.5rem; - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - font-weight: 500; - margin: 0; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev, -.p-datepicker .p-datepicker-header .p-datepicker-next { - width: 2.5rem; - height: 2.5rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-datepicker .p-datepicker-header .p-datepicker-title { - line-height: 2.5rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - color: rgba(0, 0, 0, 0.87); - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - font-weight: 500; - padding: 0.5rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #673AB7; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - margin-right: 0.5rem; -} -.p-datepicker table { - font-size: 1rem; - margin: 0.5rem 0; -} -.p-datepicker table th { - padding: 0.5rem; -} -.p-datepicker table th > span { - width: 2.5rem; - height: 2.5rem; -} -.p-datepicker table td { - padding: 0.5rem; -} -.p-datepicker table td > span { - width: 2.5rem; - height: 2.5rem; - border-radius: 50%; - transition: none; - border: 1px solid transparent; -} -.p-datepicker table td > span.p-highlight { - color: #673AB7; - background: rgba(103, 58, 183, 0.12); -} -.p-datepicker table td > span:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-datepicker table td.p-datepicker-today > span { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border-color: black; -} -.p-datepicker table td.p-datepicker-today > span.p-highlight { - color: #673AB7; - background: rgba(103, 58, 183, 0.12); -} -.p-datepicker .p-datepicker-buttonbar { - padding: 1rem 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} -.p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; -} -.p-datepicker .p-timepicker { - border-top: 1px solid rgba(0, 0, 0, 0.12); - padding: 0.5rem; -} -.p-datepicker .p-timepicker button { - width: 2.5rem; - height: 2.5rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-timepicker button:enabled:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); -} -.p-datepicker .p-timepicker button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-datepicker .p-timepicker button:last-child { - margin-top: 0.2em; -} -.p-datepicker .p-timepicker span { - font-size: 1.25rem; -} -.p-datepicker .p-timepicker > div { - padding: 0 0.5rem; -} -.p-datepicker.p-datepicker-timeonly .p-timepicker { - border-top: 0 none; -} -.p-datepicker .p-monthpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-monthpicker .p-monthpicker-month { - padding: 0.5rem; - transition: none; - border-radius: 4px; -} -.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: #673AB7; - background: rgba(103, 58, 183, 0.12); -} -.p-datepicker .p-yearpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-yearpicker .p-yearpicker-year { - padding: 0.5rem; - transition: none; - border-radius: 4px; -} -.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { - color: #673AB7; - background: rgba(103, 58, 183, 0.12); -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid rgba(0, 0, 0, 0.12); - padding-right: 0.5rem; - padding-left: 0.5rem; - padding-top: 0; - padding-bottom: 0; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { - padding-left: 0; - border-left: 0 none; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { - padding-right: 0; -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { - background: rgba(0, 0, 0, 0.04); -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { - background: rgba(0, 0, 0, 0.04); -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -@media screen and (max-width: 769px) { - .p-datepicker table th, .p-datepicker table td { - padding: 0; - } -} -.p-cascadeselect { - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.38); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; -} -.p-cascadeselect:not(.p-disabled):hover { - border-color: rgba(0, 0, 0, 0.87); -} -.p-cascadeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #673AB7; -} -.p-cascadeselect .p-cascadeselect-label { - background: transparent; - border: 0 none; - padding: 1rem 1rem; -} -.p-cascadeselect .p-cascadeselect-label.p-placeholder { - color: rgba(0, 0, 0, 0.6); -} -.p-cascadeselect .p-cascadeselect-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-cascadeselect .p-cascadeselect-trigger { - background: transparent; - color: rgba(0, 0, 0, 0.6); - width: 2.357rem; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-cascadeselect-panel { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} -.p-cascadeselect-panel .p-cascadeselect-items { - padding: 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { - margin: 0; - border: 0 none; - color: rgba(0, 0, 0, 0.87); - background: transparent; - transition: none; - border-radius: 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 1rem 1rem; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { - color: #673AB7; - background: rgba(103, 58, 183, 0.12); -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(0, 0, 0, 0.87); - background: rgba(0, 0, 0, 0.04); -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { - font-size: 0.875rem; -} - -p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #B00020; -} - -.p-input-filled .p-cascadeselect { - background: #f5f5f5; -} -.p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #ececec; -} -.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #dcdcdc; -} - -.p-checkbox { - width: 18px; - height: 18px; -} -.p-checkbox .p-checkbox-box { - border: 2px solid #757575; - background: #ffffff; - width: 18px; - height: 18px; - color: rgba(0, 0, 0, 0.87); - border-radius: 4px; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-checkbox .p-checkbox-box .p-checkbox-icon { - transition-duration: 0.2s; - color: #ffffff; - font-size: 14px; -} -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #673AB7; - background: #673AB7; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: rgba(0, 0, 0, 0.87); -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #673AB7; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #673AB7; - background: #673AB7; - color: #ffffff; -} - -p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #B00020; -} - -.p-input-filled .p-checkbox .p-checkbox-box { - background-color: #f5f5f5; -} -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #673AB7; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #ececec; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #673AB7; -} - -.p-checkbox-label { - margin-left: 0.5rem; -} - -.p-chips .p-chips-multiple-container { - padding: 0.5rem 1rem; -} -.p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: rgba(0, 0, 0, 0.87); -} -.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #673AB7; -} -.p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.5rem 1rem; - margin-right: 0.5rem; - background: rgba(103, 58, 183, 0.12); - color: #673AB7; - border-radius: 4px; -} -.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { - margin-left: 0.5rem; -} -.p-chips .p-chips-multiple-container .p-chips-input-token { - padding: 0.5rem 0; -} -.p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; - font-size: 1rem; - color: rgba(0, 0, 0, 0.87); - padding: 0; - margin: 0; -} - -p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { - border-color: #B00020; -} - -.p-colorpicker-preview, -.p-fluid .p-colorpicker-preview.p-inputtext { - width: 2rem; - height: 2rem; -} - -.p-colorpicker-panel { - background: #323232; - border: 1px solid #191919; -} -.p-colorpicker-panel .p-colorpicker-color-handle, -.p-colorpicker-panel .p-colorpicker-hue-handle { - border-color: #ffffff; -} - -.p-colorpicker-overlay-panel { - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} - -.p-dropdown { - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.38); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; -} -.p-dropdown:not(.p-disabled):hover { - border-color: rgba(0, 0, 0, 0.87); -} -.p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #673AB7; -} -.p-dropdown.p-dropdown-clearable .p-dropdown-label { - padding-right: 2rem; -} -.p-dropdown .p-dropdown-label { - background: transparent; - border: 0 none; -} -.p-dropdown .p-dropdown-label.p-placeholder { - color: rgba(0, 0, 0, 0.6); -} -.p-dropdown .p-dropdown-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-dropdown .p-dropdown-trigger { - background: transparent; - color: rgba(0, 0, 0, 0.6); - width: 2.357rem; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} -.p-dropdown .p-dropdown-clear-icon { - color: rgba(0, 0, 0, 0.6); - right: 2.357rem; -} - -.p-dropdown-panel { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} -.p-dropdown-panel .p-dropdown-header { - padding: 1rem; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - margin: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { - padding-right: 2rem; - margin-right: -2rem; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { - right: 1rem; - color: rgba(0, 0, 0, 0.6); -} -.p-dropdown-panel .p-dropdown-items:not(.p-dropdown-virtualscroll) { - padding: 0; -} -.p-dropdown-panel .p-dropdown-items.p-dropdown-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item { - margin: 0; - padding: 1rem 1rem; - border: 0 none; - color: rgba(0, 0, 0, 0.87); - background: transparent; - transition: none; - border-radius: 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: #673AB7; - background: rgba(103, 58, 183, 0.12); -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(0, 0, 0, 0.87); - background: rgba(0, 0, 0, 0.04); -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 1rem 1rem; - color: rgba(0, 0, 0, 0.87); - background: transparent; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { - margin: 0; - padding: 1rem; - color: rgba(0, 0, 0, 0.6); - background: #ffffff; - font-weight: 400; -} - -p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #B00020; -} - -.p-input-filled .p-dropdown { - background: #f5f5f5; -} -.p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #ececec; -} -.p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: #dcdcdc; -} - -.p-editor-container .p-editor-toolbar { - background: #ffffff; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #e0e0e0; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: rgba(0, 0, 0, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: rgba(0, 0, 0, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: rgba(0, 0, 0, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: rgba(0, 0, 0, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: rgba(0, 0, 0, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: rgba(0, 0, 0, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: rgba(0, 0, 0, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: rgba(0, 0, 0, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: rgba(0, 0, 0, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #ffffff; - border: 0 none; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - border-radius: 4px; - padding: 0; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: rgba(0, 0, 0, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: rgba(0, 0, 0, 0.87); - background: rgba(0, 0, 0, 0.04); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 1rem 1rem; -} -.p-editor-container .p-editor-content { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-editor-container .p-editor-content.ql-snow { - border: 1px solid #e0e0e0; -} -.p-editor-container .p-editor-content .ql-editor { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: rgba(0, 0, 0, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: rgba(0, 0, 0, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: rgba(0, 0, 0, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #673AB7; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #673AB7; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #673AB7; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #673AB7; -} - -.p-inputgroup-addon { - background: #ffffff; - color: rgba(0, 0, 0, 0.6); - border-top: 1px solid rgba(0, 0, 0, 0.38); - border-left: 1px solid rgba(0, 0, 0, 0.38); - border-bottom: 1px solid rgba(0, 0, 0, 0.38); - padding: 1rem 1rem; - min-width: 2.357rem; -} -.p-inputgroup-addon:last-child { - border-right: 1px solid rgba(0, 0, 0, 0.38); -} - -.p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, -.p-inputgroup > .p-float-label > .p-component { - border-radius: 0; - margin: 0; -} -.p-inputgroup > .p-component + .p-inputgroup-addon, -.p-inputgroup > .p-element + .p-inputgroup-addon, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, -.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { - border-left: 0 none; -} -.p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, -.p-inputgroup > .p-float-label > .p-component:focus { - z-index: 1; -} -.p-inputgroup > .p-component:focus ~ label, -.p-inputgroup > .p-element:focus ~ label, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, -.p-inputgroup > .p-float-label > .p-component:focus ~ label { - z-index: 1; -} - -.p-inputgroup-addon:first-child, -.p-inputgroup button:first-child, -.p-inputgroup input:first-child, -.p-inputgroup > .p-inputwrapper:first-child > .p-component, -.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-inputgroup .p-float-label:first-child input { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-inputgroup-addon:last-child, -.p-inputgroup button:last-child, -.p-inputgroup input:last-child, -.p-inputgroup > .p-inputwrapper:last-child > .p-component, -.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-inputgroup .p-float-label:last-child input { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-fluid .p-inputgroup .p-button { - width: auto; -} -.p-fluid .p-inputgroup .p-button.p-button-icon-only { - width: 3rem; -} - -p-inputmask.ng-dirty.ng-invalid > .p-inputtext { - border-color: #B00020; -} - -p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { - border-color: #B00020; -} - -.p-inputswitch { - width: 2.75rem; - height: 1rem; -} -.p-inputswitch .p-inputswitch-slider { - background: rgba(0, 0, 0, 0.38); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 0.5rem; -} -.p-inputswitch .p-inputswitch-slider:before { - background: #ffffff; - width: 1.5rem; - height: 1.5rem; - left: -1px; - margin-top: -0.75rem; - border-radius: 50%; - transition-duration: 0.2s; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - transform: translateX(1.5rem); -} -.p-inputswitch.p-focus .p-inputswitch-slider { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: rgba(0, 0, 0, 0.38); -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: rgba(103, 58, 183, 0.5); -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: #673AB7; -} -.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: rgba(103, 58, 183, 0.5); -} - -p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { - border-color: #B00020; -} - -.p-inputtext { - font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; - font-size: 1rem; - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - padding: 1rem 1rem; - border: 1px solid rgba(0, 0, 0, 0.38); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - appearance: none; - border-radius: 4px; -} -.p-inputtext:enabled:hover { - border-color: rgba(0, 0, 0, 0.87); -} -.p-inputtext:enabled:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #673AB7; -} -.p-inputtext.ng-dirty.ng-invalid { - border-color: #B00020; -} -.p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.875rem 0.875rem; -} -.p-inputtext.p-inputtext-lg { - font-size: 1.25rem; - padding: 1.25rem 1.25rem; -} - -.p-float-label > label { - left: 1rem; - color: rgba(0, 0, 0, 0.6); - transition-duration: 0.2s; -} - -.p-float-label > .ng-invalid.ng-dirty + label { - color: #B00020; -} - -.p-input-icon-left > i:first-of-type { - left: 1rem; - color: rgba(0, 0, 0, 0.6); -} - -.p-input-icon-left > .p-inputtext { - padding-left: 3rem; -} - -.p-input-icon-left.p-float-label > label { - left: 3rem; -} - -.p-input-icon-right > i:last-of-type { - right: 1rem; - color: rgba(0, 0, 0, 0.6); -} - -.p-input-icon-right > .p-inputtext { - padding-right: 3rem; -} - -::-webkit-input-placeholder { - color: rgba(0, 0, 0, 0.6); -} - -:-moz-placeholder { - color: rgba(0, 0, 0, 0.6); -} - -::-moz-placeholder { - color: rgba(0, 0, 0, 0.6); -} - -:-ms-input-placeholder { - color: rgba(0, 0, 0, 0.6); -} - -.p-input-filled .p-inputtext { - background-color: #f5f5f5; -} -.p-input-filled .p-inputtext:enabled:hover { - background-color: #ececec; -} -.p-input-filled .p-inputtext:enabled:focus { - background-color: #dcdcdc; -} - -.p-inputtext-sm .p-inputtext { - font-size: 0.875rem; - padding: 0.875rem 0.875rem; -} - -.p-inputtext-lg .p-inputtext { - font-size: 1.25rem; - padding: 1.25rem 1.25rem; -} - -.p-listbox { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e5e5e5; - border-radius: 4px; -} -.p-listbox .p-listbox-header { - padding: 1rem; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - margin: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-listbox .p-listbox-header .p-listbox-filter { - padding-right: 2rem; -} -.p-listbox .p-listbox-header .p-listbox-filter-icon { - right: 1rem; - color: rgba(0, 0, 0, 0.6); -} -.p-listbox .p-listbox-header .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list { - padding: 0; -} -.p-listbox .p-listbox-list .p-listbox-item { - margin: 0; - padding: 1rem 1rem; - border: 0 none; - color: rgba(0, 0, 0, 0.87); - transition: none; - border-radius: 0; -} -.p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: #673AB7; - background: rgba(103, 58, 183, 0.12); -} -.p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list .p-listbox-item-group { - margin: 0; - padding: 1rem; - color: rgba(0, 0, 0, 0.6); - background: #ffffff; - font-weight: 400; -} -.p-listbox .p-listbox-list .p-listbox-empty-message { - padding: 1rem 1rem; - color: rgba(0, 0, 0, 0.87); - background: transparent; -} -.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(0, 0, 0, 0.87); - background: rgba(0, 0, 0, 0.04); -} - -p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #B00020; -} - -.p-multiselect { - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.38); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; -} -.p-multiselect:not(.p-disabled):hover { - border-color: rgba(0, 0, 0, 0.87); -} -.p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #673AB7; -} -.p-multiselect .p-multiselect-label { - padding: 1rem 1rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-multiselect .p-multiselect-label.p-placeholder { - color: rgba(0, 0, 0, 0.6); -} -.p-multiselect.p-multiselect-chip .p-multiselect-token { - padding: 0.5rem 1rem; - margin-right: 0.5rem; - background: rgba(103, 58, 183, 0.12); - color: #673AB7; - border-radius: 4px; -} -.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { - margin-left: 0.5rem; -} -.p-multiselect .p-multiselect-trigger { - background: transparent; - color: rgba(0, 0, 0, 0.6); - width: 2.357rem; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { - padding: 0.5rem 1rem; -} - -.p-multiselect-panel { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} -.p-multiselect-panel .p-multiselect-header { - padding: 1rem; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - margin: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { - padding-right: 2rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { - right: 1rem; - color: rgba(0, 0, 0, 0.6); -} -.p-multiselect-panel .p-multiselect-header .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close { - margin-left: 0.5rem; - width: 2.5rem; - height: 2.5rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-multiselect-panel .p-multiselect-items:not(.p-multiselect-virtualscroll) { - padding: 0; -} -.p-multiselect-panel .p-multiselect-items.p-multiselect-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item { - margin: 0; - padding: 1rem 1rem; - border: 0 none; - color: rgba(0, 0, 0, 0.87); - background: transparent; - transition: none; - border-radius: 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: #673AB7; - background: rgba(103, 58, 183, 0.12); -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(0, 0, 0, 0.87); - background: rgba(0, 0, 0, 0.04); -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { - margin: 0; - padding: 1rem; - color: rgba(0, 0, 0, 0.6); - background: #ffffff; - font-weight: 400; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { - padding: 1rem 1rem; - color: rgba(0, 0, 0, 0.87); - background: transparent; -} - -p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #B00020; -} - -.p-input-filled .p-multiselect { - background: #f5f5f5; -} -.p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #ececec; -} -.p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #dcdcdc; -} - -p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #B00020; -} - -.p-password-panel { - padding: 1rem; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - border-radius: 4px; -} -.p-password-panel .p-password-meter { - margin-bottom: 0.5rem; - background: rgba(103, 58, 183, 0.32); -} -.p-password-panel .p-password-meter .p-password-strength.weak { - background: #D32F2F; -} -.p-password-panel .p-password-meter .p-password-strength.medium { - background: #FBC02D; -} -.p-password-panel .p-password-meter .p-password-strength.strong { - background: #689F38; -} - -.p-radiobutton { - width: 20px; - height: 20px; -} -.p-radiobutton .p-radiobutton-box { - border: 2px solid #757575; - background: #ffffff; - width: 20px; - height: 20px; - color: rgba(0, 0, 0, 0.87); - border-radius: 50%; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: rgba(0, 0, 0, 0.87); -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #673AB7; -} -.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - width: 10px; - height: 10px; - transition-duration: 0.2s; - background-color: #673AB7; -} -.p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #673AB7; - background: #ffffff; -} -.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #673AB7; - background: #ffffff; - color: #673AB7; -} - -p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #B00020; -} - -.p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #f5f5f5; -} -.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #ececec; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #ffffff; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #ffffff; -} - -.p-radiobutton-label { - margin-left: 0.5rem; -} - -.p-rating .p-rating-icon { - color: #673AB7; - margin-left: 0.5rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - font-size: 1.143rem; -} -.p-rating .p-rating-icon.p-rating-cancel { - color: #B00020; -} -.p-rating .p-rating-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-rating .p-rating-icon:first-child { - margin-left: 0; -} -.p-rating .p-rating-icon.pi-star-fill { - color: #673AB7; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { - color: #673AB7; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - color: #B00020; -} - -.p-selectbutton .p-button { - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-selectbutton .p-button .p-button-icon-left, -.p-selectbutton .p-button .p-button-icon-right { - color: rgba(0, 0, 0, 0.6); -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { - background: #f6f6f6; - border-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: rgba(0, 0, 0, 0.6); -} -.p-selectbutton .p-button.p-highlight { - background: #e0e0e1; - border-color: #e0e0e1; - color: rgba(0, 0, 0, 0.87); -} -.p-selectbutton .p-button.p-highlight .p-button-icon-left, -.p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: rgba(0, 0, 0, 0.6); -} -.p-selectbutton .p-button.p-highlight:hover { - background: #d9d8d9; - border-color: #d9d8d9; - color: rgba(0, 0, 0, 0.87); -} -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: rgba(0, 0, 0, 0.6); -} - -p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #B00020; -} - -.p-slider { - background: #c1c1c1; - border: 0 none; - border-radius: 4px; -} -.p-slider.p-slider-horizontal { - height: 2px; -} -.p-slider.p-slider-horizontal .p-slider-handle { - margin-top: -10px; - margin-left: -10px; -} -.p-slider.p-slider-vertical { - width: 2px; -} -.p-slider.p-slider-vertical .p-slider-handle { - margin-left: -10px; - margin-bottom: -10px; -} -.p-slider .p-slider-handle { - height: 20px; - width: 20px; - background: #673AB7; - border: 0 none; - border-radius: 50%; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-slider .p-slider-handle:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-slider .p-slider-range { - background: #673AB7; -} -.p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #673AB7; - border-color: 0 none; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), left 0.2s; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { - transition: width 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), bottom 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { - transition: height 0.2s; -} - -.p-togglebutton.p-button { - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-togglebutton.p-button .p-button-icon-left, -.p-togglebutton.p-button .p-button-icon-right { - color: rgba(0, 0, 0, 0.6); -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { - background: #f6f6f6; - border-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: rgba(0, 0, 0, 0.6); -} -.p-togglebutton.p-button.p-highlight { - background: #e0e0e1; - border-color: #e0e0e1; - color: rgba(0, 0, 0, 0.87); -} -.p-togglebutton.p-button.p-highlight .p-button-icon-left, -.p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: rgba(0, 0, 0, 0.6); -} -.p-togglebutton.p-button.p-highlight:hover { - background: #d9d8d9; - border-color: #d9d8d9; - color: rgba(0, 0, 0, 0.87); -} -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: rgba(0, 0, 0, 0.6); -} - -p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #B00020; -} - -.p-treeselect { - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.38); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; -} -.p-treeselect:not(.p-disabled):hover { - border-color: rgba(0, 0, 0, 0.87); -} -.p-treeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #673AB7; -} -.p-treeselect .p-treeselect-label { - padding: 1rem 1rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-treeselect .p-treeselect-label.p-placeholder { - color: rgba(0, 0, 0, 0.6); -} -.p-treeselect.p-treeselect-chip .p-treeselect-token { - padding: 0.5rem 1rem; - margin-right: 0.5rem; - background: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); - border-radius: 16px; -} -.p-treeselect .p-treeselect-trigger { - background: transparent; - color: rgba(0, 0, 0, 0.6); - width: 2.357rem; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -p-treeselect.ng-invalid.ng-dirty > .p-treeselect { - border-color: #B00020; -} - -.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { - padding: 0.5rem 1rem; -} - -.p-treeselect-panel { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { - border: 0 none; -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { - padding: 1rem 1rem; - color: rgba(0, 0, 0, 0.87); - background: transparent; -} - -.p-input-filled .p-treeselect { - background: #f5f5f5; -} -.p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #ececec; -} -.p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: #dcdcdc; -} - -.p-button { - color: #ffffff; - background: #673AB7; - border: 0 none; - padding: 0.714rem 1rem; - font-size: 1rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; -} -.p-button:enabled:hover { - background: rgba(103, 58, 183, 0.92); - color: #ffffff; - border-color: transparent; -} -.p-button:enabled:active { - background: rgba(103, 58, 183, 0.68); - color: #ffffff; - border-color: transparent; -} -.p-button.p-button-outlined { - background-color: transparent; - color: #673AB7; - border: 0 none; -} -.p-button.p-button-outlined:enabled:hover { - background: rgba(103, 58, 183, 0.04); - color: #673AB7; - border: 0 none; -} -.p-button.p-button-outlined:enabled:active { - background: rgba(103, 58, 183, 0.16); - color: #673AB7; - border: 0 none; -} -.p-button.p-button-outlined.p-button-plain { - color: rgba(0, 0, 0, 0.6); - border-color: rgba(0, 0, 0, 0.6); -} -.p-button.p-button-outlined.p-button-plain:enabled:hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.6); -} -.p-button.p-button-outlined.p-button-plain:enabled:active { - background: rgba(0, 0, 0, 0.16); - color: rgba(0, 0, 0, 0.6); -} -.p-button.p-button-text { - background-color: transparent; - color: #673AB7; - border-color: transparent; -} -.p-button.p-button-text:enabled:hover { - background: rgba(103, 58, 183, 0.04); - color: #673AB7; - border-color: transparent; -} -.p-button.p-button-text:enabled:active { - background: rgba(103, 58, 183, 0.16); - color: #673AB7; - border-color: transparent; -} -.p-button.p-button-text.p-button-plain { - color: rgba(0, 0, 0, 0.6); -} -.p-button.p-button-text.p-button-plain:enabled:hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.6); -} -.p-button.p-button-text.p-button-plain:enabled:active { - background: rgba(0, 0, 0, 0.16); - color: rgba(0, 0, 0, 0.6); -} -.p-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-button .p-button-icon-left { - margin-right: 0.5rem; -} -.p-button .p-button-icon-right { - margin-left: 0.5rem; -} -.p-button .p-button-icon-bottom { - margin-top: 0.5rem; -} -.p-button .p-button-icon-top { - margin-bottom: 0.5rem; -} -.p-button .p-badge { - margin-left: 0.5rem; - min-width: 1rem; - height: 1rem; - line-height: 1rem; - color: #673AB7; - background-color: #ffffff; -} -.p-button.p-button-raised { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -} -.p-button.p-button-rounded { - border-radius: 2rem; -} -.p-button.p-button-icon-only { - width: 3rem; - padding: 0.714rem; -} -.p-button.p-button-icon-only .p-button-icon-left, -.p-button.p-button-icon-only .p-button-icon-right { - margin: 0; -} -.p-button.p-button-icon-only.p-button-rounded { - border-radius: 50%; - height: 3rem; -} -.p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.62475rem 0.875rem; -} -.p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; -} -.p-button.p-button-lg { - font-size: 1.25rem; - padding: 0.8925rem 1.25rem; -} -.p-button.p-button-lg .p-button-icon { - font-size: 1.25rem; -} -.p-button.p-button-loading-label-only .p-button-label { - margin-left: 0.5rem; -} -.p-button.p-button-loading-label-only .p-button-loading-icon { - margin-right: 0; -} - -.p-fluid .p-button { - width: 100%; -} -.p-fluid .p-button-icon-only { - width: 3rem; -} -.p-fluid .p-buttonset { - display: flex; -} -.p-fluid .p-buttonset .p-button { - flex: 1; -} - -.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { - color: #ffffff; - background: #4CAF50; - border: 0 none; -} -.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { - background: rgba(76, 175, 80, 0.92); - color: #ffffff; - border-color: transparent; -} -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - box-shadow: none; -} -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: rgba(76, 175, 80, 0.68); - color: #ffffff; - border-color: transparent; -} -.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { - background-color: transparent; - color: #4CAF50; - border: 0 none; -} -.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { - background: rgba(76, 175, 80, 0.04); - color: #4CAF50; - border: 0 none; -} -.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { - background: rgba(76, 175, 80, 0.16); - color: #4CAF50; - border: 0 none; -} -.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { - background-color: transparent; - color: #4CAF50; - border-color: transparent; -} -.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { - background: rgba(76, 175, 80, 0.04); - border-color: transparent; - color: #4CAF50; -} -.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { - background: rgba(76, 175, 80, 0.16); - border-color: transparent; - color: #4CAF50; -} - -.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { - color: #ffffff; - background: #2196F3; - border: 0 none; -} -.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { - background: rgba(33, 150, 243, 0.92); - color: #ffffff; - border-color: transparent; -} -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { - box-shadow: none; -} -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: rgba(33, 150, 243, 0.68); - color: #ffffff; - border-color: transparent; -} -.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { - background-color: transparent; - color: #2196F3; - border: 0 none; -} -.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { - background: rgba(33, 150, 243, 0.04); - color: #2196F3; - border: 0 none; -} -.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { - background: rgba(33, 150, 243, 0.16); - color: #2196F3; - border: 0 none; -} -.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { - background-color: transparent; - color: #2196F3; - border-color: transparent; -} -.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { - background: rgba(33, 150, 243, 0.04); - border-color: transparent; - color: #2196F3; -} -.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { - background: rgba(33, 150, 243, 0.16); - border-color: transparent; - color: #2196F3; -} - -.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { - color: #ffffff; - background: #689F38; - border: 0 none; -} -.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { - background: rgba(104, 159, 56, 0.92); - color: #ffffff; - border-color: transparent; -} -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { - box-shadow: none; -} -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: rgba(104, 159, 56, 0.68); - color: #ffffff; - border-color: transparent; -} -.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { - background-color: transparent; - color: #689F38; - border: 0 none; -} -.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { - background: rgba(104, 159, 56, 0.04); - color: #689F38; - border: 0 none; -} -.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { - background: rgba(104, 159, 56, 0.16); - color: #689F38; - border: 0 none; -} -.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { - background-color: transparent; - color: #689F38; - border-color: transparent; -} -.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { - background: rgba(104, 159, 56, 0.04); - border-color: transparent; - color: #689F38; -} -.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { - background: rgba(104, 159, 56, 0.16); - border-color: transparent; - color: #689F38; -} - -.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { - color: #212529; - background: #FBC02D; - border: 0 none; -} -.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { - background: rgba(251, 192, 45, 0.92); - color: #212529; - border-color: transparent; -} -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { - box-shadow: none; -} -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: rgba(251, 192, 45, 0.68); - color: #212529; - border-color: transparent; -} -.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { - background-color: transparent; - color: #FBC02D; - border: 0 none; -} -.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { - background: rgba(251, 192, 45, 0.04); - color: #FBC02D; - border: 0 none; -} -.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { - background: rgba(251, 192, 45, 0.16); - color: #FBC02D; - border: 0 none; -} -.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { - background-color: transparent; - color: #FBC02D; - border-color: transparent; -} -.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { - background: rgba(251, 192, 45, 0.04); - border-color: transparent; - color: #FBC02D; -} -.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { - background: rgba(251, 192, 45, 0.16); - border-color: transparent; - color: #FBC02D; -} - -.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { - color: #ffffff; - background: #9C27B0; - border: 0 none; -} -.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { - background: rgba(156, 39, 176, 0.92); - color: #ffffff; - border-color: transparent; -} -.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - box-shadow: none; -} -.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: rgba(156, 39, 176, 0.68); - color: #ffffff; - border-color: transparent; -} -.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { - background-color: transparent; - color: #9C27B0; - border: 0 none; -} -.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { - background: rgba(156, 39, 176, 0.04); - color: #9C27B0; - border: 0 none; -} -.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { - background: rgba(156, 39, 176, 0.16); - color: #9C27B0; - border: 0 none; -} -.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { - background-color: transparent; - color: #9C27B0; - border-color: transparent; -} -.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { - background: rgba(156, 39, 176, 0.04); - border-color: transparent; - color: #9C27B0; -} -.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { - background: rgba(156, 39, 176, 0.16); - border-color: transparent; - color: #9C27B0; -} - -.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { - color: #ffffff; - background: #D32F2F; - border: 0 none; -} -.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { - background: rgba(211, 47, 47, 0.92); - color: #ffffff; - border-color: transparent; -} -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { - box-shadow: none; -} -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: rgba(211, 47, 47, 0.68); - color: #ffffff; - border-color: transparent; -} -.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { - background-color: transparent; - color: #D32F2F; - border: 0 none; -} -.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { - background: rgba(211, 47, 47, 0.04); - color: #D32F2F; - border: 0 none; -} -.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { - background: rgba(211, 47, 47, 0.16); - color: #D32F2F; - border: 0 none; -} -.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { - background-color: transparent; - color: #D32F2F; - border-color: transparent; -} -.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { - background: rgba(211, 47, 47, 0.04); - border-color: transparent; - color: #D32F2F; -} -.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { - background: rgba(211, 47, 47, 0.16); - border-color: transparent; - color: #D32F2F; -} - -.p-button.p-button-link { - color: #673AB7; - background: transparent; - border: transparent; -} -.p-button.p-button-link:enabled:hover { - background: transparent; - color: #673AB7; - border-color: transparent; -} -.p-button.p-button-link:enabled:hover .p-button-label { - text-decoration: underline; -} -.p-button.p-button-link:enabled:focus { - background: transparent; - box-shadow: none; - border-color: transparent; -} -.p-button.p-button-link:enabled:active { - background: transparent; - color: #673AB7; - border-color: transparent; -} - -.p-speeddial-button.p-button.p-button-icon-only { - width: 4rem; - height: 4rem; -} -.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { - font-size: 2rem; -} - -.p-speeddial-action { - width: 3rem; - height: 3rem; - background: #4CAF50; - color: #fff; -} -.p-speeddial-action:hover { - background: rgba(76, 175, 80, 0.92); - color: #fff; -} - -.p-speeddial-direction-up .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-up .p-speeddial-item:first-child { - margin-bottom: 0.5rem; -} - -.p-speeddial-direction-down .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-down .p-speeddial-item:first-child { - margin-top: 0.5rem; -} - -.p-speeddial-direction-left .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-left .p-speeddial-item:first-child { - margin-right: 0.5rem; -} - -.p-speeddial-direction-right .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-right .p-speeddial-item:first-child { - margin-left: 0.5rem; -} - -.p-speeddial-circle .p-speeddial-item, -.p-speeddial-semi-circle .p-speeddial-item, -.p-speeddial-quarter-circle .p-speeddial-item { - margin: 0; -} -.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, -.p-speeddial-semi-circle .p-speeddial-item:first-child, -.p-speeddial-semi-circle .p-speeddial-item:last-child, -.p-speeddial-quarter-circle .p-speeddial-item:first-child, -.p-speeddial-quarter-circle .p-speeddial-item:last-child { - margin: 0; -} - -.p-speeddial-mask { - background-color: rgba(0, 0, 0, 0.32); -} - -.p-carousel .p-carousel-content .p-carousel-prev, -.p-carousel .p-carousel-content .p-carousel-next { - width: 2.5rem; - height: 2.5rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin: 0.5rem; -} -.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, -.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); -} -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-carousel .p-carousel-indicators { - padding: 1rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator { - margin-right: 0.5rem; - margin-bottom: 0.5rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: #dcdcdc; - width: 2rem; - height: 0.5rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 0; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { - background: #ececec; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: rgba(103, 58, 183, 0.12); - color: #673AB7; -} - -.p-datatable .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-datatable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-datatable .p-datatable-header { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 500; -} -.p-datatable .p-datatable-footer { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 500; -} -.p-datatable .p-datatable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - font-weight: 500; - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - transition: none; -} -.p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - font-weight: 500; - color: rgba(0, 0, 0, 0.87); - background: #ffffff; -} -.p-datatable .p-sortable-column .p-sortable-column-icon { - color: rgba(0, 0, 0, 0.6); - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: #673AB7; - background: rgba(103, 58, 183, 0.12); - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column:not(.p-highlight):hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} -.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-datatable .p-sortable-column.p-highlight { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); -} -.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: rgba(0, 0, 0, 0.87); -} -.p-datatable .p-sortable-column.p-highlight:hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} -.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { - color: rgba(0, 0, 0, 0.87); -} -.p-datatable .p-sortable-column:focus { - box-shadow: none; - outline: 0 none; -} -.p-datatable .p-datatable-tbody > tr { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - transition: none; - outline-color: transparent; -} -.p-datatable .p-datatable-tbody > tr > td { - text-align: left; - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - padding: 1rem 1rem; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { - width: 2.5rem; - height: 2.5rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { - margin-right: 0.5rem; -} -.p-datatable .p-datatable-tbody > tr.p-highlight { - background: rgba(103, 58, 183, 0.12); - color: #673AB7; -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 rgba(103, 58, 183, 0.12); -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 rgba(103, 58, 183, 0.12); -} -.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} -.p-datatable .p-column-resizer-helper { - background: #673AB7; -} -.p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #ffffff; -} -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot { - background-color: #ffffff; -} -.p-datatable .p-datatable-loading-icon { - font-size: 2rem; -} -.p-datatable.p-datatable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-footer { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-top { - border-width: 0 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-bottom { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { - background: rgba(0, 0, 0, 0.02); -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: rgba(103, 58, 183, 0.12); - color: #673AB7; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: #673AB7; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: #673AB7; -} -.p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-lg .p-datatable-header { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-footer { - padding: 1.25rem 1.25rem; -} - -.p-dataview .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-dataview .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-dataview .p-dataview-header { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 500; -} -.p-dataview .p-dataview-content { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - padding: 1rem 0; -} -.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid rgba(0, 0, 0, 0.12); - border-width: 0 0 1px 0; -} -.p-dataview .p-dataview-footer { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 500; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; -} -.p-dataview .p-dataview-loading-icon { - font-size: 2rem; -} -.p-dataview .p-dataview-emptymessage { - padding: 1rem; -} - -.p-column-filter-row .p-column-filter-menu-button, -.p-column-filter-row .p-column-filter-clear-button { - margin-left: 0.5rem; -} - -.p-column-filter-menu-button { - width: 2.5rem; - height: 2.5rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-menu-button:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); -} -.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.6); -} -.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: rgba(103, 58, 183, 0.12); - color: #673AB7; -} -.p-column-filter-menu-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-column-filter-clear-button { - width: 2.5rem; - height: 2.5rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-clear-button:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); -} -.p-column-filter-clear-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-column-filter-overlay { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - min-width: 12.5rem; -} -.p-column-filter-overlay .p-column-filter-row-items { - padding: 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { - margin: 0; - padding: 1rem 1rem; - border: 0 none; - color: rgba(0, 0, 0, 0.87); - background: transparent; - transition: none; - border-radius: 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: #673AB7; - background: rgba(103, 58, 183, 0.12); -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(0, 0, 0, 0.87); - background: rgba(0, 0, 0, 0.04); -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid rgba(0, 0, 0, 0.12); - margin: 0.5rem 0; -} - -.p-column-filter-overlay-menu .p-column-filter-operator { - padding: 1rem; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - margin: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-column-filter-overlay-menu .p-column-filter-constraint { - padding: 1rem; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { - margin-bottom: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { - margin-top: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { - border-bottom: 0 none; -} -.p-column-filter-overlay-menu .p-column-filter-add-rule { - padding: 1rem 1rem; -} -.p-column-filter-overlay-menu .p-column-filter-buttonbar { - padding: 1rem; -} - -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #ffffff; - border: 1px solid #e0e0e0; - color: rgba(0, 0, 0, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #ffffff; - border: 1px solid #e0e0e0; - color: rgba(0, 0, 0, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #e0e0e0; -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #e0e0e0; -} -.fc.fc-unthemed .fc-view-container .fc-event { - background: rgba(103, 58, 183, 0.12); - border: 1px solid rgba(103, 58, 183, 0.12); - color: #673AB7; -} -.fc.fc-unthemed .fc-view-container .fc-divider { - background: #ffffff; - border: 1px solid #e0e0e0; -} -.fc.fc-unthemed .fc-toolbar .fc-button { - color: #ffffff; - background: #673AB7; - border: 0 none; - font-size: 1rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; - display: flex; - align-items: center; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: rgba(103, 58, 183, 0.92); - color: #ffffff; - border-color: transparent; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: rgba(103, 58, 183, 0.68); - color: #ffffff; - border-color: transparent; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #f6f6f6; - border-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #e0e0e1; - border-color: #e0e0e1; - color: rgba(0, 0, 0, 0.87); -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #d9d8d9; - border-color: #d9d8d9; - color: rgba(0, 0, 0, 0.87); -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - z-index: 1; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} -.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #e0e0e0; -} -.fc.fc-theme-standard .fc-view-harness th { - background: #ffffff; - border-color: #e0e0e0; - color: rgba(0, 0, 0, 0.87); -} -.fc.fc-theme-standard .fc-view-harness td { - color: rgba(0, 0, 0, 0.87); - border-color: #e0e0e0; -} -.fc.fc-theme-standard .fc-view-harness .fc-view { - background: #ffffff; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #e0e0e0; - padding: 1rem; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2.5rem; - height: 2.5rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1rem; - border: 1px solid #e0e0e0; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border-top: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #673AB7; - background: rgba(103, 58, 183, 0.12); - border-color: rgba(103, 58, 183, 0.12); -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #673AB7; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: rgba(103, 58, 183, 0.12); - border-color: rgba(103, 58, 183, 0.12); -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} -.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #ffffff; -} -.fc.fc-theme-standard .fc-toolbar .fc-button { - color: #ffffff; - background: #673AB7; - border: 0 none; - font-size: 1rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: rgba(103, 58, 183, 0.92); - color: #ffffff; - border-color: transparent; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: rgba(103, 58, 183, 0.68); - color: #ffffff; - border-color: transparent; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.38; - color: #ffffff; - background: #673AB7; - border: 0 none; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #f6f6f6; - border-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #e0e0e1; - border-color: #e0e0e1; - color: rgba(0, 0, 0, 0.87); -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #d9d8d9; - border-color: #d9d8d9; - color: rgba(0, 0, 0, 0.87); -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - z-index: 1; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} -.fc.fc-theme-standard a { - color: rgba(0, 0, 0, 0.87); -} -.fc.fc-theme-standard .fc-highlight { - color: #673AB7; - background: rgba(103, 58, 183, 0.12); -} - -.p-orderlist .p-orderlist-controls { - padding: 1rem; -} -.p-orderlist .p-orderlist-controls .p-button { - margin-bottom: 0.5rem; -} -.p-orderlist .p-orderlist-header { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e0e0e0; - padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-orderlist .p-orderlist-header .p-orderlist-title { - font-weight: 500; -} -.p-orderlist .p-orderlist-filter-container { - padding: 1rem; - background: #ffffff; - border: 1px solid #e0e0e0; - border-bottom: 0 none; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { - padding-right: 2rem; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { - right: 1rem; - color: rgba(0, 0, 0, 0.6); -} -.p-orderlist .p-orderlist-list { - border: 1px solid #e0e0e0; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - padding: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-orderlist .p-orderlist-list .p-orderlist-item { - padding: 1rem 1rem; - margin: 0; - border: 0 none; - color: rgba(0, 0, 0, 0.87); - background: transparent; - transition: none; -} -.p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #673AB7; - background: rgba(103, 58, 183, 0.12); -} -.p-orderlist .p-orderlist-list .p-orderlist-empty-message { - padding: 1rem 1rem; - color: rgba(0, 0, 0, 0.87); -} -.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} - -.p-orderlist-item.cdk-drag-preview { - padding: 1rem 1rem; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - border: 0 none; - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - margin: 0; -} - -.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} -.p-organizationchart .p-organizationchart-node-content.p-highlight { - background: rgba(103, 58, 183, 0.12); - color: #673AB7; -} -.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: rgba(49, 27, 86, 0.12); -} -.p-organizationchart .p-organizationchart-line-down { - background: rgba(0, 0, 0, 0.12); -} -.p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #e0e0e0; - border-color: rgba(0, 0, 0, 0.12); -} -.p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #e0e0e0; - border-color: rgba(0, 0, 0, 0.12); -} -.p-organizationchart .p-organizationchart-node-content { - border: 1px solid #e0e0e0; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - padding: 1rem; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler { - background: inherit; - color: inherit; - border-radius: 50%; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-paginator { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: solid #e4e4e4; - border-width: 0; - padding: 0.5rem 1rem; - border-radius: 4px; -} -.p-paginator .p-paginator-first, -.p-paginator .p-paginator-prev, -.p-paginator .p-paginator-next, -.p-paginator .p-paginator-last { - background-color: transparent; - border: 0 none; - color: rgba(0, 0, 0, 0.6); - min-width: 3rem; - height: 3rem; - margin: 0.143rem; - transition: none; - border-radius: 50%; -} -.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { - background: rgba(0, 0, 0, 0.04); - border-color: transparent; - color: rgba(0, 0, 0, 0.6); -} -.p-paginator .p-paginator-first { - border-top-left-radius: 50%; - border-bottom-left-radius: 50%; -} -.p-paginator .p-paginator-last { - border-top-right-radius: 50%; - border-bottom-right-radius: 50%; -} -.p-paginator .p-dropdown { - margin-left: 0.5rem; - margin-right: 0.5rem; - height: 3rem; -} -.p-paginator .p-dropdown .p-dropdown-label { - padding-right: 0; -} -.p-paginator .p-paginator-page-input { - margin-left: 0.5rem; - margin-right: 0.5rem; -} -.p-paginator .p-paginator-page-input .p-inputtext { - max-width: 3rem; -} -.p-paginator .p-paginator-current { - background-color: transparent; - border: 0 none; - color: rgba(0, 0, 0, 0.6); - min-width: 3rem; - height: 3rem; - margin: 0.143rem; - padding: 0 0.5rem; -} -.p-paginator .p-paginator-pages .p-paginator-page { - background-color: transparent; - border: 0 none; - color: rgba(0, 0, 0, 0.6); - min-width: 3rem; - height: 3rem; - margin: 0.143rem; - transition: none; - border-radius: 50%; -} -.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: rgba(103, 58, 183, 0.12); - border-color: rgba(103, 58, 183, 0.12); - color: #673AB7; -} -.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { - background: rgba(0, 0, 0, 0.04); - border-color: transparent; - color: rgba(0, 0, 0, 0.6); -} - -.p-picklist .p-picklist-buttons { - padding: 1rem; -} -.p-picklist .p-picklist-buttons .p-button { - margin-bottom: 0.5rem; -} -.p-picklist .p-picklist-header { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e0e0e0; - padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-picklist .p-picklist-header .p-picklist-title { - font-weight: 500; -} -.p-picklist .p-picklist-filter-container { - padding: 1rem; - background: #ffffff; - border: 1px solid #e0e0e0; - border-bottom: 0 none; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-input { - padding-right: 2rem; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { - right: 1rem; - color: rgba(0, 0, 0, 0.6); -} -.p-picklist .p-picklist-list { - border: 1px solid #e0e0e0; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - padding: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-picklist .p-picklist-list .p-picklist-item { - padding: 1rem 1rem; - margin: 0; - border: 0 none; - color: rgba(0, 0, 0, 0.87); - background: transparent; - transition: none; -} -.p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: #673AB7; - background: rgba(103, 58, 183, 0.12); -} -.p-picklist .p-picklist-list .p-picklist-empty-message { - padding: 1rem 1rem; - color: rgba(0, 0, 0, 0.87); -} -.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} - -.p-picklist-item.cdk-drag-preview { - padding: 1rem 1rem; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - border: 0 none; - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - margin: 0; -} - -.p-timeline .p-timeline-event-marker { - border: 0 none; - border-radius: 50%; - width: 1rem; - height: 1rem; - background-color: #bdbdbd; -} -.p-timeline .p-timeline-event-connector { - background-color: #bdbdbd; -} -.p-timeline.p-timeline-vertical .p-timeline-event-opposite, -.p-timeline.p-timeline-vertical .p-timeline-event-content { - padding: 0 1rem; -} -.p-timeline.p-timeline-vertical .p-timeline-event-connector { - width: 2px; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, -.p-timeline.p-timeline-horizontal .p-timeline-event-content { - padding: 1rem 0; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-connector { - height: 2px; -} - -.p-tree { - border: 1px solid #e0e0e0; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - padding: 1rem; - border-radius: 4px; -} -.p-tree .p-tree-container .p-treenode { - padding: 0.25rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content { - border-radius: 4px; - transition: none; - padding: 0.5rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; - width: 2.5rem; - height: 2.5rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { - margin-right: 0.5rem; - color: rgba(0, 0, 0, 0.6); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { - color: rgba(0, 0, 0, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: rgba(103, 58, 183, 0.12); - color: #673AB7; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #673AB7; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { - color: #673AB7; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} -.p-tree .p-tree-filter-container { - margin-bottom: 0.5rem; -} -.p-tree .p-tree-filter-container .p-tree-filter { - width: 100%; - padding-right: 2rem; -} -.p-tree .p-tree-filter-container .p-tree-filter-icon { - right: 1rem; - color: rgba(0, 0, 0, 0.6); -} -.p-tree .p-treenode-children { - padding: 0 0 0 1rem; -} -.p-tree .p-tree-loading-icon { - font-size: 2rem; -} -.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: rgba(82, 46, 146, 0.12); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { - border-radius: 4px; - border: 1px solid #e0e0e0; - background-color: #ffffff; - color: rgba(0, 0, 0, 0.87); - padding: 0.5rem; - transition: none; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { - background-color: rgba(103, 58, 183, 0.12); - color: #673AB7; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #673AB7; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { - color: rgba(0, 0, 0, 0.6); - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { - background-color: inherit; - color: inherit; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-treetable .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-treetable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-treetable .p-treetable-header { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 500; -} -.p-treetable .p-treetable-footer { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 500; -} -.p-treetable .p-treetable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - font-weight: 500; - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - transition: none; -} -.p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - font-weight: 500; - color: rgba(0, 0, 0, 0.87); - background: #ffffff; -} -.p-treetable .p-sortable-column { - outline-color: transparent; -} -.p-treetable .p-sortable-column .p-sortable-column-icon { - color: rgba(0, 0, 0, 0.6); - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: #673AB7; - background: rgba(103, 58, 183, 0.12); - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column:not(.p-highlight):hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} -.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-treetable .p-sortable-column.p-highlight { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); -} -.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: rgba(0, 0, 0, 0.87); -} -.p-treetable .p-treetable-tbody > tr { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - transition: none; - outline-color: transparent; -} -.p-treetable .p-treetable-tbody > tr > td { - text-align: left; - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - padding: 1rem 1rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { - width: 2.5rem; - height: 2.5rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { - color: rgba(0, 0, 0, 0.87); -} -.p-treetable .p-treetable-tbody > tr.p-highlight { - background: rgba(103, 58, 183, 0.12); - color: #673AB7; -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: #673AB7; -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: #673AB7; -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { - color: rgba(0, 0, 0, 0.87); -} -.p-treetable .p-column-resizer-helper { - background: #673AB7; -} -.p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #ffffff; -} -.p-treetable .p-treetable-loading-icon { - font-size: 2rem; -} -.p-treetable.p-treetable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-footer { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-top { - border-width: 0 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-bottom { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-sm .p-treetable-header { - padding: 0.875rem 0.875rem; -} -.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-footer { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-lg .p-treetable-header { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-footer { - padding: 1.25rem 1.25rem; -} - -.p-virtualscroller .p-virtualscroller-header { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 500; -} -.p-virtualscroller .p-virtualscroller-content { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - padding: 1rem 0; -} -.p-virtualscroller .p-virtualscroller-footer { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 500; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-accordion .p-accordion-header .p-accordion-header-link { - padding: 1.5rem; - border: 0 none; - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - font-weight: 400; - border-radius: 4px; - transition: none; -} -.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { - margin-right: 0.5rem; -} -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { - background: #f6f6f6; - border-color: transparent; - color: rgba(0, 0, 0, 0.87); -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #ffffff; - border-color: transparent; - color: rgba(0, 0, 0, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-color: transparent; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); -} -.p-accordion .p-accordion-content { - padding: 1rem 1.5rem; - border: 0 none; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-accordion p-accordiontab .p-accordion-tab { - margin-bottom: 0; -} -.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { - border-radius: 0; -} -.p-accordion p-accordiontab .p-accordion-content { - border-radius: 0; -} -.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { - border-top: 0 none; -} -.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-top: 0 none; -} -.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-accordion p-accordiontab:last-child .p-accordion-content { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-card { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); - border-radius: 4px; -} -.p-card .p-card-body { - padding: 1rem; -} -.p-card .p-card-title { - font-size: 1.5rem; - font-weight: 700; - margin-bottom: 0.5rem; -} -.p-card .p-card-subtitle { - font-weight: 400; - margin-bottom: 0.5rem; - color: rgba(0, 0, 0, 0.6); -} -.p-card .p-card-content { - padding: 1rem 0; -} -.p-card .p-card-footer { - padding: 1rem 0 0 0; -} - -.p-divider .p-divider-content { - background-color: #ffffff; -} -.p-divider.p-divider-horizontal { - margin: 1.25rem 0; - padding: 0 1.25rem; -} -.p-divider.p-divider-horizontal:before { - border-top: 1px rgba(0, 0, 0, 0.12); -} -.p-divider.p-divider-horizontal .p-divider-content { - padding: 0 0.5rem; -} -.p-divider.p-divider-vertical { - margin: 0 1.25rem; - padding: 1.25rem 0; -} -.p-divider.p-divider-vertical:before { - border-left: 1px rgba(0, 0, 0, 0.12); -} -.p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; -} - -.p-fieldset { - border: 1px solid #e0e0e0; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border-radius: 4px; -} -.p-fieldset .p-fieldset-legend { - padding: 1rem; - border: 1px solid #e0e0e0; - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - font-weight: 500; - border-radius: 4px; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { - padding: 0; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { - padding: 1rem; - color: rgba(0, 0, 0, 0.87); - border-radius: 4px; - transition: none; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { - margin-right: 0.5rem; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: rgba(0, 0, 0, 0.04); - border-color: #e0e0e0; - color: rgba(0, 0, 0, 0.87); -} -.p-fieldset .p-fieldset-content { - padding: 1rem; -} - -.p-panel .p-panel-header { - border: 1px solid #e0e0e0; - padding: 1rem; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-panel .p-panel-header .p-panel-title { - font-weight: 500; -} -.p-panel .p-panel-header .p-panel-header-icon { - width: 2.5rem; - height: 2.5rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); -} -.p-panel .p-panel-header .p-panel-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-panel.p-panel-toggleable .p-panel-header { - padding: 0.5rem 1rem; -} -.p-panel .p-panel-content { - padding: 1rem; - border: 1px solid #e0e0e0; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - border-top: 0 none; -} -.p-panel .p-panel-footer { - padding: 1rem 1rem; - border: 1px solid #e0e0e0; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border-top: 0 none; -} - -.p-scrollpanel .p-scrollpanel-bar { - background: rgba(0, 0, 0, 0.12); - border: 0 none; -} - -.p-splitter { - border: 1px solid #e0e0e0; - background: #ffffff; - border-radius: 4px; - color: rgba(0, 0, 0, 0.87); -} -.p-splitter .p-splitter-gutter { - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - background: rgba(0, 0, 0, 0.04); -} -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: rgba(0, 0, 0, 0.12); -} -.p-splitter .p-splitter-gutter-resizing { - background: rgba(0, 0, 0, 0.12); -} - -.p-tabview .p-tabview-nav { - background: #ffffff; - border: solid rgba(0, 0, 0, 0.12); - border-width: 0 0 1px 0; -} -.p-tabview .p-tabview-nav li { - margin-right: 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid rgba(0, 0, 0, 0.12); - border-width: 0 0 1px 0; - border-color: transparent transparent rgba(0, 0, 0, 0.12) transparent; - background: #ffffff; - color: rgba(0, 0, 0, 0.6); - padding: 1rem 1.5rem; - font-weight: 500; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - transition: none; - margin: 0 0 0 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset none; -} -.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: rgba(103, 58, 183, 0.04); - border-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.6); -} -.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #ffffff; - border-color: rgba(0, 0, 0, 0.12); - color: #673AB7; -} -.p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; -} -.p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-close { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-nav-btn.p-link { - background: #ffffff; - color: #673AB7; - width: 3rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; -} -.p-tabview .p-tabview-nav-btn.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset none; -} -.p-tabview .p-tabview-panels { - background: #ffffff; - padding: 1rem; - border: 0 none; - color: rgba(0, 0, 0, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-toolbar { - background: #ffffff; - border: 1px solid #e0e0e0; - padding: 1rem; - border-radius: 4px; -} -.p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; -} - -.p-confirm-popup { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-confirm-popup .p-confirm-popup-content { - padding: 1rem; -} -.p-confirm-popup .p-confirm-popup-footer { - text-align: right; - padding: 1rem 1rem; -} -.p-confirm-popup .p-confirm-popup-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-confirm-popup .p-confirm-popup-footer button:last-child { - margin: 0; -} -.p-confirm-popup:after { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-confirm-popup:before { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-confirm-popup.p-confirm-popup-flipped:after { - border-top-color: #ffffff; -} -.p-confirm-popup.p-confirm-popup-flipped:before { - border-top-color: #ffffff; -} -.p-confirm-popup .p-confirm-popup-icon { - font-size: 1.5rem; -} -.p-confirm-popup .p-confirm-popup-message { - margin-left: 1rem; -} - -.p-dialog { - border-radius: 4px; - box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); - border: 0 none; -} -.p-dialog .p-dialog-header { - border-bottom: 0 none; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - padding: 1.5rem; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-dialog .p-dialog-header .p-dialog-title { - font-weight: 500; - font-size: 1.25rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon { - width: 2.5rem; - height: 2.5rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); -} -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { - margin-right: 0; -} -.p-dialog .p-dialog-content { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - padding: 0 1.5rem 1.5rem 1.5rem; -} -.p-dialog .p-dialog-footer { - border-top: 0 none; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - padding: 1rem 1.5rem; - text-align: right; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-dialog .p-dialog-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { - font-size: 2rem; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; -} - -.p-overlaypanel { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-overlaypanel .p-overlaypanel-content { - padding: 1rem; -} -.p-overlaypanel .p-overlaypanel-close { - background: #673AB7; - color: #ffffff; - width: 2.5rem; - height: 2.5rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; - position: absolute; - top: -1.25rem; - right: -1.25rem; -} -.p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: rgba(103, 58, 183, 0.92); - color: #ffffff; -} -.p-overlaypanel:after { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-overlaypanel:before { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-overlaypanel.p-overlaypanel-flipped:after { - border-top-color: #ffffff; -} -.p-overlaypanel.p-overlaypanel-flipped:before { - border-top-color: #ffffff; -} - -.p-sidebar { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-sidebar .p-sidebar-header { - padding: 1rem; -} -.p-sidebar .p-sidebar-header .p-sidebar-close, -.p-sidebar .p-sidebar-header .p-sidebar-icon { - width: 2.5rem; - height: 2.5rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, -.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); -} -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-sidebar .p-sidebar-header + .p-sidebar-content { - padding-top: 0; -} -.p-sidebar .p-sidebar-content { - padding: 1rem; -} - -.p-tooltip .p-tooltip-text { - background: rgba(97, 97, 97, 0.9); - color: #ffffff; - padding: 0.5rem; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - border-radius: 4px; -} -.p-tooltip.p-tooltip-right .p-tooltip-arrow { - border-right-color: rgba(97, 97, 97, 0.9); -} -.p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: rgba(97, 97, 97, 0.9); -} -.p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: rgba(97, 97, 97, 0.9); -} -.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: rgba(97, 97, 97, 0.9); -} - -.p-fileupload .p-fileupload-buttonbar { - background: #ffffff; - padding: 1rem; - border: 1px solid #e0e0e0; - color: rgba(0, 0, 0, 0.87); - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; -} -.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-fileupload .p-fileupload-content { - background: #ffffff; - padding: 2rem 1rem; - border: 1px solid #e0e0e0; - color: rgba(0, 0, 0, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-fileupload .p-progressbar { - height: 4px; -} -.p-fileupload .p-fileupload-row > div { - padding: 1rem 1rem; -} -.p-fileupload.p-fileupload-advanced .p-message { - margin-top: 0; -} - -.p-fileupload-choose:not(.p-disabled):hover { - background: rgba(103, 58, 183, 0.92); - color: #ffffff; - border-color: transparent; -} -.p-fileupload-choose:not(.p-disabled):active { - background: rgba(103, 58, 183, 0.68); - color: #ffffff; - border-color: transparent; -} - -.p-breadcrumb { - background: #ffffff; - border: 1px solid #e5e5e5; - border-radius: 4px; - padding: 1rem; -} -.p-breadcrumb ul li .p-menuitem-link { - transition: none; - border-radius: 4px; -} -.p-breadcrumb ul li .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-breadcrumb ul li.p-breadcrumb-chevron { - margin: 0 0.5rem 0 0.5rem; - color: rgba(0, 0, 0, 0.6); -} -.p-breadcrumb ul li:last-child .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-breadcrumb ul li:last-child .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); -} - -.p-contextmenu { - padding: 0.5rem 0; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 4px; - width: 12.5rem; -} -.p-contextmenu .p-menuitem-link { - padding: 1rem 1rem; - color: rgba(0, 0, 0, 0.87); - border-radius: 0; - transition: none; - user-select: none; -} -.p-contextmenu .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-contextmenu .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - margin-right: 0.5rem; -} -.p-contextmenu .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-contextmenu .p-submenu-list { - padding: 0.5rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 4px; -} -.p-contextmenu .p-menuitem { - margin: 0; -} -.p-contextmenu .p-menuitem:last-child { - margin: 0; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(0, 0, 0, 0.04); -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-contextmenu .p-menu-separator { - border-top: 1px solid rgba(0, 0, 0, 0.12); - margin: 0.5rem 0; -} -.p-contextmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-dock .p-dock-list { - background: rgba(255, 255, 255, 0.1); - border: 1px solid rgba(255, 255, 255, 0.2); - padding: 0.5rem 0.5rem; - border-radius: 0.5rem; -} -.p-dock .p-dock-item { - padding: 0.5rem; -} -.p-dock .p-dock-action { - width: 4rem; - height: 4rem; -} -.p-dock.p-dock-top .p-dock-item-second-prev, -.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, -.p-dock.p-dock-bottom .p-dock-item-second-next { - margin: 0 0.9rem; -} -.p-dock.p-dock-top .p-dock-item-prev, -.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, -.p-dock.p-dock-bottom .p-dock-item-next { - margin: 0 1.3rem; -} -.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { - margin: 0 1.5rem; -} -.p-dock.p-dock-left .p-dock-item-second-prev, -.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, -.p-dock.p-dock-right .p-dock-item-second-next { - margin: 0.9rem 0; -} -.p-dock.p-dock-left .p-dock-item-prev, -.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, -.p-dock.p-dock-right .p-dock-item-next { - margin: 1.3rem 0; -} -.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { - margin: 1.5rem 0; -} - -@media screen and (max-width: 960px) { - .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { - margin: auto 0; - } - .p-dock .p-dock-list .p-dock-item { - transform: none; - margin: 0; - } -} -.p-megamenu { - padding: 1rem; - background: transparent; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e5e5e5; - border-radius: 4px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 1rem; - color: rgba(0, 0, 0, 0.87); - border-radius: 4px; - transition: none; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-megamenu .p-menuitem-link { - padding: 1rem 1rem; - color: rgba(0, 0, 0, 0.87); - border-radius: 0; - transition: none; - user-select: none; -} -.p-megamenu .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-megamenu .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-megamenu .p-megamenu-panel { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-megamenu .p-megamenu-submenu-header { - margin: 0; - padding: 1rem; - color: rgba(0, 0, 0, 0.6); - background: #ffffff; - font-weight: 400; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-megamenu .p-megamenu-submenu { - padding: 0.5rem 0; - width: 12.5rem; -} -.p-megamenu .p-megamenu-submenu .p-menu-separator { - border-top: 1px solid rgba(0, 0, 0, 0.12); - margin: 0.5rem 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem { - margin: 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { - margin: 0; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(0, 0, 0, 0.04); -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.5rem 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem { - margin: 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { - margin: 0; -} - -.p-menu { - padding: 0.5rem 0; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e5e5e5; - border-radius: 4px; - width: 12.5rem; -} -.p-menu .p-menuitem-link { - padding: 1rem 1rem; - color: rgba(0, 0, 0, 0.87); - border-radius: 0; - transition: none; - user-select: none; -} -.p-menu .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-menu .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - margin-right: 0.5rem; -} -.p-menu .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-menu.p-menu-overlay { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-menu .p-submenu-header { - margin: 0; - padding: 1rem; - color: rgba(0, 0, 0, 0.6); - background: #ffffff; - font-weight: 400; - border-top-right-radius: 0; - border-top-left-radius: 0; -} -.p-menu .p-menu-separator { - border-top: 1px solid rgba(0, 0, 0, 0.12); - margin: 0.5rem 0; -} -.p-menu .p-menuitem { - margin: 0; -} -.p-menu .p-menuitem:last-child { - margin: 0; -} - -.p-menubar { - padding: 1rem; - background: transparent; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e5e5e5; - border-radius: 4px; -} -.p-menubar .p-menuitem-link { - padding: 1rem 1rem; - color: rgba(0, 0, 0, 0.87); - border-radius: 0; - transition: none; - user-select: none; -} -.p-menubar .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-menubar .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - margin-right: 0.5rem; -} -.p-menubar .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 1rem; - color: rgba(0, 0, 0, 0.87); - border-radius: 4px; - transition: none; - user-select: none; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - margin-right: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); - margin-left: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-menubar .p-submenu-list { - padding: 0.5rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - width: 12.5rem; -} -.p-menubar .p-submenu-list .p-menu-separator { - border-top: 1px solid rgba(0, 0, 0, 0.12); - margin: 0.5rem 0; -} -.p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; -} -.p-menubar .p-submenu-list .p-menuitem { - margin: 0; -} -.p-menubar .p-submenu-list .p-menuitem:last-child { - margin: 0; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(0, 0, 0, 0.04); -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} - -@media screen and (max-width: 960px) { - .p-menubar { - position: relative; - } - .p-menubar .p-menubar-button { - display: flex; - width: 2.5rem; - height: 2.5rem; - color: rgba(0, 0, 0, 0.6); - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-menubar .p-menubar-button:hover { - color: rgba(0, 0, 0, 0.6); - background: rgba(0, 0, 0, 0.04); - } - .p-menubar .p-menubar-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-menubar .p-menubar-root-list { - position: absolute; - display: none; - padding: 0.5rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - width: 100%; - } - .p-menubar .p-menubar-root-list .p-menu-separator { - border-top: 1px solid rgba(0, 0, 0, 0.12); - margin: 0.5rem 0; - } - .p-menubar .p-menubar-root-list .p-submenu-icon { - font-size: 0.875rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 1rem 1rem; - color: rgba(0, 0, 0, 0.87); - border-radius: 0; - transition: none; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - margin-right: 0.5rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - transition: transform 0.2s; - } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-180deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list { - width: 100%; - position: static; - box-shadow: none; - border: 0 none; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { - transition: transform 0.2s; - transform: rotate(90deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-90deg); - } - .p-menubar .p-menubar-root-list .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list ul li a { - padding-left: 3rem; - } - .p-menubar .p-menubar-root-list ul li ul li a { - padding-left: 5rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li a { - padding-left: 7rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { - padding-left: 9rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { - padding-left: 11rem; - } - .p-menubar.p-menubar-mobile-active .p-menubar-root-list { - display: flex; - flex-direction: column; - top: 100%; - left: 0; - z-index: 1; - } -} -.p-panelmenu .p-panelmenu-header > a { - padding: 1.5rem; - border: 0 none; - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - font-weight: 400; - border-radius: 4px; - transition: none; -} -.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { - background: #f6f6f6; - border-color: transparent; - color: rgba(0, 0, 0, 0.87); -} -.p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight > a { - background: #ffffff; - border-color: transparent; - color: rgba(0, 0, 0, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { - border-color: transparent; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); -} -.p-panelmenu .p-panelmenu-content { - padding: 0.5rem 0; - border: 0 none; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - margin-bottom: 0; - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 1rem 1rem; - color: rgba(0, 0, 0, 0.87); - border-radius: 0; - transition: none; - user-select: none; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { - padding: 0 0 0 1rem; -} -.p-panelmenu .p-panelmenu-panel { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { - border-radius: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-content { - border-radius: 0; -} -.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { - border-top: 0 none; -} -.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { - border-top: 0 none; -} -.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-slidemenu { - padding: 0.5rem 0; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e5e5e5; - border-radius: 4px; - width: 12.5rem; -} -.p-slidemenu .p-menuitem-link { - padding: 1rem 1rem; - color: rgba(0, 0, 0, 0.87); - border-radius: 0; - transition: none; - user-select: none; -} -.p-slidemenu .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-slidemenu .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - margin-right: 0.5rem; -} -.p-slidemenu .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-slidemenu.p-slidemenu-overlay { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-slidemenu .p-slidemenu-list { - padding: 0.5rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { - background: rgba(0, 0, 0, 0.04); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { - color: rgba(0, 0, 0, 0.87); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-slidemenu .p-slidemenu-separator { - border-top: 1px solid rgba(0, 0, 0, 0.12); - margin: 0.5rem 0; -} -.p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; -} -.p-slidemenu .p-slidemenu-backward { - padding: 1rem 1rem; - color: rgba(0, 0, 0, 0.87); -} - -.p-steps .p-steps-item .p-menuitem-link { - background: transparent; - transition: none; - border-radius: 4px; - background: transparent; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-number { - color: rgba(0, 0, 0, 0.87); - border: 1px solid transparent; - background: transparent; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - z-index: 1; - border-radius: 50%; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-title { - margin-top: 0.5rem; - color: rgba(0, 0, 0, 0.87); -} -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-steps .p-steps-item.p-highlight .p-steps-number { - background: rgba(103, 58, 183, 0.12); - color: #673AB7; -} -.p-steps .p-steps-item.p-highlight .p-steps-title { - font-weight: 500; - color: rgba(0, 0, 0, 0.87); -} -.p-steps .p-steps-item:before { - content: " "; - border-top: 1px solid rgba(0, 0, 0, 0.12); - width: 100%; - top: 50%; - left: 0; - display: block; - position: absolute; - margin-top: -1rem; -} - -.p-tabmenu .p-tabmenu-nav { - background: #ffffff; - border: solid rgba(0, 0, 0, 0.12); - border-width: 0 0 1px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { - margin-right: 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { - border: solid rgba(0, 0, 0, 0.12); - border-width: 0 0 1px 0; - border-color: transparent transparent rgba(0, 0, 0, 0.12) transparent; - background: #ffffff; - color: rgba(0, 0, 0, 0.6); - padding: 1rem 1.5rem; - font-weight: 500; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - transition: none; - margin: 0 0 0 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset none; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: rgba(103, 58, 183, 0.04); - border-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.6); -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #ffffff; - border-color: rgba(0, 0, 0, 0.12); - color: #673AB7; -} - -.p-tieredmenu { - padding: 0.5rem 0; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e5e5e5; - border-radius: 4px; - width: 12.5rem; -} -.p-tieredmenu .p-menuitem-link { - padding: 1rem 1rem; - color: rgba(0, 0, 0, 0.87); - border-radius: 0; - transition: none; - user-select: none; -} -.p-tieredmenu .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-tieredmenu .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - margin-right: 0.5rem; -} -.p-tieredmenu .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-tieredmenu.p-tieredmenu-overlay { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-tieredmenu .p-submenu-list { - padding: 0.5rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-tieredmenu .p-menuitem { - margin: 0; -} -.p-tieredmenu .p-menuitem:last-child { - margin: 0; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(0, 0, 0, 0.04); -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-tieredmenu .p-menu-separator { - border-top: 1px solid rgba(0, 0, 0, 0.12); - margin: 0.5rem 0; -} -.p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-inline-message { - padding: 1rem 1rem; - margin: 0; - border-radius: 4px; -} -.p-inline-message.p-inline-message-info { - background: #B3E5FC; - border: solid transparent; - border-width: 1px; - color: #01579B; -} -.p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #01579B; -} -.p-inline-message.p-inline-message-success { - background: #C8E6C9; - border: solid transparent; - border-width: 1px; - color: #1B5E20; -} -.p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #1B5E20; -} -.p-inline-message.p-inline-message-warn { - background: #FFECB3; - border: solid transparent; - border-width: 1px; - color: #7f6003; -} -.p-inline-message.p-inline-message-warn .p-inline-message-icon { - color: #7f6003; -} -.p-inline-message.p-inline-message-error { - background: #FFCDD2; - border: solid transparent; - border-width: 1px; - color: #B71C1C; -} -.p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #B71C1C; -} -.p-inline-message .p-inline-message-icon { - font-size: 1rem; - margin-right: 0.5rem; -} -.p-inline-message .p-inline-message-text { - font-size: 1rem; -} -.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { - margin-right: 0; -} - -.p-message { - margin: 1rem 0; - border-radius: 4px; -} -.p-message .p-message-wrapper { - padding: 1.25rem 1.5rem; -} -.p-message .p-message-close { - width: 2.5rem; - height: 2.5rem; - border-radius: 50%; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-message .p-message-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-message.p-message-info { - background: #B3E5FC; - border: solid transparent; - border-width: 0 0 0 0; - color: #01579B; -} -.p-message.p-message-info .p-message-icon { - color: #01579B; -} -.p-message.p-message-info .p-message-close { - color: #01579B; -} -.p-message.p-message-success { - background: #C8E6C9; - border: solid transparent; - border-width: 0 0 0 0; - color: #1B5E20; -} -.p-message.p-message-success .p-message-icon { - color: #1B5E20; -} -.p-message.p-message-success .p-message-close { - color: #1B5E20; -} -.p-message.p-message-warn { - background: #FFECB3; - border: solid transparent; - border-width: 0 0 0 0; - color: #7f6003; -} -.p-message.p-message-warn .p-message-icon { - color: #7f6003; -} -.p-message.p-message-warn .p-message-close { - color: #7f6003; -} -.p-message.p-message-error { - background: #FFCDD2; - border: solid transparent; - border-width: 0 0 0 0; - color: #B71C1C; -} -.p-message.p-message-error .p-message-icon { - color: #B71C1C; -} -.p-message.p-message-error .p-message-close { - color: #B71C1C; -} -.p-message .p-message-text { - font-size: 1rem; - font-weight: 500; -} -.p-message .p-message-icon { - font-size: 1.5rem; - margin-right: 0.5rem; -} -.p-message .p-message-summary { - font-weight: 700; -} -.p-message .p-message-detail { - margin-left: 0.5rem; -} - -.p-toast { - opacity: 0.9; -} -.p-toast .p-toast-message { - margin: 0 0 1rem 0; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - border-radius: 4px; -} -.p-toast .p-toast-message .p-toast-message-content { - padding: 1.5rem; - border-width: 0 0 0 0; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { - margin: 0 0 0 1rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { - font-size: 2rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { - font-weight: 700; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { - margin: 0.5rem 0 0 0; -} -.p-toast .p-toast-message .p-toast-icon-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-toast .p-toast-message .p-toast-icon-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; - border: solid transparent; - border-width: 0 0 0 0; - color: #01579B; -} -.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { - color: #01579B; -} -.p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; - border: solid transparent; - border-width: 0 0 0 0; - color: #1B5E20; -} -.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { - color: #1B5E20; -} -.p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; - border: solid transparent; - border-width: 0 0 0 0; - color: #7f6003; -} -.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { - color: #7f6003; -} -.p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; - border: solid transparent; - border-width: 0 0 0 0; - color: #B71C1C; -} -.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { - color: #B71C1C; -} - -.p-galleria .p-galleria-close { - margin: 0.5rem; - background: transparent; - color: rgba(255, 255, 255, 0.87); - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-close .p-galleria-close-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-close:hover { - background: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.87); -} -.p-galleria .p-galleria-item-nav { - background: transparent; - color: #f6f6f6; - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; - margin: 0 0.5rem; -} -.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, -.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.87); -} -.p-galleria .p-galleria-caption { - background: rgba(0, 0, 0, 0.5); - color: rgba(255, 255, 255, 0.87); - padding: 1rem; -} -.p-galleria .p-galleria-indicators { - padding: 1rem; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #dcdcdc; - width: 1.25rem; - height: 1.25rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { - background: #ececec; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(103, 58, 183, 0.12); - color: #673AB7; -} -.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { - margin-right: 0.5rem; -} -.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { - margin-bottom: 0.5rem; -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { - background: rgba(0, 0, 0, 0.5); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { - background: rgba(255, 255, 255, 0.4); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { - background: rgba(255, 255, 255, 0.6); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(103, 58, 183, 0.12); - color: #673AB7; -} -.p-galleria .p-galleria-thumbnail-container { - background: rgba(0, 0, 0, 0.9); - padding: 1rem 0.25rem; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { - margin: 0.5rem; - background-color: transparent; - color: rgba(255, 255, 255, 0.87); - width: 2rem; - height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { - background: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.87); -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-galleria-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-preview-indicator { - background-color: transparent; - color: #f8f9fa; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} - -.p-image-preview-container:hover > .p-image-preview-indicator { - background-color: rgba(0, 0, 0, 0.5); -} - -.p-image-toolbar { - padding: 1rem; -} - -.p-image-action.p-link { - color: #f8f9fa; - background-color: transparent; - width: 3rem; - height: 3rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-image-action.p-link:last-child { - margin-right: 0; -} -.p-image-action.p-link:hover { - color: #f8f9fa; - background-color: rgba(255, 255, 255, 0.1); -} -.p-image-action.p-link i { - font-size: 1.5rem; -} - -.p-avatar { - background-color: rgba(0, 0, 0, 0.12); - border-radius: 4px; -} -.p-avatar.p-avatar-lg { - width: 3rem; - height: 3rem; - font-size: 1.5rem; -} -.p-avatar.p-avatar-lg .p-avatar-icon { - font-size: 1.5rem; -} -.p-avatar.p-avatar-xl { - width: 4rem; - height: 4rem; - font-size: 2rem; -} -.p-avatar.p-avatar-xl .p-avatar-icon { - font-size: 2rem; -} - -.p-avatar-group .p-avatar { - border: 2px solid #ffffff; -} - -.p-badge { - background: #673AB7; - color: #ffffff; - font-size: 0.75rem; - font-weight: 700; - min-width: 1.5rem; - height: 1.5rem; - line-height: 1.5rem; -} -.p-badge.p-badge-secondary { - background-color: #4CAF50; - color: #ffffff; -} -.p-badge.p-badge-success { - background-color: #689F38; - color: #ffffff; -} -.p-badge.p-badge-info { - background-color: #2196F3; - color: #ffffff; -} -.p-badge.p-badge-warning { - background-color: #FBC02D; - color: #212529; -} -.p-badge.p-badge-danger { - background-color: #D32F2F; - color: #ffffff; -} -.p-badge.p-badge-lg { - font-size: 1.125rem; - min-width: 2.25rem; - height: 2.25rem; - line-height: 2.25rem; -} -.p-badge.p-badge-xl { - font-size: 1.5rem; - min-width: 3rem; - height: 3rem; - line-height: 3rem; -} - -.p-chip { - background-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); - border-radius: 16px; - padding: 0 1rem; -} -.p-chip .p-chip-text { - line-height: 1.5; - margin-top: 0.5rem; - margin-bottom: 0.5rem; -} -.p-chip .p-chip-icon { - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - margin-left: 0.5rem; -} -.p-chip img { - width: 2.5rem; - height: 2.5rem; - margin-left: -1rem; - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - border-radius: 4px; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-inplace .p-inplace-display { - padding: 1rem 1rem; - border-radius: 4px; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-inplace .p-inplace-display:not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} -.p-inplace .p-inplace-display:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-progressbar { - border: 0 none; - height: 4px; - background: rgba(103, 58, 183, 0.32); - border-radius: 4px; -} -.p-progressbar .p-progressbar-value { - border: 0 none; - margin: 0; - background: #673AB7; -} -.p-progressbar .p-progressbar-label { - color: #ffffff; - line-height: 4px; -} - -.p-scrolltop { - width: 3rem; - height: 3rem; - border-radius: 50%; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-scrolltop.p-link { - background: #4CAF50; -} -.p-scrolltop.p-link:hover { - background: rgba(76, 175, 80, 0.92); -} -.p-scrolltop .p-scrolltop-icon { - font-size: 1.5rem; - color: #ffffff; -} - -.p-skeleton { - background-color: rgba(0, 0, 0, 0.08); - border-radius: 4px; -} -.p-skeleton:after { - background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); -} - -.p-tag { - background: #673AB7; - color: #ffffff; - font-size: 0.75rem; - font-weight: 700; - padding: 0.25rem 0.4rem; - border-radius: 4px; -} -.p-tag.p-tag-success { - background-color: #689F38; - color: #ffffff; -} -.p-tag.p-tag-info { - background-color: #2196F3; - color: #ffffff; -} -.p-tag.p-tag-warning { - background-color: #FBC02D; - color: #212529; -} -.p-tag.p-tag-danger { - background-color: #D32F2F; - color: #ffffff; -} -.p-tag .p-tag-icon { - margin-right: 0.25rem; - font-size: 0.75rem; -} - -.p-terminal { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e0e0e0; - padding: 1rem; -} -.p-terminal .p-terminal-input { - font-size: 1rem; - font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; -} - -.p-accordion .p-accordion-tab { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - margin-bottom: 0; - border-radius: 0; - position: relative; - transition: margin-bottom 225ms; -} -.p-accordion .p-accordion-tab:first-child { - border-top-left-radius: 4px; - border-top-right-radius: 4px; -} -.p-accordion .p-accordion-tab:last-child { - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; -} -.p-accordion .p-accordion-tab .p-accordion-toggle-icon { - order: 1; - margin-left: auto; - transition: transform 0.2s; -} -.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-header-link:focus { - background: #f6f6f6; -} -.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-toggle-icon { - transform: rotate(-270deg); -} -.p-accordion .p-accordion-tab.p-accordion-tab-active { - margin-bottom: 1rem; -} -.p-accordion .p-accordion-tab.p-accordion-tab-active .p-accordion-toggle-icon { - transform: rotate(-180deg); -} -.p-accordion .p-accordion-tab .p-accordion-header.p-disabled { - opacity: 1; -} -.p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * { - opacity: 0.38; -} - -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; -} - -.p-input-filled .p-autocomplete .p-autocomplete-multiple-container { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: #f5f5f5 no-repeat; - background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext { - background-image: none; - background-color: transparent; -} -.p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - background-color: #ececec; - border-color: transparent; - background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); -} -.p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-color: #dcdcdc; - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:focus { - background-image: none; - background: transparent; -} - -.p-float-label .p-autocomplete-multiple-container .p-autocomplete-token { - padding: 0.25rem 1rem; -} - -.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { - padding-top: 0; - padding-bottom: 0; -} -.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - font-size: 75%; -} -.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { - padding: 0; -} -.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext { - border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { - box-shadow: none; - border-color: transparent; -} -.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container { - border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} - -p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; -} -p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; -} - -.p-breadcrumb .p-menuitem-link { - padding: 0.25rem 0.5rem; -} -.p-breadcrumb .p-menuitem-link:focus { - background: rgba(0, 0, 0, 0.12); -} - -.p-button { - font-weight: 500; - min-width: 4rem; -} -.p-button.p-button-icon-only { - min-width: auto; -} -.p-button:enabled:focus { - background: rgba(103, 58, 183, 0.76); -} -.p-button:enabled:active { - background: rgba(103, 58, 183, 0.68); -} -.p-button .p-ink { - background-color: rgba(255, 255, 255, 0.32); -} -.p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus { - background: rgba(103, 58, 183, 0.12); -} -.p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active { - background: rgba(103, 58, 183, 0.16); -} -.p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink { - background-color: rgba(103, 58, 183, 0.16); -} -.p-button.p-button-outlined { - box-shadow: inset 0 0 0 1px; -} -.p-button.p-button-outlined:enabled:focus { - box-shadow: inset 0 0 0 1px; -} -.p-button.p-button-outlined:enabled:active { - box-shadow: inset 0 0 0 1px; -} -.p-button:disabled { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(0, 0, 0, 0.38) !important; - opacity: 1; -} -.p-button:disabled.p-button-text { - background-color: transparent !important; - color: rgba(0, 0, 0, 0.38) !important; -} -.p-button:disabled.p-button-outlined { - background-color: transparent !important; - color: rgba(0, 0, 0, 0.38) !important; - border-color: rgba(0, 0, 0, 0.38) !important; -} -.p-button.p-button-raised:enabled:focus { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -} - -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - background: rgba(76, 175, 80, 0.76); -} -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: rgba(76, 175, 80, 0.68); -} -.p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus { - background: rgba(76, 175, 80, 0.12); -} -.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { - background: rgba(76, 175, 80, 0.16); -} -.p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink { - background-color: rgba(76, 175, 80, 0.16); -} - -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { - background: rgba(33, 150, 243, 0.76); -} -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: rgba(33, 150, 243, 0.68); -} -.p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus { - background: rgba(33, 150, 243, 0.12); -} -.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { - background: rgba(33, 150, 243, 0.16); -} -.p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink { - background-color: rgba(33, 150, 243, 0.16); -} - -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { - background: rgba(104, 159, 56, 0.76); -} -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: rgba(104, 159, 56, 0.68); -} -.p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus { - background: rgba(104, 159, 56, 0.12); -} -.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { - background: rgba(104, 159, 56, 0.16); -} -.p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink { - background-color: rgba(104, 159, 56, 0.16); -} - -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { - background: rgba(251, 192, 45, 0.76); -} -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: rgba(251, 192, 45, 0.68); -} -.p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus { - background: rgba(251, 192, 45, 0.12); -} -.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { - background: rgba(251, 192, 45, 0.16); -} -.p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink { - background-color: rgba(251, 192, 45, 0.16); -} - -.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - background: rgba(156, 39, 176, 0.76); -} -.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: rgba(156, 39, 176, 0.68); -} -.p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus { - background: rgba(156, 39, 176, 0.12); -} -.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { - background: rgba(156, 39, 176, 0.16); -} -.p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink { - background-color: rgba(156, 39, 176, 0.16); -} - -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { - background: rgba(211, 47, 47, 0.76); -} -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: rgba(211, 47, 47, 0.68); -} -.p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus { - background: rgba(211, 47, 47, 0.12); -} -.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { - background: rgba(211, 47, 47, 0.16); -} -.p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink { - background-color: rgba(211, 47, 47, 0.16); -} - -.p-calendar-w-btn { - border: 1px solid rgba(0, 0, 0, 0.38); - background: #ffffff; - border-radius: 4px; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-calendar-w-btn .p-inputtext { - background-image: none; - background-color: transparent; - border: 0 none; -} -.p-calendar-w-btn .p-inputtext:enabled:focus { - box-shadow: none; -} -.p-calendar-w-btn .p-datepicker-trigger.p-button { - background-color: transparent; - border: 0 none; -} -.p-calendar-w-btn .p-datepicker-trigger.p-button span { - color: rgba(0, 0, 0, 0.6); -} -.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover { - background: rgba(0, 0, 0, 0.04); -} -.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus { - background: rgba(0, 0, 0, 0.12); -} -.p-calendar-w-btn .p-datepicker-trigger.p-button:disabled { - background-color: transparent !important; -} -.p-calendar-w-btn:not(.p-calendar-disabled):hover { - border-color: rgba(0, 0, 0, 0.87); -} -.p-calendar-w-btn:not(.p-calendar-disabled).p-focus { - border-color: #673AB7; - box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; -} -.p-calendar-w-btn.p-calendar-disabled { - opacity: 0.38; -} - -.p-datepicker .p-datepicker-header { - border-bottom: 0 none; -} -.p-datepicker .p-datepicker-header .p-datepicker-title { - margin: 0 auto 0 0; - order: 1; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev { - order: 2; -} -.p-datepicker .p-datepicker-header .p-datepicker-next { - order: 3; -} -.p-datepicker table th { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.38); - font-weight: 400; - font-size: 0.875rem; -} -.p-datepicker table td.p-datepicker-today > span { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38); -} -.p-datepicker table td.p-datepicker-today.p-highlight { - box-shadow: 0 0 0 1px rgba(103, 58, 183, 0.12); -} - -p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; -} -p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { - border-color: #B00020; -} -p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext:enabled:focus { - box-shadow: none; -} -p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; -} - -.p-input-filled .p-calendar-w-btn { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: #f5f5f5 no-repeat; - background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-calendar-w-btn .p-inputtext { - background-image: none; - background-color: transparent; -} -.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover { - background-color: #ececec; - border-color: transparent; - background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); -} -.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-color: #dcdcdc; - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:focus { - background-image: none; - background: transparent; -} -.p-input-filled .p-calendar-w-btn .p-inputtext { - border: 0 none; -} -.p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext { - border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: none; - border-color: transparent; -} -.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { - border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext { - border: 0 none; - background-image: none; -} - -.p-cascadeselect .p-inputtext, .p-cascadeselect .p-cascadeselect-trigger { - background-image: none; - background: transparent; -} -.p-cascadeselect .p-inputtext { - border: 0 none; -} -.p-cascadeselect:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; -} - -.p-cascadeselect-item .p-ink { - background-color: rgba(103, 58, 183, 0.16); -} - -.p-input-filled .p-cascadeselect { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: #f5f5f5 no-repeat; - background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-cascadeselect .p-inputtext { - background-image: none; - background-color: transparent; -} -.p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #ececec; - border-color: transparent; - background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); -} -.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-color: #dcdcdc; - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus { - background-image: none; - background: transparent; -} -.p-input-filled .p-cascadeselect .p-inputtext { - border: 0 none; -} -.p-input-filled .p-cascadeselect .p-cascadeselect-label:hover { - background-image: none; - background: transparent; -} -.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect { - border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} - -.p-input-filled .p-float-label .p-cascadeselect .p-cascadeselect-label { - padding-top: 1.5rem; - padding-bottom: 0.5rem; -} -.p-input-filled .p-float-label .p-inputwrapper-filled .p-cascadeselect .p-cascadeselect-label { - padding-top: 1.5rem; - padding-bottom: 0.5rem; -} -.p-input-filled .p-cascadeselect.p-invalid { - border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} - -p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; -} - -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #4CAF50; - color: #ffffff; -} - -.p-checkbox { - border-radius: 50%; - transition: box-shadow 0.2s; -} -.p-checkbox .p-checkbox-box { - border-color: #757575; - border-radius: 2px; - position: relative; -} -.p-checkbox .p-checkbox-box:not(.p-disabled):hover { - border-color: #757575; -} -.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { - border-color: #757575; -} -.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus { - border-color: #673AB7; -} -.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before { - content: ""; - position: absolute; - top: 6px; - left: 1px; - border-right: 2px solid transparent; - border-bottom: 2px solid transparent; - transform: rotate(45deg); - transform-origin: 0% 100%; - animation: checkbox-check 125ms 50ms linear forwards; -} -.p-checkbox:not(.p-checkbox-disabled):hover { - box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); -} -.p-checkbox:not(.p-checkbox-disabled).p-checkbox-focused { - box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); -} -.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover { - box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.04); -} -.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused { - box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12); -} - -.p-input-filled .p-checkbox .p-checkbox-box { - background-color: #ffffff; -} -.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { - background-color: #ffffff; -} - -@keyframes checkbox-check { - 0% { - width: 0; - height: 0; - border-color: #ffffff; - transform: translate3d(0, 0, 0) rotate(45deg); - } - 33% { - width: 4px; - height: 0; - transform: translate3d(0, 0, 0) rotate(45deg); - } - 100% { - width: 4px; - height: 10px; - border-color: #ffffff; - transform: translate3d(0, -10px, 0) rotate(45deg); - } -} -.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; -} - -.p-input-filled .p-chips-multiple-container { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: #f5f5f5 no-repeat; - background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-chips-multiple-container .p-inputtext { - background-image: none; - background-color: transparent; -} -.p-input-filled .p-chips-multiple-container:not(.p-disabled):hover { - background-color: #ececec; - border-color: transparent; - background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); -} -.p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-color: #dcdcdc; - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-chips-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:focus { - background-image: none; - background: transparent; -} - -.p-float-label .p-chips-multiple-container .p-chips-token { - padding: 0.25rem 1rem; -} - -.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token { - padding-top: 0; - padding-bottom: 0; -} -.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { - font-size: 75%; -} -.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token { - padding: 0; -} -.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container { - border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} - -p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; -} - -.p-datatable .p-sortable-column { - outline: 0 none; -} -.p-datatable .p-sortable-column:focus { - background-color: rgba(0, 0, 0, 0.03); -} -.p-datatable .p-datatable-tbody > tr { - outline: 0 none; -} -.p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus { - background-color: rgba(0, 0, 0, 0.03); -} - -.p-dropdown .p-inputtext, .p-dropdown .p-dropdown-trigger { - background-image: none; - background: transparent; -} -.p-dropdown .p-inputtext { - border: 0 none; -} -.p-dropdown:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; -} - -.p-dropdown-item .p-ink { - background-color: rgba(103, 58, 183, 0.16); -} - -.p-input-filled .p-dropdown { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: #f5f5f5 no-repeat; - background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-dropdown .p-inputtext { - background-image: none; - background-color: transparent; -} -.p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #ececec; - border-color: transparent; - background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); -} -.p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-color: #dcdcdc; - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-dropdown .p-inputtext:enabled:hover, .p-input-filled .p-dropdown .p-inputtext:enabled:focus { - background-image: none; - background: transparent; -} -.p-input-filled .p-dropdown .p-inputtext { - border: 0 none; -} -.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown { - border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus, .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} - -p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; -} - -.p-galleria .p-galleria-indicators { - padding: 1rem; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #4CAF50; - color: #ffffff; -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(76, 175, 80, 0.68); - color: #ffffff; -} - -.p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; -} -.p-inputtext:enabled:focus.ng-invalid.ng-dirty { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; -} - -.p-input-filled .p-inputtext { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: #f5f5f5 no-repeat; - background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-inputtext:enabled:hover { - background-color: #ececec; - border-color: transparent; - background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); -} -.p-input-filled .p-inputtext:enabled:focus { - box-shadow: none; - background-color: #dcdcdc; - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-inputtext.ng-invalid.ng-dirty { - border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled .p-inputtext.ng-invalid.ng-dirty:enabled:focus { - box-shadow: none; - border-color: transparent; -} - -.p-input-filled .p-inputgroup .p-inputgroup-addon { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: #f5f5f5 no-repeat; - background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-inputgroup .p-inputgroup-addon:last-child { - border-right-color: transparent; -} -.p-input-filled .p-inputgroup-addon:first-child, -.p-input-filled .p-inputgroup button:first-child, -.p-input-filled .p-inputgroup input:first-child { - border-bottom-left-radius: 0; -} -.p-input-filled .p-inputgroup .p-float-label:first-child input { - border-bottom-left-radius: 0; -} -.p-input-filled .p-inputgroup-addon:last-child, -.p-input-filled .p-inputgroup button:last-child, -.p-input-filled .p-inputgroup input:last-child { - border-bottom-right-radius: 0; -} -.p-input-filled .p-inputgroup .p-float-label:last-child input { - border-bottom-right-radius: 0; -} - -p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; -} - -.p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext { - border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: none; - border-color: transparent; -} - -p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; -} - -.p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext { - border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: none; - border-color: transparent; -} - -.p-inputswitch .p-inputswitch-slider:before { - transition-property: box-shadow transform; - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); -} -.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before { - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12), 0 0 1px 10px rgba(0, 0, 0, 0.04); -} -.p-inputswitch.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before { - box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); -} -.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before { - box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.04), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); -} -.p-inputswitch.p-inputswitch-checked.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before { - box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); -} - -.p-fieldset .p-fieldset-legend { - border: 0 none; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { - background: rgba(0, 0, 0, 0.12); -} - -.p-float-label input:focus ~ label, -.p-float-label input.p-filled ~ label, -.p-float-label textarea:focus ~ label, -.p-float-label textarea.p-filled ~ label, -.p-float-label .p-inputwrapper-focus ~ label, -.p-float-label .p-inputwrapper-filled ~ label { - top: -0.5rem !important; - background-color: #ffffff; - padding: 2px 4px; - margin-left: -4px; - margin-top: 0; -} - -.p-float-label textarea ~ label { - margin-top: 0; -} - -.p-float-label input:focus ~ label, -.p-float-label .p-inputwrapper-focus ~ label { - color: #673AB7; -} - -.p-input-filled .p-float-label .p-inputtext { - padding-top: 1.5rem; - padding-bottom: 0.5rem; -} -.p-input-filled .p-float-label input:focus ~ label, -.p-input-filled .p-float-label input.p-filled ~ label, -.p-input-filled .p-float-label textarea:focus ~ label, -.p-input-filled .p-float-label textarea.p-filled ~ label, -.p-input-filled .p-float-label .p-inputwrapper-focus ~ label, -.p-input-filled .p-float-label .p-inputwrapper-filled ~ label { - top: 0.25rem !important; - margin-top: 0; - background: transparent; -} - -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-toolbar .fc-button:focus { - background: rgba(103, 58, 183, 0.76); -} -.fc.fc-unthemed .fc-toolbar .fc-button:active { - background: rgba(103, 58, 183, 0.68); -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:focus { - background: rgba(103, 58, 183, 0.76); -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:active { - background: rgba(103, 58, 183, 0.68); -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { - background: #e0e0e1; - border-color: #e0e0e1; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { - background: #d9d8d9; - border-color: #d9d8d9; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:focus { - background: rgba(103, 58, 183, 0.76); -} -.fc.fc-theme-standard .fc-toolbar .fc-button:active { - background: rgba(103, 58, 183, 0.68); -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:focus { - background: rgba(103, 58, 183, 0.76); -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:active { - background: rgba(103, 58, 183, 0.68); -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { - background: #e0e0e1; - border-color: #e0e0e1; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { - background: #d9d8d9; - border-color: #d9d8d9; -} - -.p-listbox .p-listbox-list .p-listbox-item .p-ink { - background-color: rgba(103, 58, 183, 0.16); -} -.p-listbox .p-listbox-list .p-listbox-item:focus { - background: rgba(0, 0, 0, 0.12); -} -.p-listbox .p-listbox-list .p-listbox-item:focus.p-highlight { - background: rgba(103, 58, 183, 0.24); -} - -.p-megamenu .p-menuitem .p-menuitem-link:focus { - background: rgba(0, 0, 0, 0.12); -} - -.p-menu .p-menuitem .p-menuitem-link:focus { - background: rgba(0, 0, 0, 0.12); -} - -.p-menubar .p-menuitem .p-menuitem-link:focus { - background: rgba(0, 0, 0, 0.12); -} - -.p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger { - background-image: none; - background: transparent; -} -.p-multiselect .p-multiselect-label { - border: 0 none; -} -.p-multiselect:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; -} -.p-multiselect .p-multiselect-items .p-multiselect-item .p-ink { - background-color: rgba(103, 58, 183, 0.16); -} -.p-multiselect .p-multiselect-items .p-multiselect-item:focus { - background: rgba(0, 0, 0, 0.12); -} -.p-multiselect .p-multiselect-items .p-multiselect-item:focus.p-highlight { - background: rgba(103, 58, 183, 0.24); -} -.p-multiselect .p-multiselect-close:focus { - background: rgba(0, 0, 0, 0.12); -} - -.p-input-filled .p-multiselect { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: #f5f5f5 no-repeat; - background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-multiselect .p-inputtext { - background-image: none; - background-color: transparent; -} -.p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #ececec; - border-color: transparent; - background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); -} -.p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-color: #dcdcdc; - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-multiselect .p-inputtext:enabled:hover, .p-input-filled .p-multiselect .p-inputtext:enabled:focus { - background-image: none; - background: transparent; -} -.p-input-filled .p-multiselect .p-multiselect-label:hover { - background-image: none; - background: transparent; -} - -.p-float-label .p-multiselect-label .p-multiselect-token { - padding: 0.25rem 1rem; - margin-top: 0.25rem; - margin-bottom: 0.25rem; -} - -.p-input-filled .p-float-label .p-multiselect .p-multiselect-label { - padding-top: 1.5rem; - padding-bottom: 0.5rem; -} -.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect .p-multiselect-label { - padding-top: 1.5rem; - padding-bottom: 0.5rem; -} -.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token { - padding-top: 0; - padding-bottom: 0; - margin-top: 0; - margin-bottom: 0; -} -.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { - font-size: 75%; -} -.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect { - border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus, .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} - -p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; -} - -.p-orderlist .p-orderlist-list .p-orderlist-item:focus { - background: rgba(0, 0, 0, 0.12); -} -.p-orderlist .p-orderlist-list .p-orderlist-item:focus.p-highlight { - background: rgba(103, 58, 183, 0.24); -} - -.p-overlaypanel .p-overlaypanel-content { - padding: 1.5rem; -} - -.p-paginator { - justify-content: flex-end; -} -.p-paginator .p-paginator-element:focus { - background: rgba(0, 0, 0, 0.12); -} -.p-paginator .p-paginator-element:focus.p-highlight { - background: rgba(103, 58, 183, 0.24); -} - -.p-panel { - border-radius: 4px; - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); -} -.p-panel .p-panel-header, -.p-panel .p-panel-content, -.p-panel .p-panel-footer { - border: 0 none; -} -.p-panel .p-panel-content { - padding-top: 0; -} -.p-panel .p-panel-title { - font-size: 1.25rem; -} -.p-panel .p-panel-header-icon:focus { - background: rgba(0, 0, 0, 0.12); -} - -.p-panelmenu .p-panelmenu-panel { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - margin-bottom: 0; - border-radius: 0; - position: relative; - transition: margin-bottom 225ms; -} -.p-panelmenu .p-panelmenu-panel:first-child { - border-top-left-radius: 4px; - border-top-right-radius: 4px; -} -.p-panelmenu .p-panelmenu-panel:last-child { - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-icon { - order: 1; - margin-left: auto; - margin-right: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled { - opacity: 1; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-link > * { - opacity: 0.38; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-link:focus { - background: #f6f6f6; -} -.p-panelmenu .p-panelmenu-panel .p-menuitem .p-menuitem-link:focus { - background: rgba(0, 0, 0, 0.12); -} - -.p-picklist .p-picklist-list .p-picklist-item:focus { - background: rgba(0, 0, 0, 0.12); -} -.p-picklist .p-picklist-list .p-picklist-item:focus.p-highlight { - background: rgba(103, 58, 183, 0.24); -} - -.p-progressbar { - border-radius: 0; -} -.p-progressbar .p-progressbar-label { - display: none; -} - -.p-radiobutton { - border-radius: 50%; - transition: box-shadow 0.2s; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border: 2px solid #757575; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - border: 2px solid #757575; -} -.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus { - border-color: #673AB7; -} -.p-radiobutton:not(.p-radiobutton-disabled):hover { - box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); -} -.p-radiobutton:not(.p-radiobutton-disabled).p-radiobutton-focused { - box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); -} -.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover { - box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.04); -} -.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused { - box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12); -} - -.p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #ffffff; -} -.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #ffffff; -} - -.p-rating .p-rating-icon { - border-radius: 50%; - width: 2rem; - height: 2rem; - display: inline-flex; - justify-content: center; - align-items: center; - margin-left: 0; -} -.p-rating .p-rating-icon:focus { - background: rgba(103, 58, 183, 0.12); -} -.p-rating .p-rating-icon.p-rating-cancel:focus { - background: rgba(176, 0, 32, 0.12); -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { - background-color: rgba(0, 0, 0, 0.04); -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - background: rgba(176, 0, 32, 0.04); -} - -.p-selectbutton .p-button:focus { - background: #e0e0e1; - border-color: #e0e0e1; -} -.p-selectbutton .p-button:focus.p-highlight { - background: #d9d8d9; - border-color: #d9d8d9; -} - -.p-slidemenu .p-menuitem-link:focus { - background: rgba(0, 0, 0, 0.12); -} - -.p-slider .p-slider-handle { - transition: transform 0.2s, box-shadow 0.2s; - transform: scale(0.7); -} -.p-slider .p-slider-handle:focus { - box-shadow: 0 0 1px 10px rgba(76, 175, 80, 0.2); -} -.p-slider.p-slider-sliding .p-slider-handle { - transform: scale(1); -} - -.p-steps { - padding: 1rem 0; -} -.p-steps .p-steps-item { - justify-content: flex-start; - flex-direction: row-reverse; - align-items: center; -} -.p-steps .p-steps-item:before { - position: static; - left: auto; - top: auto; - margin-top: 0; -} -.p-steps .p-steps-item:last-child { - flex-grow: 0; -} -.p-steps .p-steps-item:last-child:before { - display: none; -} -.p-steps .p-steps-item .p-menuitem-link { - flex-direction: row; - flex: 1 1 auto; - overflow: visible; - padding: 1rem 0.5rem; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-number { - background-color: #9e9d9e; - color: #ffffff; - font-size: 0.857rem; - min-width: 1.714rem; - height: 1.714rem; - line-height: 1.714rem; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-title { - margin: 0; - padding-left: 0.5rem; -} -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { - background: rgba(0, 0, 0, 0.12); -} -.p-steps .p-steps-item.p-highlight .p-steps-number { - background-color: #673AB7; - color: #ffffff; -} -.p-steps .p-steps-item.p-highlight .p-steps-title { - font-weight: 600; - color: rgba(0, 0, 0, 0.87); -} -.p-steps .p-steps-item.p-disabled { - opacity: 1; -} - -.p-tabview .p-tabview-nav { - position: relative; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link { - transition: background-color 0.2s; - border-radius: 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link > .p-ink { - background-color: rgba(103, 58, 183, 0.16); -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link:focus { - background-color: rgba(103, 58, 183, 0.12); -} -.p-tabview .p-tabview-nav .p-tabview-ink-bar { - z-index: 1; - display: block; - position: absolute; - bottom: 0; - height: 2px; - background-color: #673AB7; - transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); -} - -.p-toolbar { - border: 0 none; -} - -.p-tooltip .p-tooltip-text { - box-shadow: none; - font-size: 0.875rem; -} -.p-tooltip .p-tooltip-arrow { - display: none; -} - -.p-tieredmenu .p-menuitem-link:focus { - background: rgba(0, 0, 0, 0.12); -} - -.p-treeselect .p-treeselect-label, .p-treeselect .p-treeselect-trigger { - background-image: none; - background: transparent; -} -.p-treeselect .p-treeselect-label { - border: 0 none; -} -.p-treeselect:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; -} - -.p-treeselect-item .p-ink { - background-color: rgba(103, 58, 183, 0.16); -} - -.p-input-filled .p-treeselect { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: #f5f5f5 no-repeat; - background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-treeselect .p-inputtext { - background-image: none; - background-color: transparent; -} -.p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #ececec; - border-color: transparent; - background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); -} -.p-input-filled .p-treeselect:not(.p-disabled).p-focus, .p-input-filled .p-treeselect:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-color: #dcdcdc; - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-treeselect .p-inputtext:enabled:hover, .p-input-filled .p-treeselect .p-inputtext:enabled:focus { - background-image: none; - background: transparent; -} -.p-input-filled .p-treeselect .p-treeselect-label:hover { - background-image: none; - background: transparent; -} - -.p-float-label .p-treeselect-label .p-treeselect-token { - padding: 0.25rem 1rem; - margin-top: 0.25rem; - margin-bottom: 0.25rem; -} - -.p-input-filled .p-float-label .p-treeselect .p-treeselect-label { - padding-top: 1.5rem; - padding-bottom: 0.5rem; -} -.p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect .p-treeselect-label { - padding-top: 1.5rem; - padding-bottom: 0.5rem; -} -.p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-token { - padding-top: 0; - padding-bottom: 0; - margin-top: 0; - margin-bottom: 0; -} -.p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-token .p-treeselect-token-icon { - font-size: 75%; -} -.p-input-filled .p-treeselect.p-invalid { - border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled .p-treeselect.p-invalid:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} - -.p-treeselect.p-invalid:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; -} - -.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - background: rgba(0, 0, 0, 0.12); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content:focus.p-highlight { - background: rgba(103, 58, 183, 0.24); -} - -.p-treetable .p-sortable-column { - outline: 0 none; -} -.p-treetable .p-sortable-column:focus { - background-color: rgba(0, 0, 0, 0.03); -} -.p-treetable .p-treetable-tbody > tr { - outline: 0 none; -} -.p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus { - background-color: rgba(0, 0, 0, 0.03); -} - -.p-tabmenu .p-tabmenu-nav { - position: relative; -} -.p-tabmenu .p-tabmenu-nav li .p-menuitem-link { - transition: background-color 0.2s; - border-radius: 0; -} -.p-tabmenu .p-tabmenu-nav li .p-menuitem-link > .p-ink { - background-color: rgba(103, 58, 183, 0.16); -} -.p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus { - background-color: rgba(103, 58, 183, 0.12); -} -.p-tabmenu .p-tabmenu-nav li.p-highlight .p-menuitem-link:focus { - background-color: rgba(103, 58, 183, 0.12); -} -.p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar { - display: block; - position: absolute; - bottom: 0; - height: 2px; - background-color: #673AB7; - transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); -} - -.p-timeline.p-timeline-vertical .p-timeline-event-connector { - margin: 0.5rem 0; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-connector { - margin: 0 0.5rem; -} - -.p-togglebutton.p-button:focus { - background: #e0e0e1; - border-color: #e0e0e1; -} -.p-togglebutton.p-button:focus.p-highlight { - background: #d9d8d9; - border-color: #d9d8d9; -} - -/* Customizations to the designer theme should be defined here */ diff --git a/src/assets/theme/md-light-indigo/theme.css b/src/assets/theme/md-light-indigo/theme.css deleted file mode 100644 index ce865ce..0000000 --- a/src/assets/theme/md-light-indigo/theme.css +++ /dev/null @@ -1,7138 +0,0 @@ -:root { - --surface-a:#ffffff; - --surface-b:#fafafa; - --surface-c:rgba(0,0,0,.04); - --surface-d:rgba(0,0,0,.12); - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:rgba(0, 0, 0, 0.87); - --text-color-secondary:rgba(0, 0, 0, 0.6); - --primary-color:#3F51B5; - --primary-color-text:#ffffff; - --font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; - --surface-0: #ffffff; - --surface-50: #FAFAFA; - --surface-100: #F5F5F5; - --surface-200: #EEEEEE; - --surface-300: #E0E0E0; - --surface-400: #BDBDBD; - --surface-500: #9E9E9E; - --surface-600: #757575; - --surface-700: #616161; - --surface-800: #424242; - --surface-900: #212121; - --gray-50: #FAFAFA; - --gray-100: #F5F5F5; - --gray-200: #EEEEEE; - --gray-300: #E0E0E0; - --gray-400: #BDBDBD; - --gray-500: #9E9E9E; - --gray-600: #757575; - --gray-700: #616161; - --gray-800: #424242; - --gray-900: #212121; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:4px; - --surface-ground:#fafafa; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#rgba(0,0,0,.12); - --surface-hover:rgba(0,0,0,.04); - --maskbg: rgba(0, 0, 0, 0.32); - --focus-ring: none; -} - -/* roboto-regular - latin-ext_latin */ -@font-face { - font-family: "Roboto"; - font-style: normal; - font-weight: 400; - src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -/* roboto-500 - latin-ext_latin */ -@font-face { - font-family: "Roboto"; - font-style: normal; - font-weight: 500; - src: local("Roboto Medium"), local("Roboto-Medium"), url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-500.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -/* roboto-700 - latin-ext_latin */ -@font-face { - font-family: "Roboto"; - font-style: normal; - font-weight: 700; - src: local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -* { - box-sizing: border-box; -} - -.p-component { - font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; - font-size: 1rem; - font-weight: normal; -} - -.p-component-overlay { - background-color: rgba(0, 0, 0, 0.32); - transition-duration: 0.2s; -} - -.p-disabled, .p-component:disabled { - opacity: 0.38; -} - -.p-error { - color: #B00020; -} - -.p-text-secondary { - color: rgba(0, 0, 0, 0.6); -} - -.pi { - font-size: 1rem; -} - -.p-link { - font-size: 1rem; - font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; - border-radius: 4px; -} -.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-component-overlay-enter { - animation: p-component-overlay-enter-animation 150ms forwards; -} - -.p-component-overlay-leave { - animation: p-component-overlay-leave-animation 150ms forwards; -} - -@keyframes p-component-overlay-enter-animation { - from { - background-color: transparent; - } - to { - background-color: var(--maskbg); - } -} -@keyframes p-component-overlay-leave-animation { - from { - background-color: var(--maskbg); - } - to { - background-color: transparent; - } -} - -:root { - --blue-50:#f4fafe; - --blue-100:#cae6fc; - --blue-200:#a0d2fa; - --blue-300:#75bef8; - --blue-400:#4baaf5; - --blue-500:#2196f3; - --blue-600:#1c80cf; - --blue-700:#1769aa; - --blue-800:#125386; - --blue-900:#0d3c61; - --green-50:#f7faf5; - --green-100:#dbe8cf; - --green-200:#bed6a9; - --green-300:#a1c384; - --green-400:#85b15e; - --green-500:#689f38; - --green-600:#588730; - --green-700:#496f27; - --green-800:#39571f; - --green-900:#2a4016; - --yellow-50:#fffcf5; - --yellow-100:#fef0cd; - --yellow-200:#fde4a5; - --yellow-300:#fdd87d; - --yellow-400:#fccc55; - --yellow-500:#fbc02d; - --yellow-600:#d5a326; - --yellow-700:#b08620; - --yellow-800:#8a6a19; - --yellow-900:#644d12; - --cyan-50:#f2fcfd; - --cyan-100:#c2eff5; - --cyan-200:#91e2ed; - --cyan-300:#61d5e4; - --cyan-400:#30c9dc; - --cyan-500:#00bcd4; - --cyan-600:#00a0b4; - --cyan-700:#008494; - --cyan-800:#006775; - --cyan-900:#004b55; - --pink-50:#fef4f7; - --pink-100:#fac9da; - --pink-200:#f69ebc; - --pink-300:#f1749e; - --pink-400:#ed4981; - --pink-500:#e91e63; - --pink-600:#c61a54; - --pink-700:#a31545; - --pink-800:#801136; - --pink-900:#5d0c28; - --indigo-50:#f6f7fc; - --indigo-100:#d5d9ef; - --indigo-200:#b3bae2; - --indigo-300:#919cd5; - --indigo-400:#707dc8; - --indigo-500:#4e5fbb; - --indigo-600:#42519f; - --indigo-700:#374383; - --indigo-800:#2b3467; - --indigo-900:#1f264b; - --teal-50:#f2faf9; - --teal-100:#c2e6e2; - --teal-200:#91d2cc; - --teal-300:#61beb5; - --teal-400:#30aa9f; - --teal-500:#009688; - --teal-600:#008074; - --teal-700:#00695f; - --teal-800:#00534b; - --teal-900:#003c36; - --orange-50:#fffaf2; - --orange-100:#ffe6c2; - --orange-200:#ffd391; - --orange-300:#ffbf61; - --orange-400:#ffac30; - --orange-500:#ff9800; - --orange-600:#d98100; - --orange-700:#b36a00; - --orange-800:#8c5400; - --orange-900:#663d00; - --bluegray-50:#f7f9f9; - --bluegray-100:#d9e0e3; - --bluegray-200:#bbc7cd; - --bluegray-300:#9caeb7; - --bluegray-400:#7e96a1; - --bluegray-500:#607d8b; - --bluegray-600:#526a76; - --bluegray-700:#435861; - --bluegray-800:#35454c; - --bluegray-900:#263238; - --purple-50:#faf4fb; - --purple-100:#e7cbec; - --purple-200:#d4a2dd; - --purple-300:#c279ce; - --purple-400:#af50bf; - --purple-500:#9c27b0; - --purple-600:#852196; - --purple-700:#6d1b7b; - --purple-800:#561561; - --purple-900:#3e1046; -} - -.p-autocomplete .p-autocomplete-loader { - right: 1rem; -} -.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 4rem; -} -.p-autocomplete .p-autocomplete-multiple-container { - padding: 0.5rem 1rem; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: rgba(0, 0, 0, 0.87); -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #3F51B5; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { - padding: 0.5rem 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; - font-size: 1rem; - color: rgba(0, 0, 0, 0.87); - padding: 0; - margin: 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { - padding: 0.5rem 1rem; - margin-right: 0.5rem; - background: rgba(63, 81, 181, 0.12); - color: #3F51B5; - border-radius: 4px; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; -} - -p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #B00020; -} - -.p-autocomplete-panel { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} -.p-autocomplete-panel .p-autocomplete-items:not(.p-autocomplete-virtualscroll) { - padding: 0; -} -.p-autocomplete-panel .p-autocomplete-items.p-autocomplete-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { - margin: 0; - padding: 1rem 1rem; - border: 0 none; - color: rgba(0, 0, 0, 0.87); - background: transparent; - transition: none; - border-radius: 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: rgba(0, 0, 0, 0.87); - background: rgba(0, 0, 0, 0.04); -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: #3F51B5; - background: rgba(63, 81, 181, 0.12); -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 1rem 1rem; - color: rgba(0, 0, 0, 0.87); - background: transparent; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { - margin: 0; - padding: 1rem; - color: rgba(0, 0, 0, 0.6); - background: #ffffff; - font-weight: 400; -} - -p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { - border-color: #B00020; -} - -.p-datepicker { - padding: 0.5rem; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e5e5e5; - border-radius: 4px; -} -.p-datepicker:not(.p-datepicker-inline) { - background: #ffffff; - border: 0 none; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} -.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { - background: #ffffff; -} -.p-datepicker .p-datepicker-header { - padding: 0.5rem; - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - font-weight: 500; - margin: 0; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev, -.p-datepicker .p-datepicker-header .p-datepicker-next { - width: 2.5rem; - height: 2.5rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-datepicker .p-datepicker-header .p-datepicker-title { - line-height: 2.5rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - color: rgba(0, 0, 0, 0.87); - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - font-weight: 500; - padding: 0.5rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #3F51B5; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - margin-right: 0.5rem; -} -.p-datepicker table { - font-size: 1rem; - margin: 0.5rem 0; -} -.p-datepicker table th { - padding: 0.5rem; -} -.p-datepicker table th > span { - width: 2.5rem; - height: 2.5rem; -} -.p-datepicker table td { - padding: 0.5rem; -} -.p-datepicker table td > span { - width: 2.5rem; - height: 2.5rem; - border-radius: 50%; - transition: none; - border: 1px solid transparent; -} -.p-datepicker table td > span.p-highlight { - color: #3F51B5; - background: rgba(63, 81, 181, 0.12); -} -.p-datepicker table td > span:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-datepicker table td.p-datepicker-today > span { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border-color: black; -} -.p-datepicker table td.p-datepicker-today > span.p-highlight { - color: #3F51B5; - background: rgba(63, 81, 181, 0.12); -} -.p-datepicker .p-datepicker-buttonbar { - padding: 1rem 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} -.p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; -} -.p-datepicker .p-timepicker { - border-top: 1px solid rgba(0, 0, 0, 0.12); - padding: 0.5rem; -} -.p-datepicker .p-timepicker button { - width: 2.5rem; - height: 2.5rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-timepicker button:enabled:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); -} -.p-datepicker .p-timepicker button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-datepicker .p-timepicker button:last-child { - margin-top: 0.2em; -} -.p-datepicker .p-timepicker span { - font-size: 1.25rem; -} -.p-datepicker .p-timepicker > div { - padding: 0 0.5rem; -} -.p-datepicker.p-datepicker-timeonly .p-timepicker { - border-top: 0 none; -} -.p-datepicker .p-monthpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-monthpicker .p-monthpicker-month { - padding: 0.5rem; - transition: none; - border-radius: 4px; -} -.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: #3F51B5; - background: rgba(63, 81, 181, 0.12); -} -.p-datepicker .p-yearpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-yearpicker .p-yearpicker-year { - padding: 0.5rem; - transition: none; - border-radius: 4px; -} -.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { - color: #3F51B5; - background: rgba(63, 81, 181, 0.12); -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid rgba(0, 0, 0, 0.12); - padding-right: 0.5rem; - padding-left: 0.5rem; - padding-top: 0; - padding-bottom: 0; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { - padding-left: 0; - border-left: 0 none; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { - padding-right: 0; -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { - background: rgba(0, 0, 0, 0.04); -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { - background: rgba(0, 0, 0, 0.04); -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -@media screen and (max-width: 769px) { - .p-datepicker table th, .p-datepicker table td { - padding: 0; - } -} -.p-cascadeselect { - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.38); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; -} -.p-cascadeselect:not(.p-disabled):hover { - border-color: rgba(0, 0, 0, 0.87); -} -.p-cascadeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #3F51B5; -} -.p-cascadeselect .p-cascadeselect-label { - background: transparent; - border: 0 none; - padding: 1rem 1rem; -} -.p-cascadeselect .p-cascadeselect-label.p-placeholder { - color: rgba(0, 0, 0, 0.6); -} -.p-cascadeselect .p-cascadeselect-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-cascadeselect .p-cascadeselect-trigger { - background: transparent; - color: rgba(0, 0, 0, 0.6); - width: 2.357rem; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-cascadeselect-panel { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} -.p-cascadeselect-panel .p-cascadeselect-items { - padding: 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { - margin: 0; - border: 0 none; - color: rgba(0, 0, 0, 0.87); - background: transparent; - transition: none; - border-radius: 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 1rem 1rem; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { - color: #3F51B5; - background: rgba(63, 81, 181, 0.12); -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(0, 0, 0, 0.87); - background: rgba(0, 0, 0, 0.04); -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { - font-size: 0.875rem; -} - -p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #B00020; -} - -.p-input-filled .p-cascadeselect { - background: #f5f5f5; -} -.p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #ececec; -} -.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #dcdcdc; -} - -.p-checkbox { - width: 18px; - height: 18px; -} -.p-checkbox .p-checkbox-box { - border: 2px solid #757575; - background: #ffffff; - width: 18px; - height: 18px; - color: rgba(0, 0, 0, 0.87); - border-radius: 4px; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-checkbox .p-checkbox-box .p-checkbox-icon { - transition-duration: 0.2s; - color: #ffffff; - font-size: 14px; -} -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #3F51B5; - background: #3F51B5; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: rgba(0, 0, 0, 0.87); -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #3F51B5; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #3F51B5; - background: #3F51B5; - color: #ffffff; -} - -p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #B00020; -} - -.p-input-filled .p-checkbox .p-checkbox-box { - background-color: #f5f5f5; -} -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #3F51B5; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #ececec; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #3F51B5; -} - -.p-checkbox-label { - margin-left: 0.5rem; -} - -.p-chips .p-chips-multiple-container { - padding: 0.5rem 1rem; -} -.p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: rgba(0, 0, 0, 0.87); -} -.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #3F51B5; -} -.p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.5rem 1rem; - margin-right: 0.5rem; - background: rgba(63, 81, 181, 0.12); - color: #3F51B5; - border-radius: 4px; -} -.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { - margin-left: 0.5rem; -} -.p-chips .p-chips-multiple-container .p-chips-input-token { - padding: 0.5rem 0; -} -.p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; - font-size: 1rem; - color: rgba(0, 0, 0, 0.87); - padding: 0; - margin: 0; -} - -p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { - border-color: #B00020; -} - -.p-colorpicker-preview, -.p-fluid .p-colorpicker-preview.p-inputtext { - width: 2rem; - height: 2rem; -} - -.p-colorpicker-panel { - background: #323232; - border: 1px solid #191919; -} -.p-colorpicker-panel .p-colorpicker-color-handle, -.p-colorpicker-panel .p-colorpicker-hue-handle { - border-color: #ffffff; -} - -.p-colorpicker-overlay-panel { - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} - -.p-dropdown { - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.38); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; -} -.p-dropdown:not(.p-disabled):hover { - border-color: rgba(0, 0, 0, 0.87); -} -.p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #3F51B5; -} -.p-dropdown.p-dropdown-clearable .p-dropdown-label { - padding-right: 2rem; -} -.p-dropdown .p-dropdown-label { - background: transparent; - border: 0 none; -} -.p-dropdown .p-dropdown-label.p-placeholder { - color: rgba(0, 0, 0, 0.6); -} -.p-dropdown .p-dropdown-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-dropdown .p-dropdown-trigger { - background: transparent; - color: rgba(0, 0, 0, 0.6); - width: 2.357rem; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} -.p-dropdown .p-dropdown-clear-icon { - color: rgba(0, 0, 0, 0.6); - right: 2.357rem; -} - -.p-dropdown-panel { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} -.p-dropdown-panel .p-dropdown-header { - padding: 1rem; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - margin: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { - padding-right: 2rem; - margin-right: -2rem; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { - right: 1rem; - color: rgba(0, 0, 0, 0.6); -} -.p-dropdown-panel .p-dropdown-items:not(.p-dropdown-virtualscroll) { - padding: 0; -} -.p-dropdown-panel .p-dropdown-items.p-dropdown-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item { - margin: 0; - padding: 1rem 1rem; - border: 0 none; - color: rgba(0, 0, 0, 0.87); - background: transparent; - transition: none; - border-radius: 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: #3F51B5; - background: rgba(63, 81, 181, 0.12); -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(0, 0, 0, 0.87); - background: rgba(0, 0, 0, 0.04); -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 1rem 1rem; - color: rgba(0, 0, 0, 0.87); - background: transparent; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { - margin: 0; - padding: 1rem; - color: rgba(0, 0, 0, 0.6); - background: #ffffff; - font-weight: 400; -} - -p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #B00020; -} - -.p-input-filled .p-dropdown { - background: #f5f5f5; -} -.p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #ececec; -} -.p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: #dcdcdc; -} - -.p-editor-container .p-editor-toolbar { - background: #ffffff; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #e0e0e0; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: rgba(0, 0, 0, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: rgba(0, 0, 0, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: rgba(0, 0, 0, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: rgba(0, 0, 0, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: rgba(0, 0, 0, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: rgba(0, 0, 0, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: rgba(0, 0, 0, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: rgba(0, 0, 0, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: rgba(0, 0, 0, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #ffffff; - border: 0 none; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - border-radius: 4px; - padding: 0; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: rgba(0, 0, 0, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: rgba(0, 0, 0, 0.87); - background: rgba(0, 0, 0, 0.04); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 1rem 1rem; -} -.p-editor-container .p-editor-content { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-editor-container .p-editor-content.ql-snow { - border: 1px solid #e0e0e0; -} -.p-editor-container .p-editor-content .ql-editor { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: rgba(0, 0, 0, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: rgba(0, 0, 0, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: rgba(0, 0, 0, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #3F51B5; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #3F51B5; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #3F51B5; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #3F51B5; -} - -.p-inputgroup-addon { - background: #ffffff; - color: rgba(0, 0, 0, 0.6); - border-top: 1px solid rgba(0, 0, 0, 0.38); - border-left: 1px solid rgba(0, 0, 0, 0.38); - border-bottom: 1px solid rgba(0, 0, 0, 0.38); - padding: 1rem 1rem; - min-width: 2.357rem; -} -.p-inputgroup-addon:last-child { - border-right: 1px solid rgba(0, 0, 0, 0.38); -} - -.p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, -.p-inputgroup > .p-float-label > .p-component { - border-radius: 0; - margin: 0; -} -.p-inputgroup > .p-component + .p-inputgroup-addon, -.p-inputgroup > .p-element + .p-inputgroup-addon, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, -.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { - border-left: 0 none; -} -.p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, -.p-inputgroup > .p-float-label > .p-component:focus { - z-index: 1; -} -.p-inputgroup > .p-component:focus ~ label, -.p-inputgroup > .p-element:focus ~ label, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, -.p-inputgroup > .p-float-label > .p-component:focus ~ label { - z-index: 1; -} - -.p-inputgroup-addon:first-child, -.p-inputgroup button:first-child, -.p-inputgroup input:first-child, -.p-inputgroup > .p-inputwrapper:first-child > .p-component, -.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-inputgroup .p-float-label:first-child input { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-inputgroup-addon:last-child, -.p-inputgroup button:last-child, -.p-inputgroup input:last-child, -.p-inputgroup > .p-inputwrapper:last-child > .p-component, -.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-inputgroup .p-float-label:last-child input { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-fluid .p-inputgroup .p-button { - width: auto; -} -.p-fluid .p-inputgroup .p-button.p-button-icon-only { - width: 3rem; -} - -p-inputmask.ng-dirty.ng-invalid > .p-inputtext { - border-color: #B00020; -} - -p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { - border-color: #B00020; -} - -.p-inputswitch { - width: 2.75rem; - height: 1rem; -} -.p-inputswitch .p-inputswitch-slider { - background: rgba(0, 0, 0, 0.38); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 0.5rem; -} -.p-inputswitch .p-inputswitch-slider:before { - background: #ffffff; - width: 1.5rem; - height: 1.5rem; - left: -1px; - margin-top: -0.75rem; - border-radius: 50%; - transition-duration: 0.2s; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - transform: translateX(1.5rem); -} -.p-inputswitch.p-focus .p-inputswitch-slider { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: rgba(0, 0, 0, 0.38); -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: rgba(63, 81, 181, 0.5); -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: #3F51B5; -} -.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: rgba(63, 81, 181, 0.5); -} - -p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { - border-color: #B00020; -} - -.p-inputtext { - font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; - font-size: 1rem; - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - padding: 1rem 1rem; - border: 1px solid rgba(0, 0, 0, 0.38); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - appearance: none; - border-radius: 4px; -} -.p-inputtext:enabled:hover { - border-color: rgba(0, 0, 0, 0.87); -} -.p-inputtext:enabled:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #3F51B5; -} -.p-inputtext.ng-dirty.ng-invalid { - border-color: #B00020; -} -.p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.875rem 0.875rem; -} -.p-inputtext.p-inputtext-lg { - font-size: 1.25rem; - padding: 1.25rem 1.25rem; -} - -.p-float-label > label { - left: 1rem; - color: rgba(0, 0, 0, 0.6); - transition-duration: 0.2s; -} - -.p-float-label > .ng-invalid.ng-dirty + label { - color: #B00020; -} - -.p-input-icon-left > i:first-of-type { - left: 1rem; - color: rgba(0, 0, 0, 0.6); -} - -.p-input-icon-left > .p-inputtext { - padding-left: 3rem; -} - -.p-input-icon-left.p-float-label > label { - left: 3rem; -} - -.p-input-icon-right > i:last-of-type { - right: 1rem; - color: rgba(0, 0, 0, 0.6); -} - -.p-input-icon-right > .p-inputtext { - padding-right: 3rem; -} - -::-webkit-input-placeholder { - color: rgba(0, 0, 0, 0.6); -} - -:-moz-placeholder { - color: rgba(0, 0, 0, 0.6); -} - -::-moz-placeholder { - color: rgba(0, 0, 0, 0.6); -} - -:-ms-input-placeholder { - color: rgba(0, 0, 0, 0.6); -} - -.p-input-filled .p-inputtext { - background-color: #f5f5f5; -} -.p-input-filled .p-inputtext:enabled:hover { - background-color: #ececec; -} -.p-input-filled .p-inputtext:enabled:focus { - background-color: #dcdcdc; -} - -.p-inputtext-sm .p-inputtext { - font-size: 0.875rem; - padding: 0.875rem 0.875rem; -} - -.p-inputtext-lg .p-inputtext { - font-size: 1.25rem; - padding: 1.25rem 1.25rem; -} - -.p-listbox { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e5e5e5; - border-radius: 4px; -} -.p-listbox .p-listbox-header { - padding: 1rem; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - margin: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-listbox .p-listbox-header .p-listbox-filter { - padding-right: 2rem; -} -.p-listbox .p-listbox-header .p-listbox-filter-icon { - right: 1rem; - color: rgba(0, 0, 0, 0.6); -} -.p-listbox .p-listbox-header .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list { - padding: 0; -} -.p-listbox .p-listbox-list .p-listbox-item { - margin: 0; - padding: 1rem 1rem; - border: 0 none; - color: rgba(0, 0, 0, 0.87); - transition: none; - border-radius: 0; -} -.p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: #3F51B5; - background: rgba(63, 81, 181, 0.12); -} -.p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list .p-listbox-item-group { - margin: 0; - padding: 1rem; - color: rgba(0, 0, 0, 0.6); - background: #ffffff; - font-weight: 400; -} -.p-listbox .p-listbox-list .p-listbox-empty-message { - padding: 1rem 1rem; - color: rgba(0, 0, 0, 0.87); - background: transparent; -} -.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(0, 0, 0, 0.87); - background: rgba(0, 0, 0, 0.04); -} - -p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #B00020; -} - -.p-multiselect { - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.38); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; -} -.p-multiselect:not(.p-disabled):hover { - border-color: rgba(0, 0, 0, 0.87); -} -.p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #3F51B5; -} -.p-multiselect .p-multiselect-label { - padding: 1rem 1rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-multiselect .p-multiselect-label.p-placeholder { - color: rgba(0, 0, 0, 0.6); -} -.p-multiselect.p-multiselect-chip .p-multiselect-token { - padding: 0.5rem 1rem; - margin-right: 0.5rem; - background: rgba(63, 81, 181, 0.12); - color: #3F51B5; - border-radius: 4px; -} -.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { - margin-left: 0.5rem; -} -.p-multiselect .p-multiselect-trigger { - background: transparent; - color: rgba(0, 0, 0, 0.6); - width: 2.357rem; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { - padding: 0.5rem 1rem; -} - -.p-multiselect-panel { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} -.p-multiselect-panel .p-multiselect-header { - padding: 1rem; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - margin: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { - padding-right: 2rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { - right: 1rem; - color: rgba(0, 0, 0, 0.6); -} -.p-multiselect-panel .p-multiselect-header .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close { - margin-left: 0.5rem; - width: 2.5rem; - height: 2.5rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-multiselect-panel .p-multiselect-items:not(.p-multiselect-virtualscroll) { - padding: 0; -} -.p-multiselect-panel .p-multiselect-items.p-multiselect-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item { - margin: 0; - padding: 1rem 1rem; - border: 0 none; - color: rgba(0, 0, 0, 0.87); - background: transparent; - transition: none; - border-radius: 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: #3F51B5; - background: rgba(63, 81, 181, 0.12); -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(0, 0, 0, 0.87); - background: rgba(0, 0, 0, 0.04); -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { - margin: 0; - padding: 1rem; - color: rgba(0, 0, 0, 0.6); - background: #ffffff; - font-weight: 400; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { - padding: 1rem 1rem; - color: rgba(0, 0, 0, 0.87); - background: transparent; -} - -p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #B00020; -} - -.p-input-filled .p-multiselect { - background: #f5f5f5; -} -.p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #ececec; -} -.p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #dcdcdc; -} - -p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #B00020; -} - -.p-password-panel { - padding: 1rem; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - border-radius: 4px; -} -.p-password-panel .p-password-meter { - margin-bottom: 0.5rem; - background: rgba(63, 81, 181, 0.32); -} -.p-password-panel .p-password-meter .p-password-strength.weak { - background: #D32F2F; -} -.p-password-panel .p-password-meter .p-password-strength.medium { - background: #FBC02D; -} -.p-password-panel .p-password-meter .p-password-strength.strong { - background: #689F38; -} - -.p-radiobutton { - width: 20px; - height: 20px; -} -.p-radiobutton .p-radiobutton-box { - border: 2px solid #757575; - background: #ffffff; - width: 20px; - height: 20px; - color: rgba(0, 0, 0, 0.87); - border-radius: 50%; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: rgba(0, 0, 0, 0.87); -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #3F51B5; -} -.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - width: 10px; - height: 10px; - transition-duration: 0.2s; - background-color: #3F51B5; -} -.p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #3F51B5; - background: #ffffff; -} -.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #3F51B5; - background: #ffffff; - color: #3F51B5; -} - -p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #B00020; -} - -.p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #f5f5f5; -} -.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #ececec; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #ffffff; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #ffffff; -} - -.p-radiobutton-label { - margin-left: 0.5rem; -} - -.p-rating .p-rating-icon { - color: #3F51B5; - margin-left: 0.5rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - font-size: 1.143rem; -} -.p-rating .p-rating-icon.p-rating-cancel { - color: #B00020; -} -.p-rating .p-rating-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-rating .p-rating-icon:first-child { - margin-left: 0; -} -.p-rating .p-rating-icon.pi-star-fill { - color: #3F51B5; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { - color: #3F51B5; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - color: #B00020; -} - -.p-selectbutton .p-button { - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-selectbutton .p-button .p-button-icon-left, -.p-selectbutton .p-button .p-button-icon-right { - color: rgba(0, 0, 0, 0.6); -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { - background: #f6f6f6; - border-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: rgba(0, 0, 0, 0.6); -} -.p-selectbutton .p-button.p-highlight { - background: #e0e0e1; - border-color: #e0e0e1; - color: rgba(0, 0, 0, 0.87); -} -.p-selectbutton .p-button.p-highlight .p-button-icon-left, -.p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: rgba(0, 0, 0, 0.6); -} -.p-selectbutton .p-button.p-highlight:hover { - background: #d9d8d9; - border-color: #d9d8d9; - color: rgba(0, 0, 0, 0.87); -} -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: rgba(0, 0, 0, 0.6); -} - -p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #B00020; -} - -.p-slider { - background: #c1c1c1; - border: 0 none; - border-radius: 4px; -} -.p-slider.p-slider-horizontal { - height: 2px; -} -.p-slider.p-slider-horizontal .p-slider-handle { - margin-top: -10px; - margin-left: -10px; -} -.p-slider.p-slider-vertical { - width: 2px; -} -.p-slider.p-slider-vertical .p-slider-handle { - margin-left: -10px; - margin-bottom: -10px; -} -.p-slider .p-slider-handle { - height: 20px; - width: 20px; - background: #3F51B5; - border: 0 none; - border-radius: 50%; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-slider .p-slider-handle:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-slider .p-slider-range { - background: #3F51B5; -} -.p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #3F51B5; - border-color: 0 none; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), left 0.2s; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { - transition: width 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), bottom 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { - transition: height 0.2s; -} - -.p-togglebutton.p-button { - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-togglebutton.p-button .p-button-icon-left, -.p-togglebutton.p-button .p-button-icon-right { - color: rgba(0, 0, 0, 0.6); -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { - background: #f6f6f6; - border-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: rgba(0, 0, 0, 0.6); -} -.p-togglebutton.p-button.p-highlight { - background: #e0e0e1; - border-color: #e0e0e1; - color: rgba(0, 0, 0, 0.87); -} -.p-togglebutton.p-button.p-highlight .p-button-icon-left, -.p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: rgba(0, 0, 0, 0.6); -} -.p-togglebutton.p-button.p-highlight:hover { - background: #d9d8d9; - border-color: #d9d8d9; - color: rgba(0, 0, 0, 0.87); -} -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: rgba(0, 0, 0, 0.6); -} - -p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #B00020; -} - -.p-treeselect { - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.38); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; -} -.p-treeselect:not(.p-disabled):hover { - border-color: rgba(0, 0, 0, 0.87); -} -.p-treeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #3F51B5; -} -.p-treeselect .p-treeselect-label { - padding: 1rem 1rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-treeselect .p-treeselect-label.p-placeholder { - color: rgba(0, 0, 0, 0.6); -} -.p-treeselect.p-treeselect-chip .p-treeselect-token { - padding: 0.5rem 1rem; - margin-right: 0.5rem; - background: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); - border-radius: 16px; -} -.p-treeselect .p-treeselect-trigger { - background: transparent; - color: rgba(0, 0, 0, 0.6); - width: 2.357rem; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -p-treeselect.ng-invalid.ng-dirty > .p-treeselect { - border-color: #B00020; -} - -.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { - padding: 0.5rem 1rem; -} - -.p-treeselect-panel { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { - border: 0 none; -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { - padding: 1rem 1rem; - color: rgba(0, 0, 0, 0.87); - background: transparent; -} - -.p-input-filled .p-treeselect { - background: #f5f5f5; -} -.p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #ececec; -} -.p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: #dcdcdc; -} - -.p-button { - color: #ffffff; - background: #3F51B5; - border: 0 none; - padding: 0.714rem 1rem; - font-size: 1rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; -} -.p-button:enabled:hover { - background: rgba(63, 81, 181, 0.92); - color: #ffffff; - border-color: transparent; -} -.p-button:enabled:active { - background: rgba(63, 81, 181, 0.68); - color: #ffffff; - border-color: transparent; -} -.p-button.p-button-outlined { - background-color: transparent; - color: #3F51B5; - border: 0 none; -} -.p-button.p-button-outlined:enabled:hover { - background: rgba(63, 81, 181, 0.04); - color: #3F51B5; - border: 0 none; -} -.p-button.p-button-outlined:enabled:active { - background: rgba(63, 81, 181, 0.16); - color: #3F51B5; - border: 0 none; -} -.p-button.p-button-outlined.p-button-plain { - color: rgba(0, 0, 0, 0.6); - border-color: rgba(0, 0, 0, 0.6); -} -.p-button.p-button-outlined.p-button-plain:enabled:hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.6); -} -.p-button.p-button-outlined.p-button-plain:enabled:active { - background: rgba(0, 0, 0, 0.16); - color: rgba(0, 0, 0, 0.6); -} -.p-button.p-button-text { - background-color: transparent; - color: #3F51B5; - border-color: transparent; -} -.p-button.p-button-text:enabled:hover { - background: rgba(63, 81, 181, 0.04); - color: #3F51B5; - border-color: transparent; -} -.p-button.p-button-text:enabled:active { - background: rgba(63, 81, 181, 0.16); - color: #3F51B5; - border-color: transparent; -} -.p-button.p-button-text.p-button-plain { - color: rgba(0, 0, 0, 0.6); -} -.p-button.p-button-text.p-button-plain:enabled:hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.6); -} -.p-button.p-button-text.p-button-plain:enabled:active { - background: rgba(0, 0, 0, 0.16); - color: rgba(0, 0, 0, 0.6); -} -.p-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-button .p-button-icon-left { - margin-right: 0.5rem; -} -.p-button .p-button-icon-right { - margin-left: 0.5rem; -} -.p-button .p-button-icon-bottom { - margin-top: 0.5rem; -} -.p-button .p-button-icon-top { - margin-bottom: 0.5rem; -} -.p-button .p-badge { - margin-left: 0.5rem; - min-width: 1rem; - height: 1rem; - line-height: 1rem; - color: #3F51B5; - background-color: #ffffff; -} -.p-button.p-button-raised { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -} -.p-button.p-button-rounded { - border-radius: 2rem; -} -.p-button.p-button-icon-only { - width: 3rem; - padding: 0.714rem; -} -.p-button.p-button-icon-only .p-button-icon-left, -.p-button.p-button-icon-only .p-button-icon-right { - margin: 0; -} -.p-button.p-button-icon-only.p-button-rounded { - border-radius: 50%; - height: 3rem; -} -.p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.62475rem 0.875rem; -} -.p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; -} -.p-button.p-button-lg { - font-size: 1.25rem; - padding: 0.8925rem 1.25rem; -} -.p-button.p-button-lg .p-button-icon { - font-size: 1.25rem; -} -.p-button.p-button-loading-label-only .p-button-label { - margin-left: 0.5rem; -} -.p-button.p-button-loading-label-only .p-button-loading-icon { - margin-right: 0; -} - -.p-fluid .p-button { - width: 100%; -} -.p-fluid .p-button-icon-only { - width: 3rem; -} -.p-fluid .p-buttonset { - display: flex; -} -.p-fluid .p-buttonset .p-button { - flex: 1; -} - -.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { - color: #ffffff; - background: #ff4081; - border: 0 none; -} -.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { - background: rgba(255, 64, 129, 0.92); - color: #ffffff; - border-color: transparent; -} -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - box-shadow: none; -} -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: rgba(255, 64, 129, 0.68); - color: #ffffff; - border-color: transparent; -} -.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { - background-color: transparent; - color: #ff4081; - border: 0 none; -} -.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { - background: rgba(255, 64, 129, 0.04); - color: #ff4081; - border: 0 none; -} -.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { - background: rgba(255, 64, 129, 0.16); - color: #ff4081; - border: 0 none; -} -.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { - background-color: transparent; - color: #ff4081; - border-color: transparent; -} -.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { - background: rgba(255, 64, 129, 0.04); - border-color: transparent; - color: #ff4081; -} -.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { - background: rgba(255, 64, 129, 0.16); - border-color: transparent; - color: #ff4081; -} - -.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { - color: #ffffff; - background: #2196F3; - border: 0 none; -} -.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { - background: rgba(33, 150, 243, 0.92); - color: #ffffff; - border-color: transparent; -} -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { - box-shadow: none; -} -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: rgba(33, 150, 243, 0.68); - color: #ffffff; - border-color: transparent; -} -.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { - background-color: transparent; - color: #2196F3; - border: 0 none; -} -.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { - background: rgba(33, 150, 243, 0.04); - color: #2196F3; - border: 0 none; -} -.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { - background: rgba(33, 150, 243, 0.16); - color: #2196F3; - border: 0 none; -} -.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { - background-color: transparent; - color: #2196F3; - border-color: transparent; -} -.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { - background: rgba(33, 150, 243, 0.04); - border-color: transparent; - color: #2196F3; -} -.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { - background: rgba(33, 150, 243, 0.16); - border-color: transparent; - color: #2196F3; -} - -.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { - color: #ffffff; - background: #689F38; - border: 0 none; -} -.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { - background: rgba(104, 159, 56, 0.92); - color: #ffffff; - border-color: transparent; -} -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { - box-shadow: none; -} -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: rgba(104, 159, 56, 0.68); - color: #ffffff; - border-color: transparent; -} -.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { - background-color: transparent; - color: #689F38; - border: 0 none; -} -.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { - background: rgba(104, 159, 56, 0.04); - color: #689F38; - border: 0 none; -} -.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { - background: rgba(104, 159, 56, 0.16); - color: #689F38; - border: 0 none; -} -.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { - background-color: transparent; - color: #689F38; - border-color: transparent; -} -.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { - background: rgba(104, 159, 56, 0.04); - border-color: transparent; - color: #689F38; -} -.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { - background: rgba(104, 159, 56, 0.16); - border-color: transparent; - color: #689F38; -} - -.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { - color: #212529; - background: #FBC02D; - border: 0 none; -} -.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { - background: rgba(251, 192, 45, 0.92); - color: #212529; - border-color: transparent; -} -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { - box-shadow: none; -} -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: rgba(251, 192, 45, 0.68); - color: #212529; - border-color: transparent; -} -.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { - background-color: transparent; - color: #FBC02D; - border: 0 none; -} -.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { - background: rgba(251, 192, 45, 0.04); - color: #FBC02D; - border: 0 none; -} -.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { - background: rgba(251, 192, 45, 0.16); - color: #FBC02D; - border: 0 none; -} -.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { - background-color: transparent; - color: #FBC02D; - border-color: transparent; -} -.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { - background: rgba(251, 192, 45, 0.04); - border-color: transparent; - color: #FBC02D; -} -.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { - background: rgba(251, 192, 45, 0.16); - border-color: transparent; - color: #FBC02D; -} - -.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { - color: #ffffff; - background: #9C27B0; - border: 0 none; -} -.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { - background: rgba(156, 39, 176, 0.92); - color: #ffffff; - border-color: transparent; -} -.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - box-shadow: none; -} -.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: rgba(156, 39, 176, 0.68); - color: #ffffff; - border-color: transparent; -} -.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { - background-color: transparent; - color: #9C27B0; - border: 0 none; -} -.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { - background: rgba(156, 39, 176, 0.04); - color: #9C27B0; - border: 0 none; -} -.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { - background: rgba(156, 39, 176, 0.16); - color: #9C27B0; - border: 0 none; -} -.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { - background-color: transparent; - color: #9C27B0; - border-color: transparent; -} -.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { - background: rgba(156, 39, 176, 0.04); - border-color: transparent; - color: #9C27B0; -} -.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { - background: rgba(156, 39, 176, 0.16); - border-color: transparent; - color: #9C27B0; -} - -.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { - color: #ffffff; - background: #D32F2F; - border: 0 none; -} -.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { - background: rgba(211, 47, 47, 0.92); - color: #ffffff; - border-color: transparent; -} -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { - box-shadow: none; -} -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: rgba(211, 47, 47, 0.68); - color: #ffffff; - border-color: transparent; -} -.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { - background-color: transparent; - color: #D32F2F; - border: 0 none; -} -.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { - background: rgba(211, 47, 47, 0.04); - color: #D32F2F; - border: 0 none; -} -.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { - background: rgba(211, 47, 47, 0.16); - color: #D32F2F; - border: 0 none; -} -.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { - background-color: transparent; - color: #D32F2F; - border-color: transparent; -} -.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { - background: rgba(211, 47, 47, 0.04); - border-color: transparent; - color: #D32F2F; -} -.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { - background: rgba(211, 47, 47, 0.16); - border-color: transparent; - color: #D32F2F; -} - -.p-button.p-button-link { - color: #3F51B5; - background: transparent; - border: transparent; -} -.p-button.p-button-link:enabled:hover { - background: transparent; - color: #3F51B5; - border-color: transparent; -} -.p-button.p-button-link:enabled:hover .p-button-label { - text-decoration: underline; -} -.p-button.p-button-link:enabled:focus { - background: transparent; - box-shadow: none; - border-color: transparent; -} -.p-button.p-button-link:enabled:active { - background: transparent; - color: #3F51B5; - border-color: transparent; -} - -.p-speeddial-button.p-button.p-button-icon-only { - width: 4rem; - height: 4rem; -} -.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { - font-size: 2rem; -} - -.p-speeddial-action { - width: 3rem; - height: 3rem; - background: #ff4081; - color: #fff; -} -.p-speeddial-action:hover { - background: rgba(255, 64, 129, 0.92); - color: #fff; -} - -.p-speeddial-direction-up .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-up .p-speeddial-item:first-child { - margin-bottom: 0.5rem; -} - -.p-speeddial-direction-down .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-down .p-speeddial-item:first-child { - margin-top: 0.5rem; -} - -.p-speeddial-direction-left .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-left .p-speeddial-item:first-child { - margin-right: 0.5rem; -} - -.p-speeddial-direction-right .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-right .p-speeddial-item:first-child { - margin-left: 0.5rem; -} - -.p-speeddial-circle .p-speeddial-item, -.p-speeddial-semi-circle .p-speeddial-item, -.p-speeddial-quarter-circle .p-speeddial-item { - margin: 0; -} -.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, -.p-speeddial-semi-circle .p-speeddial-item:first-child, -.p-speeddial-semi-circle .p-speeddial-item:last-child, -.p-speeddial-quarter-circle .p-speeddial-item:first-child, -.p-speeddial-quarter-circle .p-speeddial-item:last-child { - margin: 0; -} - -.p-speeddial-mask { - background-color: rgba(0, 0, 0, 0.32); -} - -.p-carousel .p-carousel-content .p-carousel-prev, -.p-carousel .p-carousel-content .p-carousel-next { - width: 2.5rem; - height: 2.5rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin: 0.5rem; -} -.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, -.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); -} -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-carousel .p-carousel-indicators { - padding: 1rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator { - margin-right: 0.5rem; - margin-bottom: 0.5rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: #dcdcdc; - width: 2rem; - height: 0.5rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 0; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { - background: #ececec; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: rgba(63, 81, 181, 0.12); - color: #3F51B5; -} - -.p-datatable .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-datatable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-datatable .p-datatable-header { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 500; -} -.p-datatable .p-datatable-footer { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 500; -} -.p-datatable .p-datatable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - font-weight: 500; - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - transition: none; -} -.p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - font-weight: 500; - color: rgba(0, 0, 0, 0.87); - background: #ffffff; -} -.p-datatable .p-sortable-column .p-sortable-column-icon { - color: rgba(0, 0, 0, 0.6); - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: #3F51B5; - background: rgba(63, 81, 181, 0.12); - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column:not(.p-highlight):hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} -.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-datatable .p-sortable-column.p-highlight { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); -} -.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: rgba(0, 0, 0, 0.87); -} -.p-datatable .p-sortable-column.p-highlight:hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} -.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { - color: rgba(0, 0, 0, 0.87); -} -.p-datatable .p-sortable-column:focus { - box-shadow: none; - outline: 0 none; -} -.p-datatable .p-datatable-tbody > tr { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - transition: none; - outline-color: transparent; -} -.p-datatable .p-datatable-tbody > tr > td { - text-align: left; - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - padding: 1rem 1rem; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { - width: 2.5rem; - height: 2.5rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { - margin-right: 0.5rem; -} -.p-datatable .p-datatable-tbody > tr.p-highlight { - background: rgba(63, 81, 181, 0.12); - color: #3F51B5; -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 rgba(63, 81, 181, 0.12); -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 rgba(63, 81, 181, 0.12); -} -.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} -.p-datatable .p-column-resizer-helper { - background: #3F51B5; -} -.p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #ffffff; -} -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot { - background-color: #ffffff; -} -.p-datatable .p-datatable-loading-icon { - font-size: 2rem; -} -.p-datatable.p-datatable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-footer { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-top { - border-width: 0 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-bottom { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { - background: rgba(0, 0, 0, 0.02); -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: rgba(63, 81, 181, 0.12); - color: #3F51B5; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: #3F51B5; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: #3F51B5; -} -.p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-lg .p-datatable-header { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-footer { - padding: 1.25rem 1.25rem; -} - -.p-dataview .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-dataview .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-dataview .p-dataview-header { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 500; -} -.p-dataview .p-dataview-content { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - padding: 1rem 0; -} -.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid rgba(0, 0, 0, 0.12); - border-width: 0 0 1px 0; -} -.p-dataview .p-dataview-footer { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 500; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; -} -.p-dataview .p-dataview-loading-icon { - font-size: 2rem; -} -.p-dataview .p-dataview-emptymessage { - padding: 1rem; -} - -.p-column-filter-row .p-column-filter-menu-button, -.p-column-filter-row .p-column-filter-clear-button { - margin-left: 0.5rem; -} - -.p-column-filter-menu-button { - width: 2.5rem; - height: 2.5rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-menu-button:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); -} -.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.6); -} -.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: rgba(63, 81, 181, 0.12); - color: #3F51B5; -} -.p-column-filter-menu-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-column-filter-clear-button { - width: 2.5rem; - height: 2.5rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-clear-button:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); -} -.p-column-filter-clear-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-column-filter-overlay { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - min-width: 12.5rem; -} -.p-column-filter-overlay .p-column-filter-row-items { - padding: 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { - margin: 0; - padding: 1rem 1rem; - border: 0 none; - color: rgba(0, 0, 0, 0.87); - background: transparent; - transition: none; - border-radius: 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: #3F51B5; - background: rgba(63, 81, 181, 0.12); -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(0, 0, 0, 0.87); - background: rgba(0, 0, 0, 0.04); -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid rgba(0, 0, 0, 0.12); - margin: 0.5rem 0; -} - -.p-column-filter-overlay-menu .p-column-filter-operator { - padding: 1rem; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - margin: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-column-filter-overlay-menu .p-column-filter-constraint { - padding: 1rem; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { - margin-bottom: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { - margin-top: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { - border-bottom: 0 none; -} -.p-column-filter-overlay-menu .p-column-filter-add-rule { - padding: 1rem 1rem; -} -.p-column-filter-overlay-menu .p-column-filter-buttonbar { - padding: 1rem; -} - -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #ffffff; - border: 1px solid #e0e0e0; - color: rgba(0, 0, 0, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #ffffff; - border: 1px solid #e0e0e0; - color: rgba(0, 0, 0, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #e0e0e0; -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #e0e0e0; -} -.fc.fc-unthemed .fc-view-container .fc-event { - background: rgba(63, 81, 181, 0.12); - border: 1px solid rgba(63, 81, 181, 0.12); - color: #3F51B5; -} -.fc.fc-unthemed .fc-view-container .fc-divider { - background: #ffffff; - border: 1px solid #e0e0e0; -} -.fc.fc-unthemed .fc-toolbar .fc-button { - color: #ffffff; - background: #3F51B5; - border: 0 none; - font-size: 1rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; - display: flex; - align-items: center; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: rgba(63, 81, 181, 0.92); - color: #ffffff; - border-color: transparent; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: rgba(63, 81, 181, 0.68); - color: #ffffff; - border-color: transparent; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #f6f6f6; - border-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #e0e0e1; - border-color: #e0e0e1; - color: rgba(0, 0, 0, 0.87); -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #d9d8d9; - border-color: #d9d8d9; - color: rgba(0, 0, 0, 0.87); -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - z-index: 1; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} -.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #e0e0e0; -} -.fc.fc-theme-standard .fc-view-harness th { - background: #ffffff; - border-color: #e0e0e0; - color: rgba(0, 0, 0, 0.87); -} -.fc.fc-theme-standard .fc-view-harness td { - color: rgba(0, 0, 0, 0.87); - border-color: #e0e0e0; -} -.fc.fc-theme-standard .fc-view-harness .fc-view { - background: #ffffff; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #e0e0e0; - padding: 1rem; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2.5rem; - height: 2.5rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1rem; - border: 1px solid #e0e0e0; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border-top: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #3F51B5; - background: rgba(63, 81, 181, 0.12); - border-color: rgba(63, 81, 181, 0.12); -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #3F51B5; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: rgba(63, 81, 181, 0.12); - border-color: rgba(63, 81, 181, 0.12); -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} -.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #ffffff; -} -.fc.fc-theme-standard .fc-toolbar .fc-button { - color: #ffffff; - background: #3F51B5; - border: 0 none; - font-size: 1rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: rgba(63, 81, 181, 0.92); - color: #ffffff; - border-color: transparent; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: rgba(63, 81, 181, 0.68); - color: #ffffff; - border-color: transparent; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.38; - color: #ffffff; - background: #3F51B5; - border: 0 none; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #f6f6f6; - border-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #e0e0e1; - border-color: #e0e0e1; - color: rgba(0, 0, 0, 0.87); -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #d9d8d9; - border-color: #d9d8d9; - color: rgba(0, 0, 0, 0.87); -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - z-index: 1; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} -.fc.fc-theme-standard a { - color: rgba(0, 0, 0, 0.87); -} -.fc.fc-theme-standard .fc-highlight { - color: #3F51B5; - background: rgba(63, 81, 181, 0.12); -} - -.p-orderlist .p-orderlist-controls { - padding: 1rem; -} -.p-orderlist .p-orderlist-controls .p-button { - margin-bottom: 0.5rem; -} -.p-orderlist .p-orderlist-header { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e0e0e0; - padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-orderlist .p-orderlist-header .p-orderlist-title { - font-weight: 500; -} -.p-orderlist .p-orderlist-filter-container { - padding: 1rem; - background: #ffffff; - border: 1px solid #e0e0e0; - border-bottom: 0 none; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { - padding-right: 2rem; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { - right: 1rem; - color: rgba(0, 0, 0, 0.6); -} -.p-orderlist .p-orderlist-list { - border: 1px solid #e0e0e0; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - padding: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-orderlist .p-orderlist-list .p-orderlist-item { - padding: 1rem 1rem; - margin: 0; - border: 0 none; - color: rgba(0, 0, 0, 0.87); - background: transparent; - transition: none; -} -.p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #3F51B5; - background: rgba(63, 81, 181, 0.12); -} -.p-orderlist .p-orderlist-list .p-orderlist-empty-message { - padding: 1rem 1rem; - color: rgba(0, 0, 0, 0.87); -} -.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} - -.p-orderlist-item.cdk-drag-preview { - padding: 1rem 1rem; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - border: 0 none; - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - margin: 0; -} - -.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} -.p-organizationchart .p-organizationchart-node-content.p-highlight { - background: rgba(63, 81, 181, 0.12); - color: #3F51B5; -} -.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: rgba(30, 39, 86, 0.12); -} -.p-organizationchart .p-organizationchart-line-down { - background: rgba(0, 0, 0, 0.12); -} -.p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #e0e0e0; - border-color: rgba(0, 0, 0, 0.12); -} -.p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #e0e0e0; - border-color: rgba(0, 0, 0, 0.12); -} -.p-organizationchart .p-organizationchart-node-content { - border: 1px solid #e0e0e0; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - padding: 1rem; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler { - background: inherit; - color: inherit; - border-radius: 50%; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-paginator { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: solid #e4e4e4; - border-width: 0; - padding: 0.5rem 1rem; - border-radius: 4px; -} -.p-paginator .p-paginator-first, -.p-paginator .p-paginator-prev, -.p-paginator .p-paginator-next, -.p-paginator .p-paginator-last { - background-color: transparent; - border: 0 none; - color: rgba(0, 0, 0, 0.6); - min-width: 3rem; - height: 3rem; - margin: 0.143rem; - transition: none; - border-radius: 50%; -} -.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { - background: rgba(0, 0, 0, 0.04); - border-color: transparent; - color: rgba(0, 0, 0, 0.6); -} -.p-paginator .p-paginator-first { - border-top-left-radius: 50%; - border-bottom-left-radius: 50%; -} -.p-paginator .p-paginator-last { - border-top-right-radius: 50%; - border-bottom-right-radius: 50%; -} -.p-paginator .p-dropdown { - margin-left: 0.5rem; - margin-right: 0.5rem; - height: 3rem; -} -.p-paginator .p-dropdown .p-dropdown-label { - padding-right: 0; -} -.p-paginator .p-paginator-page-input { - margin-left: 0.5rem; - margin-right: 0.5rem; -} -.p-paginator .p-paginator-page-input .p-inputtext { - max-width: 3rem; -} -.p-paginator .p-paginator-current { - background-color: transparent; - border: 0 none; - color: rgba(0, 0, 0, 0.6); - min-width: 3rem; - height: 3rem; - margin: 0.143rem; - padding: 0 0.5rem; -} -.p-paginator .p-paginator-pages .p-paginator-page { - background-color: transparent; - border: 0 none; - color: rgba(0, 0, 0, 0.6); - min-width: 3rem; - height: 3rem; - margin: 0.143rem; - transition: none; - border-radius: 50%; -} -.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: rgba(63, 81, 181, 0.12); - border-color: rgba(63, 81, 181, 0.12); - color: #3F51B5; -} -.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { - background: rgba(0, 0, 0, 0.04); - border-color: transparent; - color: rgba(0, 0, 0, 0.6); -} - -.p-picklist .p-picklist-buttons { - padding: 1rem; -} -.p-picklist .p-picklist-buttons .p-button { - margin-bottom: 0.5rem; -} -.p-picklist .p-picklist-header { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e0e0e0; - padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-picklist .p-picklist-header .p-picklist-title { - font-weight: 500; -} -.p-picklist .p-picklist-filter-container { - padding: 1rem; - background: #ffffff; - border: 1px solid #e0e0e0; - border-bottom: 0 none; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-input { - padding-right: 2rem; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { - right: 1rem; - color: rgba(0, 0, 0, 0.6); -} -.p-picklist .p-picklist-list { - border: 1px solid #e0e0e0; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - padding: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-picklist .p-picklist-list .p-picklist-item { - padding: 1rem 1rem; - margin: 0; - border: 0 none; - color: rgba(0, 0, 0, 0.87); - background: transparent; - transition: none; -} -.p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: #3F51B5; - background: rgba(63, 81, 181, 0.12); -} -.p-picklist .p-picklist-list .p-picklist-empty-message { - padding: 1rem 1rem; - color: rgba(0, 0, 0, 0.87); -} -.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} - -.p-picklist-item.cdk-drag-preview { - padding: 1rem 1rem; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - border: 0 none; - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - margin: 0; -} - -.p-timeline .p-timeline-event-marker { - border: 0 none; - border-radius: 50%; - width: 1rem; - height: 1rem; - background-color: #bdbdbd; -} -.p-timeline .p-timeline-event-connector { - background-color: #bdbdbd; -} -.p-timeline.p-timeline-vertical .p-timeline-event-opposite, -.p-timeline.p-timeline-vertical .p-timeline-event-content { - padding: 0 1rem; -} -.p-timeline.p-timeline-vertical .p-timeline-event-connector { - width: 2px; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, -.p-timeline.p-timeline-horizontal .p-timeline-event-content { - padding: 1rem 0; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-connector { - height: 2px; -} - -.p-tree { - border: 1px solid #e0e0e0; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - padding: 1rem; - border-radius: 4px; -} -.p-tree .p-tree-container .p-treenode { - padding: 0.25rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content { - border-radius: 4px; - transition: none; - padding: 0.5rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; - width: 2.5rem; - height: 2.5rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { - margin-right: 0.5rem; - color: rgba(0, 0, 0, 0.6); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { - color: rgba(0, 0, 0, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: rgba(63, 81, 181, 0.12); - color: #3F51B5; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #3F51B5; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { - color: #3F51B5; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} -.p-tree .p-tree-filter-container { - margin-bottom: 0.5rem; -} -.p-tree .p-tree-filter-container .p-tree-filter { - width: 100%; - padding-right: 2rem; -} -.p-tree .p-tree-filter-container .p-tree-filter-icon { - right: 1rem; - color: rgba(0, 0, 0, 0.6); -} -.p-tree .p-treenode-children { - padding: 0 0 0 1rem; -} -.p-tree .p-tree-loading-icon { - font-size: 2rem; -} -.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: rgba(50, 65, 145, 0.12); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { - border-radius: 4px; - border: 1px solid #e0e0e0; - background-color: #ffffff; - color: rgba(0, 0, 0, 0.87); - padding: 0.5rem; - transition: none; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { - background-color: rgba(63, 81, 181, 0.12); - color: #3F51B5; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #3F51B5; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { - color: rgba(0, 0, 0, 0.6); - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { - background-color: inherit; - color: inherit; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-treetable .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-treetable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-treetable .p-treetable-header { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 500; -} -.p-treetable .p-treetable-footer { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 500; -} -.p-treetable .p-treetable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - font-weight: 500; - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - transition: none; -} -.p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - font-weight: 500; - color: rgba(0, 0, 0, 0.87); - background: #ffffff; -} -.p-treetable .p-sortable-column { - outline-color: transparent; -} -.p-treetable .p-sortable-column .p-sortable-column-icon { - color: rgba(0, 0, 0, 0.6); - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: #3F51B5; - background: rgba(63, 81, 181, 0.12); - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column:not(.p-highlight):hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} -.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-treetable .p-sortable-column.p-highlight { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); -} -.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: rgba(0, 0, 0, 0.87); -} -.p-treetable .p-treetable-tbody > tr { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - transition: none; - outline-color: transparent; -} -.p-treetable .p-treetable-tbody > tr > td { - text-align: left; - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - padding: 1rem 1rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { - width: 2.5rem; - height: 2.5rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { - color: rgba(0, 0, 0, 0.87); -} -.p-treetable .p-treetable-tbody > tr.p-highlight { - background: rgba(63, 81, 181, 0.12); - color: #3F51B5; -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: #3F51B5; -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: #3F51B5; -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { - color: rgba(0, 0, 0, 0.87); -} -.p-treetable .p-column-resizer-helper { - background: #3F51B5; -} -.p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #ffffff; -} -.p-treetable .p-treetable-loading-icon { - font-size: 2rem; -} -.p-treetable.p-treetable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-footer { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-top { - border-width: 0 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-bottom { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-sm .p-treetable-header { - padding: 0.875rem 0.875rem; -} -.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-footer { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-lg .p-treetable-header { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-footer { - padding: 1.25rem 1.25rem; -} - -.p-virtualscroller .p-virtualscroller-header { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 500; -} -.p-virtualscroller .p-virtualscroller-content { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - padding: 1rem 0; -} -.p-virtualscroller .p-virtualscroller-footer { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 500; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-accordion .p-accordion-header .p-accordion-header-link { - padding: 1.5rem; - border: 0 none; - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - font-weight: 400; - border-radius: 4px; - transition: none; -} -.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { - margin-right: 0.5rem; -} -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { - background: #f6f6f6; - border-color: transparent; - color: rgba(0, 0, 0, 0.87); -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #ffffff; - border-color: transparent; - color: rgba(0, 0, 0, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-color: transparent; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); -} -.p-accordion .p-accordion-content { - padding: 1rem 1.5rem; - border: 0 none; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-accordion p-accordiontab .p-accordion-tab { - margin-bottom: 0; -} -.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { - border-radius: 0; -} -.p-accordion p-accordiontab .p-accordion-content { - border-radius: 0; -} -.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { - border-top: 0 none; -} -.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-top: 0 none; -} -.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-accordion p-accordiontab:last-child .p-accordion-content { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-card { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); - border-radius: 4px; -} -.p-card .p-card-body { - padding: 1rem; -} -.p-card .p-card-title { - font-size: 1.5rem; - font-weight: 700; - margin-bottom: 0.5rem; -} -.p-card .p-card-subtitle { - font-weight: 400; - margin-bottom: 0.5rem; - color: rgba(0, 0, 0, 0.6); -} -.p-card .p-card-content { - padding: 1rem 0; -} -.p-card .p-card-footer { - padding: 1rem 0 0 0; -} - -.p-divider .p-divider-content { - background-color: #ffffff; -} -.p-divider.p-divider-horizontal { - margin: 1.25rem 0; - padding: 0 1.25rem; -} -.p-divider.p-divider-horizontal:before { - border-top: 1px rgba(0, 0, 0, 0.12); -} -.p-divider.p-divider-horizontal .p-divider-content { - padding: 0 0.5rem; -} -.p-divider.p-divider-vertical { - margin: 0 1.25rem; - padding: 1.25rem 0; -} -.p-divider.p-divider-vertical:before { - border-left: 1px rgba(0, 0, 0, 0.12); -} -.p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; -} - -.p-fieldset { - border: 1px solid #e0e0e0; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border-radius: 4px; -} -.p-fieldset .p-fieldset-legend { - padding: 1rem; - border: 1px solid #e0e0e0; - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - font-weight: 500; - border-radius: 4px; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { - padding: 0; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { - padding: 1rem; - color: rgba(0, 0, 0, 0.87); - border-radius: 4px; - transition: none; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { - margin-right: 0.5rem; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: rgba(0, 0, 0, 0.04); - border-color: #e0e0e0; - color: rgba(0, 0, 0, 0.87); -} -.p-fieldset .p-fieldset-content { - padding: 1rem; -} - -.p-panel .p-panel-header { - border: 1px solid #e0e0e0; - padding: 1rem; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-panel .p-panel-header .p-panel-title { - font-weight: 500; -} -.p-panel .p-panel-header .p-panel-header-icon { - width: 2.5rem; - height: 2.5rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); -} -.p-panel .p-panel-header .p-panel-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-panel.p-panel-toggleable .p-panel-header { - padding: 0.5rem 1rem; -} -.p-panel .p-panel-content { - padding: 1rem; - border: 1px solid #e0e0e0; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - border-top: 0 none; -} -.p-panel .p-panel-footer { - padding: 1rem 1rem; - border: 1px solid #e0e0e0; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border-top: 0 none; -} - -.p-scrollpanel .p-scrollpanel-bar { - background: rgba(0, 0, 0, 0.12); - border: 0 none; -} - -.p-splitter { - border: 1px solid #e0e0e0; - background: #ffffff; - border-radius: 4px; - color: rgba(0, 0, 0, 0.87); -} -.p-splitter .p-splitter-gutter { - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - background: rgba(0, 0, 0, 0.04); -} -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: rgba(0, 0, 0, 0.12); -} -.p-splitter .p-splitter-gutter-resizing { - background: rgba(0, 0, 0, 0.12); -} - -.p-tabview .p-tabview-nav { - background: #ffffff; - border: solid rgba(0, 0, 0, 0.12); - border-width: 0 0 1px 0; -} -.p-tabview .p-tabview-nav li { - margin-right: 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid rgba(0, 0, 0, 0.12); - border-width: 0 0 1px 0; - border-color: transparent transparent rgba(0, 0, 0, 0.12) transparent; - background: #ffffff; - color: rgba(0, 0, 0, 0.6); - padding: 1rem 1.5rem; - font-weight: 500; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - transition: none; - margin: 0 0 0 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset none; -} -.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: rgba(63, 81, 181, 0.04); - border-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.6); -} -.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #ffffff; - border-color: rgba(0, 0, 0, 0.12); - color: #3F51B5; -} -.p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; -} -.p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-close { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-nav-btn.p-link { - background: #ffffff; - color: #3F51B5; - width: 3rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; -} -.p-tabview .p-tabview-nav-btn.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset none; -} -.p-tabview .p-tabview-panels { - background: #ffffff; - padding: 1rem; - border: 0 none; - color: rgba(0, 0, 0, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-toolbar { - background: #ffffff; - border: 1px solid #e0e0e0; - padding: 1rem; - border-radius: 4px; -} -.p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; -} - -.p-confirm-popup { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-confirm-popup .p-confirm-popup-content { - padding: 1rem; -} -.p-confirm-popup .p-confirm-popup-footer { - text-align: right; - padding: 1rem 1rem; -} -.p-confirm-popup .p-confirm-popup-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-confirm-popup .p-confirm-popup-footer button:last-child { - margin: 0; -} -.p-confirm-popup:after { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-confirm-popup:before { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-confirm-popup.p-confirm-popup-flipped:after { - border-top-color: #ffffff; -} -.p-confirm-popup.p-confirm-popup-flipped:before { - border-top-color: #ffffff; -} -.p-confirm-popup .p-confirm-popup-icon { - font-size: 1.5rem; -} -.p-confirm-popup .p-confirm-popup-message { - margin-left: 1rem; -} - -.p-dialog { - border-radius: 4px; - box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); - border: 0 none; -} -.p-dialog .p-dialog-header { - border-bottom: 0 none; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - padding: 1.5rem; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-dialog .p-dialog-header .p-dialog-title { - font-weight: 500; - font-size: 1.25rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon { - width: 2.5rem; - height: 2.5rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); -} -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { - margin-right: 0; -} -.p-dialog .p-dialog-content { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - padding: 0 1.5rem 1.5rem 1.5rem; -} -.p-dialog .p-dialog-footer { - border-top: 0 none; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - padding: 1rem 1.5rem; - text-align: right; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-dialog .p-dialog-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { - font-size: 2rem; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; -} - -.p-overlaypanel { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-overlaypanel .p-overlaypanel-content { - padding: 1rem; -} -.p-overlaypanel .p-overlaypanel-close { - background: #3F51B5; - color: #ffffff; - width: 2.5rem; - height: 2.5rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; - position: absolute; - top: -1.25rem; - right: -1.25rem; -} -.p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: rgba(63, 81, 181, 0.92); - color: #ffffff; -} -.p-overlaypanel:after { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-overlaypanel:before { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-overlaypanel.p-overlaypanel-flipped:after { - border-top-color: #ffffff; -} -.p-overlaypanel.p-overlaypanel-flipped:before { - border-top-color: #ffffff; -} - -.p-sidebar { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-sidebar .p-sidebar-header { - padding: 1rem; -} -.p-sidebar .p-sidebar-header .p-sidebar-close, -.p-sidebar .p-sidebar-header .p-sidebar-icon { - width: 2.5rem; - height: 2.5rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, -.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); -} -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-sidebar .p-sidebar-header + .p-sidebar-content { - padding-top: 0; -} -.p-sidebar .p-sidebar-content { - padding: 1rem; -} - -.p-tooltip .p-tooltip-text { - background: rgba(97, 97, 97, 0.9); - color: #ffffff; - padding: 0.5rem; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - border-radius: 4px; -} -.p-tooltip.p-tooltip-right .p-tooltip-arrow { - border-right-color: rgba(97, 97, 97, 0.9); -} -.p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: rgba(97, 97, 97, 0.9); -} -.p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: rgba(97, 97, 97, 0.9); -} -.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: rgba(97, 97, 97, 0.9); -} - -.p-fileupload .p-fileupload-buttonbar { - background: #ffffff; - padding: 1rem; - border: 1px solid #e0e0e0; - color: rgba(0, 0, 0, 0.87); - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; -} -.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-fileupload .p-fileupload-content { - background: #ffffff; - padding: 2rem 1rem; - border: 1px solid #e0e0e0; - color: rgba(0, 0, 0, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-fileupload .p-progressbar { - height: 4px; -} -.p-fileupload .p-fileupload-row > div { - padding: 1rem 1rem; -} -.p-fileupload.p-fileupload-advanced .p-message { - margin-top: 0; -} - -.p-fileupload-choose:not(.p-disabled):hover { - background: rgba(63, 81, 181, 0.92); - color: #ffffff; - border-color: transparent; -} -.p-fileupload-choose:not(.p-disabled):active { - background: rgba(63, 81, 181, 0.68); - color: #ffffff; - border-color: transparent; -} - -.p-breadcrumb { - background: #ffffff; - border: 1px solid #e5e5e5; - border-radius: 4px; - padding: 1rem; -} -.p-breadcrumb ul li .p-menuitem-link { - transition: none; - border-radius: 4px; -} -.p-breadcrumb ul li .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-breadcrumb ul li.p-breadcrumb-chevron { - margin: 0 0.5rem 0 0.5rem; - color: rgba(0, 0, 0, 0.6); -} -.p-breadcrumb ul li:last-child .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-breadcrumb ul li:last-child .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); -} - -.p-contextmenu { - padding: 0.5rem 0; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 4px; - width: 12.5rem; -} -.p-contextmenu .p-menuitem-link { - padding: 1rem 1rem; - color: rgba(0, 0, 0, 0.87); - border-radius: 0; - transition: none; - user-select: none; -} -.p-contextmenu .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-contextmenu .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - margin-right: 0.5rem; -} -.p-contextmenu .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-contextmenu .p-submenu-list { - padding: 0.5rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 4px; -} -.p-contextmenu .p-menuitem { - margin: 0; -} -.p-contextmenu .p-menuitem:last-child { - margin: 0; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(0, 0, 0, 0.04); -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-contextmenu .p-menu-separator { - border-top: 1px solid rgba(0, 0, 0, 0.12); - margin: 0.5rem 0; -} -.p-contextmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-dock .p-dock-list { - background: rgba(255, 255, 255, 0.1); - border: 1px solid rgba(255, 255, 255, 0.2); - padding: 0.5rem 0.5rem; - border-radius: 0.5rem; -} -.p-dock .p-dock-item { - padding: 0.5rem; -} -.p-dock .p-dock-action { - width: 4rem; - height: 4rem; -} -.p-dock.p-dock-top .p-dock-item-second-prev, -.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, -.p-dock.p-dock-bottom .p-dock-item-second-next { - margin: 0 0.9rem; -} -.p-dock.p-dock-top .p-dock-item-prev, -.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, -.p-dock.p-dock-bottom .p-dock-item-next { - margin: 0 1.3rem; -} -.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { - margin: 0 1.5rem; -} -.p-dock.p-dock-left .p-dock-item-second-prev, -.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, -.p-dock.p-dock-right .p-dock-item-second-next { - margin: 0.9rem 0; -} -.p-dock.p-dock-left .p-dock-item-prev, -.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, -.p-dock.p-dock-right .p-dock-item-next { - margin: 1.3rem 0; -} -.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { - margin: 1.5rem 0; -} - -@media screen and (max-width: 960px) { - .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { - margin: auto 0; - } - .p-dock .p-dock-list .p-dock-item { - transform: none; - margin: 0; - } -} -.p-megamenu { - padding: 1rem; - background: transparent; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e5e5e5; - border-radius: 4px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 1rem; - color: rgba(0, 0, 0, 0.87); - border-radius: 4px; - transition: none; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-megamenu .p-menuitem-link { - padding: 1rem 1rem; - color: rgba(0, 0, 0, 0.87); - border-radius: 0; - transition: none; - user-select: none; -} -.p-megamenu .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-megamenu .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-megamenu .p-megamenu-panel { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-megamenu .p-megamenu-submenu-header { - margin: 0; - padding: 1rem; - color: rgba(0, 0, 0, 0.6); - background: #ffffff; - font-weight: 400; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-megamenu .p-megamenu-submenu { - padding: 0.5rem 0; - width: 12.5rem; -} -.p-megamenu .p-megamenu-submenu .p-menu-separator { - border-top: 1px solid rgba(0, 0, 0, 0.12); - margin: 0.5rem 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem { - margin: 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { - margin: 0; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(0, 0, 0, 0.04); -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.5rem 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem { - margin: 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { - margin: 0; -} - -.p-menu { - padding: 0.5rem 0; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e5e5e5; - border-radius: 4px; - width: 12.5rem; -} -.p-menu .p-menuitem-link { - padding: 1rem 1rem; - color: rgba(0, 0, 0, 0.87); - border-radius: 0; - transition: none; - user-select: none; -} -.p-menu .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-menu .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - margin-right: 0.5rem; -} -.p-menu .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-menu.p-menu-overlay { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-menu .p-submenu-header { - margin: 0; - padding: 1rem; - color: rgba(0, 0, 0, 0.6); - background: #ffffff; - font-weight: 400; - border-top-right-radius: 0; - border-top-left-radius: 0; -} -.p-menu .p-menu-separator { - border-top: 1px solid rgba(0, 0, 0, 0.12); - margin: 0.5rem 0; -} -.p-menu .p-menuitem { - margin: 0; -} -.p-menu .p-menuitem:last-child { - margin: 0; -} - -.p-menubar { - padding: 1rem; - background: transparent; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e5e5e5; - border-radius: 4px; -} -.p-menubar .p-menuitem-link { - padding: 1rem 1rem; - color: rgba(0, 0, 0, 0.87); - border-radius: 0; - transition: none; - user-select: none; -} -.p-menubar .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-menubar .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - margin-right: 0.5rem; -} -.p-menubar .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 1rem; - color: rgba(0, 0, 0, 0.87); - border-radius: 4px; - transition: none; - user-select: none; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - margin-right: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); - margin-left: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-menubar .p-submenu-list { - padding: 0.5rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - width: 12.5rem; -} -.p-menubar .p-submenu-list .p-menu-separator { - border-top: 1px solid rgba(0, 0, 0, 0.12); - margin: 0.5rem 0; -} -.p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; -} -.p-menubar .p-submenu-list .p-menuitem { - margin: 0; -} -.p-menubar .p-submenu-list .p-menuitem:last-child { - margin: 0; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(0, 0, 0, 0.04); -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} - -@media screen and (max-width: 960px) { - .p-menubar { - position: relative; - } - .p-menubar .p-menubar-button { - display: flex; - width: 2.5rem; - height: 2.5rem; - color: rgba(0, 0, 0, 0.6); - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-menubar .p-menubar-button:hover { - color: rgba(0, 0, 0, 0.6); - background: rgba(0, 0, 0, 0.04); - } - .p-menubar .p-menubar-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-menubar .p-menubar-root-list { - position: absolute; - display: none; - padding: 0.5rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - width: 100%; - } - .p-menubar .p-menubar-root-list .p-menu-separator { - border-top: 1px solid rgba(0, 0, 0, 0.12); - margin: 0.5rem 0; - } - .p-menubar .p-menubar-root-list .p-submenu-icon { - font-size: 0.875rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 1rem 1rem; - color: rgba(0, 0, 0, 0.87); - border-radius: 0; - transition: none; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - margin-right: 0.5rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - transition: transform 0.2s; - } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-180deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list { - width: 100%; - position: static; - box-shadow: none; - border: 0 none; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { - transition: transform 0.2s; - transform: rotate(90deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-90deg); - } - .p-menubar .p-menubar-root-list .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list ul li a { - padding-left: 3rem; - } - .p-menubar .p-menubar-root-list ul li ul li a { - padding-left: 5rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li a { - padding-left: 7rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { - padding-left: 9rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { - padding-left: 11rem; - } - .p-menubar.p-menubar-mobile-active .p-menubar-root-list { - display: flex; - flex-direction: column; - top: 100%; - left: 0; - z-index: 1; - } -} -.p-panelmenu .p-panelmenu-header > a { - padding: 1.5rem; - border: 0 none; - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - font-weight: 400; - border-radius: 4px; - transition: none; -} -.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { - background: #f6f6f6; - border-color: transparent; - color: rgba(0, 0, 0, 0.87); -} -.p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight > a { - background: #ffffff; - border-color: transparent; - color: rgba(0, 0, 0, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { - border-color: transparent; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); -} -.p-panelmenu .p-panelmenu-content { - padding: 0.5rem 0; - border: 0 none; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - margin-bottom: 0; - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 1rem 1rem; - color: rgba(0, 0, 0, 0.87); - border-radius: 0; - transition: none; - user-select: none; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { - padding: 0 0 0 1rem; -} -.p-panelmenu .p-panelmenu-panel { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { - border-radius: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-content { - border-radius: 0; -} -.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { - border-top: 0 none; -} -.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { - border-top: 0 none; -} -.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-slidemenu { - padding: 0.5rem 0; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e5e5e5; - border-radius: 4px; - width: 12.5rem; -} -.p-slidemenu .p-menuitem-link { - padding: 1rem 1rem; - color: rgba(0, 0, 0, 0.87); - border-radius: 0; - transition: none; - user-select: none; -} -.p-slidemenu .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-slidemenu .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - margin-right: 0.5rem; -} -.p-slidemenu .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-slidemenu.p-slidemenu-overlay { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-slidemenu .p-slidemenu-list { - padding: 0.5rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { - background: rgba(0, 0, 0, 0.04); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { - color: rgba(0, 0, 0, 0.87); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-slidemenu .p-slidemenu-separator { - border-top: 1px solid rgba(0, 0, 0, 0.12); - margin: 0.5rem 0; -} -.p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; -} -.p-slidemenu .p-slidemenu-backward { - padding: 1rem 1rem; - color: rgba(0, 0, 0, 0.87); -} - -.p-steps .p-steps-item .p-menuitem-link { - background: transparent; - transition: none; - border-radius: 4px; - background: transparent; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-number { - color: rgba(0, 0, 0, 0.87); - border: 1px solid transparent; - background: transparent; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - z-index: 1; - border-radius: 50%; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-title { - margin-top: 0.5rem; - color: rgba(0, 0, 0, 0.87); -} -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-steps .p-steps-item.p-highlight .p-steps-number { - background: rgba(63, 81, 181, 0.12); - color: #3F51B5; -} -.p-steps .p-steps-item.p-highlight .p-steps-title { - font-weight: 500; - color: rgba(0, 0, 0, 0.87); -} -.p-steps .p-steps-item:before { - content: " "; - border-top: 1px solid rgba(0, 0, 0, 0.12); - width: 100%; - top: 50%; - left: 0; - display: block; - position: absolute; - margin-top: -1rem; -} - -.p-tabmenu .p-tabmenu-nav { - background: #ffffff; - border: solid rgba(0, 0, 0, 0.12); - border-width: 0 0 1px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { - margin-right: 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { - border: solid rgba(0, 0, 0, 0.12); - border-width: 0 0 1px 0; - border-color: transparent transparent rgba(0, 0, 0, 0.12) transparent; - background: #ffffff; - color: rgba(0, 0, 0, 0.6); - padding: 1rem 1.5rem; - font-weight: 500; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - transition: none; - margin: 0 0 0 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset none; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: rgba(63, 81, 181, 0.04); - border-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.6); -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #ffffff; - border-color: rgba(0, 0, 0, 0.12); - color: #3F51B5; -} - -.p-tieredmenu { - padding: 0.5rem 0; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e5e5e5; - border-radius: 4px; - width: 12.5rem; -} -.p-tieredmenu .p-menuitem-link { - padding: 1rem 1rem; - color: rgba(0, 0, 0, 0.87); - border-radius: 0; - transition: none; - user-select: none; -} -.p-tieredmenu .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-tieredmenu .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - margin-right: 0.5rem; -} -.p-tieredmenu .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-tieredmenu.p-tieredmenu-overlay { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-tieredmenu .p-submenu-list { - padding: 0.5rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-tieredmenu .p-menuitem { - margin: 0; -} -.p-tieredmenu .p-menuitem:last-child { - margin: 0; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(0, 0, 0, 0.04); -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-tieredmenu .p-menu-separator { - border-top: 1px solid rgba(0, 0, 0, 0.12); - margin: 0.5rem 0; -} -.p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-inline-message { - padding: 1rem 1rem; - margin: 0; - border-radius: 4px; -} -.p-inline-message.p-inline-message-info { - background: #B3E5FC; - border: solid transparent; - border-width: 1px; - color: #01579B; -} -.p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #01579B; -} -.p-inline-message.p-inline-message-success { - background: #C8E6C9; - border: solid transparent; - border-width: 1px; - color: #1B5E20; -} -.p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #1B5E20; -} -.p-inline-message.p-inline-message-warn { - background: #FFECB3; - border: solid transparent; - border-width: 1px; - color: #7f6003; -} -.p-inline-message.p-inline-message-warn .p-inline-message-icon { - color: #7f6003; -} -.p-inline-message.p-inline-message-error { - background: #FFCDD2; - border: solid transparent; - border-width: 1px; - color: #B71C1C; -} -.p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #B71C1C; -} -.p-inline-message .p-inline-message-icon { - font-size: 1rem; - margin-right: 0.5rem; -} -.p-inline-message .p-inline-message-text { - font-size: 1rem; -} -.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { - margin-right: 0; -} - -.p-message { - margin: 1rem 0; - border-radius: 4px; -} -.p-message .p-message-wrapper { - padding: 1.25rem 1.5rem; -} -.p-message .p-message-close { - width: 2.5rem; - height: 2.5rem; - border-radius: 50%; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-message .p-message-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-message.p-message-info { - background: #B3E5FC; - border: solid transparent; - border-width: 0 0 0 0; - color: #01579B; -} -.p-message.p-message-info .p-message-icon { - color: #01579B; -} -.p-message.p-message-info .p-message-close { - color: #01579B; -} -.p-message.p-message-success { - background: #C8E6C9; - border: solid transparent; - border-width: 0 0 0 0; - color: #1B5E20; -} -.p-message.p-message-success .p-message-icon { - color: #1B5E20; -} -.p-message.p-message-success .p-message-close { - color: #1B5E20; -} -.p-message.p-message-warn { - background: #FFECB3; - border: solid transparent; - border-width: 0 0 0 0; - color: #7f6003; -} -.p-message.p-message-warn .p-message-icon { - color: #7f6003; -} -.p-message.p-message-warn .p-message-close { - color: #7f6003; -} -.p-message.p-message-error { - background: #FFCDD2; - border: solid transparent; - border-width: 0 0 0 0; - color: #B71C1C; -} -.p-message.p-message-error .p-message-icon { - color: #B71C1C; -} -.p-message.p-message-error .p-message-close { - color: #B71C1C; -} -.p-message .p-message-text { - font-size: 1rem; - font-weight: 500; -} -.p-message .p-message-icon { - font-size: 1.5rem; - margin-right: 0.5rem; -} -.p-message .p-message-summary { - font-weight: 700; -} -.p-message .p-message-detail { - margin-left: 0.5rem; -} - -.p-toast { - opacity: 0.9; -} -.p-toast .p-toast-message { - margin: 0 0 1rem 0; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - border-radius: 4px; -} -.p-toast .p-toast-message .p-toast-message-content { - padding: 1.5rem; - border-width: 0 0 0 0; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { - margin: 0 0 0 1rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { - font-size: 2rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { - font-weight: 700; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { - margin: 0.5rem 0 0 0; -} -.p-toast .p-toast-message .p-toast-icon-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-toast .p-toast-message .p-toast-icon-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; - border: solid transparent; - border-width: 0 0 0 0; - color: #01579B; -} -.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { - color: #01579B; -} -.p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; - border: solid transparent; - border-width: 0 0 0 0; - color: #1B5E20; -} -.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { - color: #1B5E20; -} -.p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; - border: solid transparent; - border-width: 0 0 0 0; - color: #7f6003; -} -.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { - color: #7f6003; -} -.p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; - border: solid transparent; - border-width: 0 0 0 0; - color: #B71C1C; -} -.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { - color: #B71C1C; -} - -.p-galleria .p-galleria-close { - margin: 0.5rem; - background: transparent; - color: rgba(255, 255, 255, 0.87); - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-close .p-galleria-close-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-close:hover { - background: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.87); -} -.p-galleria .p-galleria-item-nav { - background: transparent; - color: #f6f6f6; - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; - margin: 0 0.5rem; -} -.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, -.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.87); -} -.p-galleria .p-galleria-caption { - background: rgba(0, 0, 0, 0.5); - color: rgba(255, 255, 255, 0.87); - padding: 1rem; -} -.p-galleria .p-galleria-indicators { - padding: 1rem; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #dcdcdc; - width: 1.25rem; - height: 1.25rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { - background: #ececec; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(63, 81, 181, 0.12); - color: #3F51B5; -} -.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { - margin-right: 0.5rem; -} -.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { - margin-bottom: 0.5rem; -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { - background: rgba(0, 0, 0, 0.5); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { - background: rgba(255, 255, 255, 0.4); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { - background: rgba(255, 255, 255, 0.6); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(63, 81, 181, 0.12); - color: #3F51B5; -} -.p-galleria .p-galleria-thumbnail-container { - background: rgba(0, 0, 0, 0.9); - padding: 1rem 0.25rem; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { - margin: 0.5rem; - background-color: transparent; - color: rgba(255, 255, 255, 0.87); - width: 2rem; - height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { - background: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.87); -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-galleria-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-preview-indicator { - background-color: transparent; - color: #f8f9fa; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} - -.p-image-preview-container:hover > .p-image-preview-indicator { - background-color: rgba(0, 0, 0, 0.5); -} - -.p-image-toolbar { - padding: 1rem; -} - -.p-image-action.p-link { - color: #f8f9fa; - background-color: transparent; - width: 3rem; - height: 3rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-image-action.p-link:last-child { - margin-right: 0; -} -.p-image-action.p-link:hover { - color: #f8f9fa; - background-color: rgba(255, 255, 255, 0.1); -} -.p-image-action.p-link i { - font-size: 1.5rem; -} - -.p-avatar { - background-color: rgba(0, 0, 0, 0.12); - border-radius: 4px; -} -.p-avatar.p-avatar-lg { - width: 3rem; - height: 3rem; - font-size: 1.5rem; -} -.p-avatar.p-avatar-lg .p-avatar-icon { - font-size: 1.5rem; -} -.p-avatar.p-avatar-xl { - width: 4rem; - height: 4rem; - font-size: 2rem; -} -.p-avatar.p-avatar-xl .p-avatar-icon { - font-size: 2rem; -} - -.p-avatar-group .p-avatar { - border: 2px solid #ffffff; -} - -.p-badge { - background: #3F51B5; - color: #ffffff; - font-size: 0.75rem; - font-weight: 700; - min-width: 1.5rem; - height: 1.5rem; - line-height: 1.5rem; -} -.p-badge.p-badge-secondary { - background-color: #ff4081; - color: #ffffff; -} -.p-badge.p-badge-success { - background-color: #689F38; - color: #ffffff; -} -.p-badge.p-badge-info { - background-color: #2196F3; - color: #ffffff; -} -.p-badge.p-badge-warning { - background-color: #FBC02D; - color: #212529; -} -.p-badge.p-badge-danger { - background-color: #D32F2F; - color: #ffffff; -} -.p-badge.p-badge-lg { - font-size: 1.125rem; - min-width: 2.25rem; - height: 2.25rem; - line-height: 2.25rem; -} -.p-badge.p-badge-xl { - font-size: 1.5rem; - min-width: 3rem; - height: 3rem; - line-height: 3rem; -} - -.p-chip { - background-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); - border-radius: 16px; - padding: 0 1rem; -} -.p-chip .p-chip-text { - line-height: 1.5; - margin-top: 0.5rem; - margin-bottom: 0.5rem; -} -.p-chip .p-chip-icon { - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - margin-left: 0.5rem; -} -.p-chip img { - width: 2.5rem; - height: 2.5rem; - margin-left: -1rem; - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - border-radius: 4px; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-inplace .p-inplace-display { - padding: 1rem 1rem; - border-radius: 4px; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-inplace .p-inplace-display:not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} -.p-inplace .p-inplace-display:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-progressbar { - border: 0 none; - height: 4px; - background: rgba(63, 81, 181, 0.32); - border-radius: 4px; -} -.p-progressbar .p-progressbar-value { - border: 0 none; - margin: 0; - background: #3F51B5; -} -.p-progressbar .p-progressbar-label { - color: #ffffff; - line-height: 4px; -} - -.p-scrolltop { - width: 3rem; - height: 3rem; - border-radius: 50%; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-scrolltop.p-link { - background: #ff4081; -} -.p-scrolltop.p-link:hover { - background: rgba(255, 64, 129, 0.92); -} -.p-scrolltop .p-scrolltop-icon { - font-size: 1.5rem; - color: #ffffff; -} - -.p-skeleton { - background-color: rgba(0, 0, 0, 0.08); - border-radius: 4px; -} -.p-skeleton:after { - background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); -} - -.p-tag { - background: #3F51B5; - color: #ffffff; - font-size: 0.75rem; - font-weight: 700; - padding: 0.25rem 0.4rem; - border-radius: 4px; -} -.p-tag.p-tag-success { - background-color: #689F38; - color: #ffffff; -} -.p-tag.p-tag-info { - background-color: #2196F3; - color: #ffffff; -} -.p-tag.p-tag-warning { - background-color: #FBC02D; - color: #212529; -} -.p-tag.p-tag-danger { - background-color: #D32F2F; - color: #ffffff; -} -.p-tag .p-tag-icon { - margin-right: 0.25rem; - font-size: 0.75rem; -} - -.p-terminal { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e0e0e0; - padding: 1rem; -} -.p-terminal .p-terminal-input { - font-size: 1rem; - font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; -} - -.p-accordion .p-accordion-tab { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - margin-bottom: 0; - border-radius: 0; - position: relative; - transition: margin-bottom 225ms; -} -.p-accordion .p-accordion-tab:first-child { - border-top-left-radius: 4px; - border-top-right-radius: 4px; -} -.p-accordion .p-accordion-tab:last-child { - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; -} -.p-accordion .p-accordion-tab .p-accordion-toggle-icon { - order: 1; - margin-left: auto; - transition: transform 0.2s; -} -.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-header-link:focus { - background: #f6f6f6; -} -.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-toggle-icon { - transform: rotate(-270deg); -} -.p-accordion .p-accordion-tab.p-accordion-tab-active { - margin-bottom: 1rem; -} -.p-accordion .p-accordion-tab.p-accordion-tab-active .p-accordion-toggle-icon { - transform: rotate(-180deg); -} -.p-accordion .p-accordion-tab .p-accordion-header.p-disabled { - opacity: 1; -} -.p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * { - opacity: 0.38; -} - -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; -} - -.p-input-filled .p-autocomplete .p-autocomplete-multiple-container { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: #f5f5f5 no-repeat; - background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext { - background-image: none; - background-color: transparent; -} -.p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - background-color: #ececec; - border-color: transparent; - background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); -} -.p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-color: #dcdcdc; - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:focus { - background-image: none; - background: transparent; -} - -.p-float-label .p-autocomplete-multiple-container .p-autocomplete-token { - padding: 0.25rem 1rem; -} - -.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { - padding-top: 0; - padding-bottom: 0; -} -.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - font-size: 75%; -} -.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { - padding: 0; -} -.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext { - border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { - box-shadow: none; - border-color: transparent; -} -.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container { - border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} - -p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; -} -p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; -} - -.p-breadcrumb .p-menuitem-link { - padding: 0.25rem 0.5rem; -} -.p-breadcrumb .p-menuitem-link:focus { - background: rgba(0, 0, 0, 0.12); -} - -.p-button { - font-weight: 500; - min-width: 4rem; -} -.p-button.p-button-icon-only { - min-width: auto; -} -.p-button:enabled:focus { - background: rgba(63, 81, 181, 0.76); -} -.p-button:enabled:active { - background: rgba(63, 81, 181, 0.68); -} -.p-button .p-ink { - background-color: rgba(255, 255, 255, 0.32); -} -.p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus { - background: rgba(63, 81, 181, 0.12); -} -.p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active { - background: rgba(63, 81, 181, 0.16); -} -.p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink { - background-color: rgba(63, 81, 181, 0.16); -} -.p-button.p-button-outlined { - box-shadow: inset 0 0 0 1px; -} -.p-button.p-button-outlined:enabled:focus { - box-shadow: inset 0 0 0 1px; -} -.p-button.p-button-outlined:enabled:active { - box-shadow: inset 0 0 0 1px; -} -.p-button:disabled { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(0, 0, 0, 0.38) !important; - opacity: 1; -} -.p-button:disabled.p-button-text { - background-color: transparent !important; - color: rgba(0, 0, 0, 0.38) !important; -} -.p-button:disabled.p-button-outlined { - background-color: transparent !important; - color: rgba(0, 0, 0, 0.38) !important; - border-color: rgba(0, 0, 0, 0.38) !important; -} -.p-button.p-button-raised:enabled:focus { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -} - -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - background: rgba(255, 64, 129, 0.76); -} -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: rgba(255, 64, 129, 0.68); -} -.p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus { - background: rgba(255, 64, 129, 0.12); -} -.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { - background: rgba(255, 64, 129, 0.16); -} -.p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink { - background-color: rgba(255, 64, 129, 0.16); -} - -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { - background: rgba(33, 150, 243, 0.76); -} -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: rgba(33, 150, 243, 0.68); -} -.p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus { - background: rgba(33, 150, 243, 0.12); -} -.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { - background: rgba(33, 150, 243, 0.16); -} -.p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink { - background-color: rgba(33, 150, 243, 0.16); -} - -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { - background: rgba(104, 159, 56, 0.76); -} -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: rgba(104, 159, 56, 0.68); -} -.p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus { - background: rgba(104, 159, 56, 0.12); -} -.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { - background: rgba(104, 159, 56, 0.16); -} -.p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink { - background-color: rgba(104, 159, 56, 0.16); -} - -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { - background: rgba(251, 192, 45, 0.76); -} -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: rgba(251, 192, 45, 0.68); -} -.p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus { - background: rgba(251, 192, 45, 0.12); -} -.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { - background: rgba(251, 192, 45, 0.16); -} -.p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink { - background-color: rgba(251, 192, 45, 0.16); -} - -.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - background: rgba(156, 39, 176, 0.76); -} -.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: rgba(156, 39, 176, 0.68); -} -.p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus { - background: rgba(156, 39, 176, 0.12); -} -.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { - background: rgba(156, 39, 176, 0.16); -} -.p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink { - background-color: rgba(156, 39, 176, 0.16); -} - -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { - background: rgba(211, 47, 47, 0.76); -} -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: rgba(211, 47, 47, 0.68); -} -.p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus { - background: rgba(211, 47, 47, 0.12); -} -.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { - background: rgba(211, 47, 47, 0.16); -} -.p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink { - background-color: rgba(211, 47, 47, 0.16); -} - -.p-calendar-w-btn { - border: 1px solid rgba(0, 0, 0, 0.38); - background: #ffffff; - border-radius: 4px; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-calendar-w-btn .p-inputtext { - background-image: none; - background-color: transparent; - border: 0 none; -} -.p-calendar-w-btn .p-inputtext:enabled:focus { - box-shadow: none; -} -.p-calendar-w-btn .p-datepicker-trigger.p-button { - background-color: transparent; - border: 0 none; -} -.p-calendar-w-btn .p-datepicker-trigger.p-button span { - color: rgba(0, 0, 0, 0.6); -} -.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover { - background: rgba(0, 0, 0, 0.04); -} -.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus { - background: rgba(0, 0, 0, 0.12); -} -.p-calendar-w-btn .p-datepicker-trigger.p-button:disabled { - background-color: transparent !important; -} -.p-calendar-w-btn:not(.p-calendar-disabled):hover { - border-color: rgba(0, 0, 0, 0.87); -} -.p-calendar-w-btn:not(.p-calendar-disabled).p-focus { - border-color: #3F51B5; - box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; -} -.p-calendar-w-btn.p-calendar-disabled { - opacity: 0.38; -} - -.p-datepicker .p-datepicker-header { - border-bottom: 0 none; -} -.p-datepicker .p-datepicker-header .p-datepicker-title { - margin: 0 auto 0 0; - order: 1; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev { - order: 2; -} -.p-datepicker .p-datepicker-header .p-datepicker-next { - order: 3; -} -.p-datepicker table th { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.38); - font-weight: 400; - font-size: 0.875rem; -} -.p-datepicker table td.p-datepicker-today > span { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38); -} -.p-datepicker table td.p-datepicker-today.p-highlight { - box-shadow: 0 0 0 1px rgba(63, 81, 181, 0.12); -} - -p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; -} -p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { - border-color: #B00020; -} -p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext:enabled:focus { - box-shadow: none; -} -p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; -} - -.p-input-filled .p-calendar-w-btn { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: #f5f5f5 no-repeat; - background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-calendar-w-btn .p-inputtext { - background-image: none; - background-color: transparent; -} -.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover { - background-color: #ececec; - border-color: transparent; - background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); -} -.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-color: #dcdcdc; - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:focus { - background-image: none; - background: transparent; -} -.p-input-filled .p-calendar-w-btn .p-inputtext { - border: 0 none; -} -.p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext { - border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: none; - border-color: transparent; -} -.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { - border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext { - border: 0 none; - background-image: none; -} - -.p-cascadeselect .p-inputtext, .p-cascadeselect .p-cascadeselect-trigger { - background-image: none; - background: transparent; -} -.p-cascadeselect .p-inputtext { - border: 0 none; -} -.p-cascadeselect:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; -} - -.p-cascadeselect-item .p-ink { - background-color: rgba(63, 81, 181, 0.16); -} - -.p-input-filled .p-cascadeselect { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: #f5f5f5 no-repeat; - background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-cascadeselect .p-inputtext { - background-image: none; - background-color: transparent; -} -.p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #ececec; - border-color: transparent; - background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); -} -.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-color: #dcdcdc; - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus { - background-image: none; - background: transparent; -} -.p-input-filled .p-cascadeselect .p-inputtext { - border: 0 none; -} -.p-input-filled .p-cascadeselect .p-cascadeselect-label:hover { - background-image: none; - background: transparent; -} -.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect { - border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} - -.p-input-filled .p-float-label .p-cascadeselect .p-cascadeselect-label { - padding-top: 1.5rem; - padding-bottom: 0.5rem; -} -.p-input-filled .p-float-label .p-inputwrapper-filled .p-cascadeselect .p-cascadeselect-label { - padding-top: 1.5rem; - padding-bottom: 0.5rem; -} -.p-input-filled .p-cascadeselect.p-invalid { - border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} - -p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; -} - -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #ff4081; - color: #ffffff; -} - -.p-checkbox { - border-radius: 50%; - transition: box-shadow 0.2s; -} -.p-checkbox .p-checkbox-box { - border-color: #757575; - border-radius: 2px; - position: relative; -} -.p-checkbox .p-checkbox-box:not(.p-disabled):hover { - border-color: #757575; -} -.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { - border-color: #757575; -} -.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus { - border-color: #3F51B5; -} -.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before { - content: ""; - position: absolute; - top: 6px; - left: 1px; - border-right: 2px solid transparent; - border-bottom: 2px solid transparent; - transform: rotate(45deg); - transform-origin: 0% 100%; - animation: checkbox-check 125ms 50ms linear forwards; -} -.p-checkbox:not(.p-checkbox-disabled):hover { - box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); -} -.p-checkbox:not(.p-checkbox-disabled).p-checkbox-focused { - box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); -} -.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover { - box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.04); -} -.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused { - box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12); -} - -.p-input-filled .p-checkbox .p-checkbox-box { - background-color: #ffffff; -} -.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { - background-color: #ffffff; -} - -@keyframes checkbox-check { - 0% { - width: 0; - height: 0; - border-color: #ffffff; - transform: translate3d(0, 0, 0) rotate(45deg); - } - 33% { - width: 4px; - height: 0; - transform: translate3d(0, 0, 0) rotate(45deg); - } - 100% { - width: 4px; - height: 10px; - border-color: #ffffff; - transform: translate3d(0, -10px, 0) rotate(45deg); - } -} -.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; -} - -.p-input-filled .p-chips-multiple-container { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: #f5f5f5 no-repeat; - background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-chips-multiple-container .p-inputtext { - background-image: none; - background-color: transparent; -} -.p-input-filled .p-chips-multiple-container:not(.p-disabled):hover { - background-color: #ececec; - border-color: transparent; - background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); -} -.p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-color: #dcdcdc; - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-chips-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:focus { - background-image: none; - background: transparent; -} - -.p-float-label .p-chips-multiple-container .p-chips-token { - padding: 0.25rem 1rem; -} - -.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token { - padding-top: 0; - padding-bottom: 0; -} -.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { - font-size: 75%; -} -.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token { - padding: 0; -} -.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container { - border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} - -p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; -} - -.p-datatable .p-sortable-column { - outline: 0 none; -} -.p-datatable .p-sortable-column:focus { - background-color: rgba(0, 0, 0, 0.03); -} -.p-datatable .p-datatable-tbody > tr { - outline: 0 none; -} -.p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus { - background-color: rgba(0, 0, 0, 0.03); -} - -.p-dropdown .p-inputtext, .p-dropdown .p-dropdown-trigger { - background-image: none; - background: transparent; -} -.p-dropdown .p-inputtext { - border: 0 none; -} -.p-dropdown:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; -} - -.p-dropdown-item .p-ink { - background-color: rgba(63, 81, 181, 0.16); -} - -.p-input-filled .p-dropdown { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: #f5f5f5 no-repeat; - background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-dropdown .p-inputtext { - background-image: none; - background-color: transparent; -} -.p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #ececec; - border-color: transparent; - background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); -} -.p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-color: #dcdcdc; - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-dropdown .p-inputtext:enabled:hover, .p-input-filled .p-dropdown .p-inputtext:enabled:focus { - background-image: none; - background: transparent; -} -.p-input-filled .p-dropdown .p-inputtext { - border: 0 none; -} -.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown { - border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus, .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} - -p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; -} - -.p-galleria .p-galleria-indicators { - padding: 1rem; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #ff4081; - color: #ffffff; -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(255, 64, 129, 0.68); - color: #ffffff; -} - -.p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; -} -.p-inputtext:enabled:focus.ng-invalid.ng-dirty { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; -} - -.p-input-filled .p-inputtext { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: #f5f5f5 no-repeat; - background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-inputtext:enabled:hover { - background-color: #ececec; - border-color: transparent; - background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); -} -.p-input-filled .p-inputtext:enabled:focus { - box-shadow: none; - background-color: #dcdcdc; - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-inputtext.ng-invalid.ng-dirty { - border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled .p-inputtext.ng-invalid.ng-dirty:enabled:focus { - box-shadow: none; - border-color: transparent; -} - -.p-input-filled .p-inputgroup .p-inputgroup-addon { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: #f5f5f5 no-repeat; - background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-inputgroup .p-inputgroup-addon:last-child { - border-right-color: transparent; -} -.p-input-filled .p-inputgroup-addon:first-child, -.p-input-filled .p-inputgroup button:first-child, -.p-input-filled .p-inputgroup input:first-child { - border-bottom-left-radius: 0; -} -.p-input-filled .p-inputgroup .p-float-label:first-child input { - border-bottom-left-radius: 0; -} -.p-input-filled .p-inputgroup-addon:last-child, -.p-input-filled .p-inputgroup button:last-child, -.p-input-filled .p-inputgroup input:last-child { - border-bottom-right-radius: 0; -} -.p-input-filled .p-inputgroup .p-float-label:last-child input { - border-bottom-right-radius: 0; -} - -p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; -} - -.p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext { - border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: none; - border-color: transparent; -} - -p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; -} - -.p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext { - border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: none; - border-color: transparent; -} - -.p-inputswitch .p-inputswitch-slider:before { - transition-property: box-shadow transform; - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); -} -.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before { - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12), 0 0 1px 10px rgba(0, 0, 0, 0.04); -} -.p-inputswitch.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before { - box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); -} -.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before { - box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.04), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); -} -.p-inputswitch.p-inputswitch-checked.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before { - box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); -} - -.p-fieldset .p-fieldset-legend { - border: 0 none; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { - background: rgba(0, 0, 0, 0.12); -} - -.p-float-label input:focus ~ label, -.p-float-label input.p-filled ~ label, -.p-float-label textarea:focus ~ label, -.p-float-label textarea.p-filled ~ label, -.p-float-label .p-inputwrapper-focus ~ label, -.p-float-label .p-inputwrapper-filled ~ label { - top: -0.5rem !important; - background-color: #ffffff; - padding: 2px 4px; - margin-left: -4px; - margin-top: 0; -} - -.p-float-label textarea ~ label { - margin-top: 0; -} - -.p-float-label input:focus ~ label, -.p-float-label .p-inputwrapper-focus ~ label { - color: #3F51B5; -} - -.p-input-filled .p-float-label .p-inputtext { - padding-top: 1.5rem; - padding-bottom: 0.5rem; -} -.p-input-filled .p-float-label input:focus ~ label, -.p-input-filled .p-float-label input.p-filled ~ label, -.p-input-filled .p-float-label textarea:focus ~ label, -.p-input-filled .p-float-label textarea.p-filled ~ label, -.p-input-filled .p-float-label .p-inputwrapper-focus ~ label, -.p-input-filled .p-float-label .p-inputwrapper-filled ~ label { - top: 0.25rem !important; - margin-top: 0; - background: transparent; -} - -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-toolbar .fc-button:focus { - background: rgba(63, 81, 181, 0.76); -} -.fc.fc-unthemed .fc-toolbar .fc-button:active { - background: rgba(63, 81, 181, 0.68); -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:focus { - background: rgba(63, 81, 181, 0.76); -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:active { - background: rgba(63, 81, 181, 0.68); -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { - background: #e0e0e1; - border-color: #e0e0e1; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { - background: #d9d8d9; - border-color: #d9d8d9; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:focus { - background: rgba(63, 81, 181, 0.76); -} -.fc.fc-theme-standard .fc-toolbar .fc-button:active { - background: rgba(63, 81, 181, 0.68); -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:focus { - background: rgba(63, 81, 181, 0.76); -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:active { - background: rgba(63, 81, 181, 0.68); -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { - background: #e0e0e1; - border-color: #e0e0e1; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { - background: #d9d8d9; - border-color: #d9d8d9; -} - -.p-listbox .p-listbox-list .p-listbox-item .p-ink { - background-color: rgba(63, 81, 181, 0.16); -} -.p-listbox .p-listbox-list .p-listbox-item:focus { - background: rgba(0, 0, 0, 0.12); -} -.p-listbox .p-listbox-list .p-listbox-item:focus.p-highlight { - background: rgba(63, 81, 181, 0.24); -} - -.p-megamenu .p-menuitem .p-menuitem-link:focus { - background: rgba(0, 0, 0, 0.12); -} - -.p-menu .p-menuitem .p-menuitem-link:focus { - background: rgba(0, 0, 0, 0.12); -} - -.p-menubar .p-menuitem .p-menuitem-link:focus { - background: rgba(0, 0, 0, 0.12); -} - -.p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger { - background-image: none; - background: transparent; -} -.p-multiselect .p-multiselect-label { - border: 0 none; -} -.p-multiselect:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; -} -.p-multiselect .p-multiselect-items .p-multiselect-item .p-ink { - background-color: rgba(63, 81, 181, 0.16); -} -.p-multiselect .p-multiselect-items .p-multiselect-item:focus { - background: rgba(0, 0, 0, 0.12); -} -.p-multiselect .p-multiselect-items .p-multiselect-item:focus.p-highlight { - background: rgba(63, 81, 181, 0.24); -} -.p-multiselect .p-multiselect-close:focus { - background: rgba(0, 0, 0, 0.12); -} - -.p-input-filled .p-multiselect { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: #f5f5f5 no-repeat; - background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-multiselect .p-inputtext { - background-image: none; - background-color: transparent; -} -.p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #ececec; - border-color: transparent; - background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); -} -.p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-color: #dcdcdc; - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-multiselect .p-inputtext:enabled:hover, .p-input-filled .p-multiselect .p-inputtext:enabled:focus { - background-image: none; - background: transparent; -} -.p-input-filled .p-multiselect .p-multiselect-label:hover { - background-image: none; - background: transparent; -} - -.p-float-label .p-multiselect-label .p-multiselect-token { - padding: 0.25rem 1rem; - margin-top: 0.25rem; - margin-bottom: 0.25rem; -} - -.p-input-filled .p-float-label .p-multiselect .p-multiselect-label { - padding-top: 1.5rem; - padding-bottom: 0.5rem; -} -.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect .p-multiselect-label { - padding-top: 1.5rem; - padding-bottom: 0.5rem; -} -.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token { - padding-top: 0; - padding-bottom: 0; - margin-top: 0; - margin-bottom: 0; -} -.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { - font-size: 75%; -} -.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect { - border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus, .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} - -p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; -} - -.p-orderlist .p-orderlist-list .p-orderlist-item:focus { - background: rgba(0, 0, 0, 0.12); -} -.p-orderlist .p-orderlist-list .p-orderlist-item:focus.p-highlight { - background: rgba(63, 81, 181, 0.24); -} - -.p-overlaypanel .p-overlaypanel-content { - padding: 1.5rem; -} - -.p-paginator { - justify-content: flex-end; -} -.p-paginator .p-paginator-element:focus { - background: rgba(0, 0, 0, 0.12); -} -.p-paginator .p-paginator-element:focus.p-highlight { - background: rgba(63, 81, 181, 0.24); -} - -.p-panel { - border-radius: 4px; - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); -} -.p-panel .p-panel-header, -.p-panel .p-panel-content, -.p-panel .p-panel-footer { - border: 0 none; -} -.p-panel .p-panel-content { - padding-top: 0; -} -.p-panel .p-panel-title { - font-size: 1.25rem; -} -.p-panel .p-panel-header-icon:focus { - background: rgba(0, 0, 0, 0.12); -} - -.p-panelmenu .p-panelmenu-panel { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - margin-bottom: 0; - border-radius: 0; - position: relative; - transition: margin-bottom 225ms; -} -.p-panelmenu .p-panelmenu-panel:first-child { - border-top-left-radius: 4px; - border-top-right-radius: 4px; -} -.p-panelmenu .p-panelmenu-panel:last-child { - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-icon { - order: 1; - margin-left: auto; - margin-right: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled { - opacity: 1; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-link > * { - opacity: 0.38; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-link:focus { - background: #f6f6f6; -} -.p-panelmenu .p-panelmenu-panel .p-menuitem .p-menuitem-link:focus { - background: rgba(0, 0, 0, 0.12); -} - -.p-picklist .p-picklist-list .p-picklist-item:focus { - background: rgba(0, 0, 0, 0.12); -} -.p-picklist .p-picklist-list .p-picklist-item:focus.p-highlight { - background: rgba(63, 81, 181, 0.24); -} - -.p-progressbar { - border-radius: 0; -} -.p-progressbar .p-progressbar-label { - display: none; -} - -.p-radiobutton { - border-radius: 50%; - transition: box-shadow 0.2s; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border: 2px solid #757575; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - border: 2px solid #757575; -} -.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus { - border-color: #3F51B5; -} -.p-radiobutton:not(.p-radiobutton-disabled):hover { - box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); -} -.p-radiobutton:not(.p-radiobutton-disabled).p-radiobutton-focused { - box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); -} -.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover { - box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.04); -} -.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused { - box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12); -} - -.p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #ffffff; -} -.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #ffffff; -} - -.p-rating .p-rating-icon { - border-radius: 50%; - width: 2rem; - height: 2rem; - display: inline-flex; - justify-content: center; - align-items: center; - margin-left: 0; -} -.p-rating .p-rating-icon:focus { - background: rgba(63, 81, 181, 0.12); -} -.p-rating .p-rating-icon.p-rating-cancel:focus { - background: rgba(176, 0, 32, 0.12); -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { - background-color: rgba(0, 0, 0, 0.04); -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - background: rgba(176, 0, 32, 0.04); -} - -.p-selectbutton .p-button:focus { - background: #e0e0e1; - border-color: #e0e0e1; -} -.p-selectbutton .p-button:focus.p-highlight { - background: #d9d8d9; - border-color: #d9d8d9; -} - -.p-slidemenu .p-menuitem-link:focus { - background: rgba(0, 0, 0, 0.12); -} - -.p-slider .p-slider-handle { - transition: transform 0.2s, box-shadow 0.2s; - transform: scale(0.7); -} -.p-slider .p-slider-handle:focus { - box-shadow: 0 0 1px 10px rgba(255, 64, 129, 0.2); -} -.p-slider.p-slider-sliding .p-slider-handle { - transform: scale(1); -} - -.p-steps { - padding: 1rem 0; -} -.p-steps .p-steps-item { - justify-content: flex-start; - flex-direction: row-reverse; - align-items: center; -} -.p-steps .p-steps-item:before { - position: static; - left: auto; - top: auto; - margin-top: 0; -} -.p-steps .p-steps-item:last-child { - flex-grow: 0; -} -.p-steps .p-steps-item:last-child:before { - display: none; -} -.p-steps .p-steps-item .p-menuitem-link { - flex-direction: row; - flex: 1 1 auto; - overflow: visible; - padding: 1rem 0.5rem; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-number { - background-color: #9e9d9e; - color: #ffffff; - font-size: 0.857rem; - min-width: 1.714rem; - height: 1.714rem; - line-height: 1.714rem; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-title { - margin: 0; - padding-left: 0.5rem; -} -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { - background: rgba(0, 0, 0, 0.12); -} -.p-steps .p-steps-item.p-highlight .p-steps-number { - background-color: #3F51B5; - color: #ffffff; -} -.p-steps .p-steps-item.p-highlight .p-steps-title { - font-weight: 600; - color: rgba(0, 0, 0, 0.87); -} -.p-steps .p-steps-item.p-disabled { - opacity: 1; -} - -.p-tabview .p-tabview-nav { - position: relative; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link { - transition: background-color 0.2s; - border-radius: 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link > .p-ink { - background-color: rgba(63, 81, 181, 0.16); -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link:focus { - background-color: rgba(63, 81, 181, 0.12); -} -.p-tabview .p-tabview-nav .p-tabview-ink-bar { - z-index: 1; - display: block; - position: absolute; - bottom: 0; - height: 2px; - background-color: #3F51B5; - transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); -} - -.p-toolbar { - border: 0 none; -} - -.p-tooltip .p-tooltip-text { - box-shadow: none; - font-size: 0.875rem; -} -.p-tooltip .p-tooltip-arrow { - display: none; -} - -.p-tieredmenu .p-menuitem-link:focus { - background: rgba(0, 0, 0, 0.12); -} - -.p-treeselect .p-treeselect-label, .p-treeselect .p-treeselect-trigger { - background-image: none; - background: transparent; -} -.p-treeselect .p-treeselect-label { - border: 0 none; -} -.p-treeselect:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; -} - -.p-treeselect-item .p-ink { - background-color: rgba(63, 81, 181, 0.16); -} - -.p-input-filled .p-treeselect { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: #f5f5f5 no-repeat; - background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-treeselect .p-inputtext { - background-image: none; - background-color: transparent; -} -.p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #ececec; - border-color: transparent; - background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); -} -.p-input-filled .p-treeselect:not(.p-disabled).p-focus, .p-input-filled .p-treeselect:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-color: #dcdcdc; - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-treeselect .p-inputtext:enabled:hover, .p-input-filled .p-treeselect .p-inputtext:enabled:focus { - background-image: none; - background: transparent; -} -.p-input-filled .p-treeselect .p-treeselect-label:hover { - background-image: none; - background: transparent; -} - -.p-float-label .p-treeselect-label .p-treeselect-token { - padding: 0.25rem 1rem; - margin-top: 0.25rem; - margin-bottom: 0.25rem; -} - -.p-input-filled .p-float-label .p-treeselect .p-treeselect-label { - padding-top: 1.5rem; - padding-bottom: 0.5rem; -} -.p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect .p-treeselect-label { - padding-top: 1.5rem; - padding-bottom: 0.5rem; -} -.p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-token { - padding-top: 0; - padding-bottom: 0; - margin-top: 0; - margin-bottom: 0; -} -.p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-token .p-treeselect-token-icon { - font-size: 75%; -} -.p-input-filled .p-treeselect.p-invalid { - border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled .p-treeselect.p-invalid:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} - -.p-treeselect.p-invalid:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; -} - -.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - background: rgba(0, 0, 0, 0.12); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content:focus.p-highlight { - background: rgba(63, 81, 181, 0.24); -} - -.p-treetable .p-sortable-column { - outline: 0 none; -} -.p-treetable .p-sortable-column:focus { - background-color: rgba(0, 0, 0, 0.03); -} -.p-treetable .p-treetable-tbody > tr { - outline: 0 none; -} -.p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus { - background-color: rgba(0, 0, 0, 0.03); -} - -.p-tabmenu .p-tabmenu-nav { - position: relative; -} -.p-tabmenu .p-tabmenu-nav li .p-menuitem-link { - transition: background-color 0.2s; - border-radius: 0; -} -.p-tabmenu .p-tabmenu-nav li .p-menuitem-link > .p-ink { - background-color: rgba(63, 81, 181, 0.16); -} -.p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus { - background-color: rgba(63, 81, 181, 0.12); -} -.p-tabmenu .p-tabmenu-nav li.p-highlight .p-menuitem-link:focus { - background-color: rgba(63, 81, 181, 0.12); -} -.p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar { - display: block; - position: absolute; - bottom: 0; - height: 2px; - background-color: #3F51B5; - transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); -} - -.p-timeline.p-timeline-vertical .p-timeline-event-connector { - margin: 0.5rem 0; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-connector { - margin: 0 0.5rem; -} - -.p-togglebutton.p-button:focus { - background: #e0e0e1; - border-color: #e0e0e1; -} -.p-togglebutton.p-button:focus.p-highlight { - background: #d9d8d9; - border-color: #d9d8d9; -} - -/* Customizations to the designer theme should be defined here */ diff --git a/src/assets/theme/mdc-dark-deeppurple/theme.css b/src/assets/theme/mdc-dark-deeppurple/theme.css deleted file mode 100644 index 1fb65fa..0000000 --- a/src/assets/theme/mdc-dark-deeppurple/theme.css +++ /dev/null @@ -1,7138 +0,0 @@ -:root { - --surface-a:#1e1e1e; - --surface-b:#121212; - --surface-c:hsla(0,0%,100%,.04); - --surface-d:hsla(0,0%,100%,.12); - --surface-e:#1e1e1e; - --surface-f:#262626; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#CE93D8; - --primary-color-text:#121212; - --font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; - --surface-0: #121212; - --surface-50: #2a2a2a; - --surface-100: #414141; - --surface-200: #595959; - --surface-300: #717171; - --surface-400: #898989; - --surface-500: #a0a0a0; - --surface-600: #b8b8b8; - --surface-700: #d0d0d0; - --surface-800: #e7e7e7; - --surface-900: #ffffff; - --gray-50: #e7e7e7; - --gray-100: #d0d0d0; - --gray-200: #b8b8b8; - --gray-300: #a0a0a0; - --gray-400: #898989; - --gray-500: #717171; - --gray-600: #595959; - --gray-700: #414141; - --gray-800: #2a2a2a; - --gray-900: #121212; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:4px; - --surface-ground:#121212; - --surface-section:#121212; - --surface-card:#1e1e1e; - --surface-overlay:#262626; - --surface-border:hsla(0,0%,100%,.12); - --surface-hover:hsla(0,0%,100%,.04); - --maskbg: rgba(0, 0, 0, 0.32); - --focus-ring: none; -} - -/* roboto-regular - latin-ext_latin */ -@font-face { - font-family: "Roboto"; - font-style: normal; - font-weight: 400; - src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -/* roboto-500 - latin-ext_latin */ -@font-face { - font-family: "Roboto"; - font-style: normal; - font-weight: 500; - src: local("Roboto Medium"), local("Roboto-Medium"), url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-500.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -/* roboto-700 - latin-ext_latin */ -@font-face { - font-family: "Roboto"; - font-style: normal; - font-weight: 700; - src: local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -* { - box-sizing: border-box; -} - -.p-component { - font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; - font-size: 1rem; - font-weight: normal; -} - -.p-component-overlay { - background-color: rgba(0, 0, 0, 0.32); - transition-duration: 0.2s; -} - -.p-disabled, .p-component:disabled { - opacity: 0.38; -} - -.p-error { - color: #f44435; -} - -.p-text-secondary { - color: rgba(255, 255, 255, 0.6); -} - -.pi { - font-size: 1rem; -} - -.p-link { - font-size: 1rem; - font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; - border-radius: 4px; -} -.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-component-overlay-enter { - animation: p-component-overlay-enter-animation 150ms forwards; -} - -.p-component-overlay-leave { - animation: p-component-overlay-leave-animation 150ms forwards; -} - -@keyframes p-component-overlay-enter-animation { - from { - background-color: transparent; - } - to { - background-color: var(--maskbg); - } -} -@keyframes p-component-overlay-leave-animation { - from { - background-color: var(--maskbg); - } - to { - background-color: transparent; - } -} - -:root { - --blue-50:#f4fafe; - --blue-100:#cae6fc; - --blue-200:#a0d2fa; - --blue-300:#75bef8; - --blue-400:#4baaf5; - --blue-500:#2196f3; - --blue-600:#1c80cf; - --blue-700:#1769aa; - --blue-800:#125386; - --blue-900:#0d3c61; - --green-50:#f7faf5; - --green-100:#dbe8cf; - --green-200:#bed6a9; - --green-300:#a1c384; - --green-400:#85b15e; - --green-500:#689f38; - --green-600:#588730; - --green-700:#496f27; - --green-800:#39571f; - --green-900:#2a4016; - --yellow-50:#fffcf5; - --yellow-100:#fef0cd; - --yellow-200:#fde4a5; - --yellow-300:#fdd87d; - --yellow-400:#fccc55; - --yellow-500:#fbc02d; - --yellow-600:#d5a326; - --yellow-700:#b08620; - --yellow-800:#8a6a19; - --yellow-900:#644d12; - --cyan-50:#f2fcfd; - --cyan-100:#c2eff5; - --cyan-200:#91e2ed; - --cyan-300:#61d5e4; - --cyan-400:#30c9dc; - --cyan-500:#00bcd4; - --cyan-600:#00a0b4; - --cyan-700:#008494; - --cyan-800:#006775; - --cyan-900:#004b55; - --pink-50:#fef4f7; - --pink-100:#fac9da; - --pink-200:#f69ebc; - --pink-300:#f1749e; - --pink-400:#ed4981; - --pink-500:#e91e63; - --pink-600:#c61a54; - --pink-700:#a31545; - --pink-800:#801136; - --pink-900:#5d0c28; - --indigo-50:#f6f7fc; - --indigo-100:#d5d9ef; - --indigo-200:#b3bae2; - --indigo-300:#919cd5; - --indigo-400:#707dc8; - --indigo-500:#4e5fbb; - --indigo-600:#42519f; - --indigo-700:#374383; - --indigo-800:#2b3467; - --indigo-900:#1f264b; - --teal-50:#f2faf9; - --teal-100:#c2e6e2; - --teal-200:#91d2cc; - --teal-300:#61beb5; - --teal-400:#30aa9f; - --teal-500:#009688; - --teal-600:#008074; - --teal-700:#00695f; - --teal-800:#00534b; - --teal-900:#003c36; - --orange-50:#fffaf2; - --orange-100:#ffe6c2; - --orange-200:#ffd391; - --orange-300:#ffbf61; - --orange-400:#ffac30; - --orange-500:#ff9800; - --orange-600:#d98100; - --orange-700:#b36a00; - --orange-800:#8c5400; - --orange-900:#663d00; - --bluegray-50:#f7f9f9; - --bluegray-100:#d9e0e3; - --bluegray-200:#bbc7cd; - --bluegray-300:#9caeb7; - --bluegray-400:#7e96a1; - --bluegray-500:#607d8b; - --bluegray-600:#526a76; - --bluegray-700:#435861; - --bluegray-800:#35454c; - --bluegray-900:#263238; - --purple-50:#faf4fb; - --purple-100:#e7cbec; - --purple-200:#d4a2dd; - --purple-300:#c279ce; - --purple-400:#af50bf; - --purple-500:#9c27b0; - --purple-600:#852196; - --purple-700:#6d1b7b; - --purple-800:#561561; - --purple-900:#3e1046; -} - -.p-autocomplete .p-autocomplete-loader { - right: 0.75rem; -} -.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 3.5rem; -} -.p-autocomplete .p-autocomplete-multiple-container { - padding: 0.375rem 0.75rem; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: rgba(255, 255, 255, 0.6); -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #CE93D8; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { - padding: 0.375rem 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - padding: 0; - margin: 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: rgba(206, 147, 216, 0.16); - color: #CE93D8; - border-radius: 4px; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; -} - -p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #f44435; -} - -.p-autocomplete-panel { - background: #2b2b2b; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} -.p-autocomplete-panel .p-autocomplete-items:not(.p-autocomplete-virtualscroll) { - padding: 0; -} -.p-autocomplete-panel .p-autocomplete-items.p-autocomplete-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { - margin: 0; - padding: 0.75rem 0.75rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: none; - border-radius: 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: #CE93D8; - background: rgba(206, 147, 216, 0.16); -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.75rem 0.75rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { - margin: 0; - padding: 0.75rem; - color: rgba(255, 255, 255, 0.6); - background: transparent; - font-weight: 400; -} - -p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { - border-color: #f44435; -} - -.p-datepicker { - padding: 0.5rem; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.3); - border-radius: 4px; -} -.p-datepicker:not(.p-datepicker-inline) { - background: #2b2b2b; - border: 0 none; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} -.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { - background: #2b2b2b; -} -.p-datepicker .p-datepicker-header { - padding: 0.5rem; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - font-weight: 500; - margin: 0; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev, -.p-datepicker .p-datepicker-header .p-datepicker-next { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-datepicker .p-datepicker-header .p-datepicker-title { - line-height: 2rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - font-weight: 500; - padding: 0.5rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #CE93D8; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - margin-right: 0.5rem; -} -.p-datepicker table { - font-size: 1rem; - margin: 0.5rem 0; -} -.p-datepicker table th { - padding: 0.5rem; -} -.p-datepicker table th > span { - width: 2.25rem; - height: 2.25rem; -} -.p-datepicker table td { - padding: 0.5rem; -} -.p-datepicker table td > span { - width: 2.25rem; - height: 2.25rem; - border-radius: 50%; - transition: none; - border: 1px solid transparent; -} -.p-datepicker table td > span.p-highlight { - color: #CE93D8; - background: rgba(206, 147, 216, 0.16); -} -.p-datepicker table td > span:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-datepicker table td.p-datepicker-today > span { - background: transparent; - color: rgba(255, 255, 255, 0.87); - border-color: rgba(255, 255, 255, 0.5); -} -.p-datepicker table td.p-datepicker-today > span.p-highlight { - color: #CE93D8; - background: rgba(206, 147, 216, 0.16); -} -.p-datepicker .p-datepicker-buttonbar { - padding: 0.75rem 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} -.p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; -} -.p-datepicker .p-timepicker { - border-top: 1px solid rgba(255, 255, 255, 0.12); - padding: 0.5rem; -} -.p-datepicker .p-timepicker button { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-timepicker button:enabled:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); -} -.p-datepicker .p-timepicker button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-datepicker .p-timepicker button:last-child { - margin-top: 0.2em; -} -.p-datepicker .p-timepicker span { - font-size: 1.25rem; -} -.p-datepicker .p-timepicker > div { - padding: 0 0.5rem; -} -.p-datepicker.p-datepicker-timeonly .p-timepicker { - border-top: 0 none; -} -.p-datepicker .p-monthpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-monthpicker .p-monthpicker-month { - padding: 0.5rem; - transition: none; - border-radius: 4px; -} -.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: #CE93D8; - background: rgba(206, 147, 216, 0.16); -} -.p-datepicker .p-yearpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-yearpicker .p-yearpicker-year { - padding: 0.5rem; - transition: none; - border-radius: 4px; -} -.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { - color: #CE93D8; - background: rgba(206, 147, 216, 0.16); -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid rgba(255, 255, 255, 0.12); - padding-right: 0.5rem; - padding-left: 0.5rem; - padding-top: 0; - padding-bottom: 0; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { - padding-left: 0; - border-left: 0 none; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { - padding-right: 0; -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -@media screen and (max-width: 769px) { - .p-datepicker table th, .p-datepicker table td { - padding: 0; - } -} -.p-cascadeselect { - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.3); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; -} -.p-cascadeselect:not(.p-disabled):hover { - border-color: rgba(255, 255, 255, 0.6); -} -.p-cascadeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #CE93D8; -} -.p-cascadeselect .p-cascadeselect-label { - background: transparent; - border: 0 none; - padding: 0.75rem 0.75rem; -} -.p-cascadeselect .p-cascadeselect-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-cascadeselect .p-cascadeselect-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-cascadeselect .p-cascadeselect-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2.75rem; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-cascadeselect-panel { - background: #2b2b2b; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} -.p-cascadeselect-panel .p-cascadeselect-items { - padding: 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { - margin: 0; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: none; - border-radius: 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.75rem 0.75rem; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { - color: #CE93D8; - background: rgba(206, 147, 216, 0.16); -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { - font-size: 0.875rem; -} - -p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #f44435; -} - -.p-input-filled .p-cascadeselect { - background: rgba(255, 255, 255, 0.06); -} -.p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); -} -.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.p-checkbox { - width: 18px; - height: 18px; -} -.p-checkbox .p-checkbox-box { - border: 2px solid rgba(255, 255, 255, 0.7); - background: #1e1e1e; - width: 18px; - height: 18px; - color: rgba(255, 255, 255, 0.87); - border-radius: 4px; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-checkbox .p-checkbox-box .p-checkbox-icon { - transition-duration: 0.2s; - color: #121212; - font-size: 14px; -} -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #CE93D8; - background: #CE93D8; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: rgba(255, 255, 255, 0.6); -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #CE93D8; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #CE93D8; - background: #CE93D8; - color: #121212; -} - -p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #f44435; -} - -.p-input-filled .p-checkbox .p-checkbox-box { - background-color: rgba(255, 255, 255, 0.06); -} -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #CE93D8; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: rgba(255, 255, 255, 0.08); -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #CE93D8; -} - -.p-checkbox-label { - margin-left: 0.5rem; -} - -.p-chips .p-chips-multiple-container { - padding: 0.375rem 0.75rem; -} -.p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: rgba(255, 255, 255, 0.6); -} -.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #CE93D8; -} -.p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: rgba(206, 147, 216, 0.16); - color: #CE93D8; - border-radius: 4px; -} -.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { - margin-left: 0.5rem; -} -.p-chips .p-chips-multiple-container .p-chips-input-token { - padding: 0.375rem 0; -} -.p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - padding: 0; - margin: 0; -} - -p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { - border-color: #f44435; -} - -.p-colorpicker-preview, -.p-fluid .p-colorpicker-preview.p-inputtext { - width: 2rem; - height: 2rem; -} - -.p-colorpicker-panel { - background: #2b2b2b; - border: 1px solid #1e1e1e; -} -.p-colorpicker-panel .p-colorpicker-color-handle, -.p-colorpicker-panel .p-colorpicker-hue-handle { - border-color: #ffffff; -} - -.p-colorpicker-overlay-panel { - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} - -.p-dropdown { - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.3); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; -} -.p-dropdown:not(.p-disabled):hover { - border-color: rgba(255, 255, 255, 0.6); -} -.p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #CE93D8; -} -.p-dropdown.p-dropdown-clearable .p-dropdown-label { - padding-right: 1.75rem; -} -.p-dropdown .p-dropdown-label { - background: transparent; - border: 0 none; -} -.p-dropdown .p-dropdown-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-dropdown .p-dropdown-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-dropdown .p-dropdown-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2.75rem; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} -.p-dropdown .p-dropdown-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 2.75rem; -} - -.p-dropdown-panel { - background: #2b2b2b; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} -.p-dropdown-panel .p-dropdown-header { - padding: 0.75rem; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - background: #2b2b2b; - margin: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { - padding-right: 1.75rem; - margin-right: -1.75rem; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} -.p-dropdown-panel .p-dropdown-items:not(.p-dropdown-virtualscroll) { - padding: 0; -} -.p-dropdown-panel .p-dropdown-items.p-dropdown-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item { - margin: 0; - padding: 0.75rem 0.75rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: none; - border-radius: 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: #CE93D8; - background: rgba(206, 147, 216, 0.16); -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.75rem 0.75rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { - margin: 0; - padding: 0.75rem; - color: rgba(255, 255, 255, 0.6); - background: transparent; - font-weight: 400; -} - -p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #f44435; -} - -.p-input-filled .p-dropdown { - background: rgba(255, 255, 255, 0.06); -} -.p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); -} -.p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.p-editor-container .p-editor-toolbar { - background: #1e1e1e; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid rgba(255, 255, 255, 0.12); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #2b2b2b; - border: 0 none; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - border-radius: 4px; - padding: 0; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.75rem 0.75rem; -} -.p-editor-container .p-editor-content { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-editor-container .p-editor-content.ql-snow { - border: 1px solid rgba(255, 255, 255, 0.12); -} -.p-editor-container .p-editor-content .ql-editor { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #CE93D8; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #CE93D8; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #CE93D8; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #CE93D8; -} - -.p-inputgroup-addon { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.6); - border-top: 1px solid rgba(255, 255, 255, 0.3); - border-left: 1px solid rgba(255, 255, 255, 0.3); - border-bottom: 1px solid rgba(255, 255, 255, 0.3); - padding: 0.75rem 0.75rem; - min-width: 2.75rem; -} -.p-inputgroup-addon:last-child { - border-right: 1px solid rgba(255, 255, 255, 0.3); -} - -.p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, -.p-inputgroup > .p-float-label > .p-component { - border-radius: 0; - margin: 0; -} -.p-inputgroup > .p-component + .p-inputgroup-addon, -.p-inputgroup > .p-element + .p-inputgroup-addon, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, -.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { - border-left: 0 none; -} -.p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, -.p-inputgroup > .p-float-label > .p-component:focus { - z-index: 1; -} -.p-inputgroup > .p-component:focus ~ label, -.p-inputgroup > .p-element:focus ~ label, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, -.p-inputgroup > .p-float-label > .p-component:focus ~ label { - z-index: 1; -} - -.p-inputgroup-addon:first-child, -.p-inputgroup button:first-child, -.p-inputgroup input:first-child, -.p-inputgroup > .p-inputwrapper:first-child > .p-component, -.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-inputgroup .p-float-label:first-child input { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-inputgroup-addon:last-child, -.p-inputgroup button:last-child, -.p-inputgroup input:last-child, -.p-inputgroup > .p-inputwrapper:last-child > .p-component, -.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-inputgroup .p-float-label:last-child input { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-fluid .p-inputgroup .p-button { - width: auto; -} -.p-fluid .p-inputgroup .p-button.p-button-icon-only { - width: 2.75rem; -} - -p-inputmask.ng-dirty.ng-invalid > .p-inputtext { - border-color: #f44435; -} - -p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { - border-color: #f44435; -} - -.p-inputswitch { - width: 2.75rem; - height: 1rem; -} -.p-inputswitch .p-inputswitch-slider { - background: rgba(255, 255, 255, 0.3); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 0.5rem; -} -.p-inputswitch .p-inputswitch-slider:before { - background: #bdbdbd; - width: 1.5rem; - height: 1.5rem; - left: -1px; - margin-top: -0.75rem; - border-radius: 50%; - transition-duration: 0.2s; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - transform: translateX(1.5rem); -} -.p-inputswitch.p-focus .p-inputswitch-slider { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: rgba(255, 255, 255, 0.3); -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: rgba(206, 147, 216, 0.5); -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: #CE93D8; -} -.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: rgba(206, 147, 216, 0.5); -} - -p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { - border-color: #f44435; -} - -.p-inputtext { - font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - padding: 0.75rem 0.75rem; - border: 1px solid rgba(255, 255, 255, 0.3); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - appearance: none; - border-radius: 4px; -} -.p-inputtext:enabled:hover { - border-color: rgba(255, 255, 255, 0.6); -} -.p-inputtext:enabled:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #CE93D8; -} -.p-inputtext.ng-dirty.ng-invalid { - border-color: #f44435; -} -.p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.65625rem 0.65625rem; -} -.p-inputtext.p-inputtext-lg { - font-size: 1.25rem; - padding: 0.9375rem 0.9375rem; -} - -.p-float-label > label { - left: 0.75rem; - color: rgba(255, 255, 255, 0.6); - transition-duration: 0.2s; -} - -.p-float-label > .ng-invalid.ng-dirty + label { - color: #f44435; -} - -.p-input-icon-left > i:first-of-type { - left: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} - -.p-input-icon-left > .p-inputtext { - padding-left: 2.5rem; -} - -.p-input-icon-left.p-float-label > label { - left: 2.5rem; -} - -.p-input-icon-right > i:last-of-type { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} - -.p-input-icon-right > .p-inputtext { - padding-right: 2.5rem; -} - -::-webkit-input-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -:-moz-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -::-moz-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -:-ms-input-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -.p-input-filled .p-inputtext { - background-color: rgba(255, 255, 255, 0.06); -} -.p-input-filled .p-inputtext:enabled:hover { - background-color: rgba(255, 255, 255, 0.08); -} -.p-input-filled .p-inputtext:enabled:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.p-inputtext-sm .p-inputtext { - font-size: 0.875rem; - padding: 0.65625rem 0.65625rem; -} - -.p-inputtext-lg .p-inputtext { - font-size: 1.25rem; - padding: 0.9375rem 0.9375rem; -} - -.p-listbox { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.3); - border-radius: 4px; -} -.p-listbox .p-listbox-header { - padding: 0.75rem; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - margin: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-listbox .p-listbox-header .p-listbox-filter { - padding-right: 1.75rem; -} -.p-listbox .p-listbox-header .p-listbox-filter-icon { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} -.p-listbox .p-listbox-header .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list { - padding: 0; -} -.p-listbox .p-listbox-list .p-listbox-item { - margin: 0; - padding: 0.75rem 0.75rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - transition: none; - border-radius: 0; -} -.p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: #CE93D8; - background: rgba(206, 147, 216, 0.16); -} -.p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list .p-listbox-item-group { - margin: 0; - padding: 0.75rem; - color: rgba(255, 255, 255, 0.6); - background: transparent; - font-weight: 400; -} -.p-listbox .p-listbox-list .p-listbox-empty-message { - padding: 0.75rem 0.75rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); -} - -p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #f44435; -} - -.p-multiselect { - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.3); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; -} -.p-multiselect:not(.p-disabled):hover { - border-color: rgba(255, 255, 255, 0.6); -} -.p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #CE93D8; -} -.p-multiselect .p-multiselect-label { - padding: 0.75rem 0.75rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-multiselect .p-multiselect-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-multiselect.p-multiselect-chip .p-multiselect-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: rgba(206, 147, 216, 0.16); - color: #CE93D8; - border-radius: 4px; -} -.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { - margin-left: 0.5rem; -} -.p-multiselect .p-multiselect-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2.75rem; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { - padding: 0.375rem 0.75rem; -} - -.p-multiselect-panel { - background: #2b2b2b; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} -.p-multiselect-panel .p-multiselect-header { - padding: 0.75rem; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - background: #2b2b2b; - margin: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { - padding-right: 1.75rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} -.p-multiselect-panel .p-multiselect-header .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close { - margin-left: 0.5rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-multiselect-panel .p-multiselect-items:not(.p-multiselect-virtualscroll) { - padding: 0; -} -.p-multiselect-panel .p-multiselect-items.p-multiselect-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item { - margin: 0; - padding: 0.75rem 0.75rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: none; - border-radius: 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: #CE93D8; - background: rgba(206, 147, 216, 0.16); -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { - margin: 0; - padding: 0.75rem; - color: rgba(255, 255, 255, 0.6); - background: transparent; - font-weight: 400; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { - padding: 0.75rem 0.75rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} - -p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #f44435; -} - -.p-input-filled .p-multiselect { - background: rgba(255, 255, 255, 0.06); -} -.p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); -} -.p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: rgba(255, 255, 255, 0.1); -} - -p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #f44435; -} - -.p-password-panel { - padding: 0.75rem; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - border-radius: 4px; -} -.p-password-panel .p-password-meter { - margin-bottom: 0.5rem; - background: rgba(206, 147, 216, 0.32); -} -.p-password-panel .p-password-meter .p-password-strength.weak { - background: #EF9A9A; -} -.p-password-panel .p-password-meter .p-password-strength.medium { - background: #FFF59D; -} -.p-password-panel .p-password-meter .p-password-strength.strong { - background: #C5E1A5; -} - -.p-radiobutton { - width: 20px; - height: 20px; -} -.p-radiobutton .p-radiobutton-box { - border: 2px solid rgba(255, 255, 255, 0.7); - background: #1e1e1e; - width: 20px; - height: 20px; - color: rgba(255, 255, 255, 0.87); - border-radius: 50%; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: rgba(255, 255, 255, 0.6); -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #CE93D8; -} -.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - width: 10px; - height: 10px; - transition-duration: 0.2s; - background-color: #CE93D8; -} -.p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #CE93D8; - background: #121212; -} -.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #CE93D8; - background: #121212; - color: #CE93D8; -} - -p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #f44435; -} - -.p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: rgba(255, 255, 255, 0.06); -} -.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #121212; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #121212; -} - -.p-radiobutton-label { - margin-left: 0.5rem; -} - -.p-rating .p-rating-icon { - color: #CE93D8; - margin-left: 0.5rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - font-size: 1rem; -} -.p-rating .p-rating-icon.p-rating-cancel { - color: #f44435; -} -.p-rating .p-rating-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-rating .p-rating-icon:first-child { - margin-left: 0; -} -.p-rating .p-rating-icon.pi-star-fill { - color: #CE93D8; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { - color: #CE93D8; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - color: #f44435; -} - -.p-selectbutton .p-button { - background: #2f2f2f; - border: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-selectbutton .p-button .p-button-icon-left, -.p-selectbutton .p-button .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { - background: #373737; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-selectbutton .p-button.p-highlight { - background: #1c1c1c; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.p-selectbutton .p-button.p-highlight .p-button-icon-left, -.p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-selectbutton .p-button.p-highlight:hover { - background: #262626; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} - -p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #f44435; -} - -.p-slider { - background: rgba(255, 255, 255, 0.3); - border: 0 none; - border-radius: 4px; -} -.p-slider.p-slider-horizontal { - height: 2px; -} -.p-slider.p-slider-horizontal .p-slider-handle { - margin-top: -10px; - margin-left: -10px; -} -.p-slider.p-slider-vertical { - width: 2px; -} -.p-slider.p-slider-vertical .p-slider-handle { - margin-left: -10px; - margin-bottom: -10px; -} -.p-slider .p-slider-handle { - height: 20px; - width: 20px; - background: #CE93D8; - border: 0 none; - border-radius: 50%; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-slider .p-slider-handle:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-slider .p-slider-range { - background: #CE93D8; -} -.p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #CE93D8; - border-color: 0 none; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), left 0.2s; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { - transition: width 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), bottom 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { - transition: height 0.2s; -} - -.p-togglebutton.p-button { - background: #2f2f2f; - border: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-togglebutton.p-button .p-button-icon-left, -.p-togglebutton.p-button .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { - background: #373737; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-togglebutton.p-button.p-highlight { - background: #1c1c1c; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.p-togglebutton.p-button.p-highlight .p-button-icon-left, -.p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-togglebutton.p-button.p-highlight:hover { - background: #262626; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} - -p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #f44435; -} - -.p-treeselect { - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.3); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; -} -.p-treeselect:not(.p-disabled):hover { - border-color: rgba(255, 255, 255, 0.6); -} -.p-treeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #CE93D8; -} -.p-treeselect .p-treeselect-label { - padding: 0.75rem 0.75rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-treeselect .p-treeselect-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-treeselect.p-treeselect-chip .p-treeselect-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; -} -.p-treeselect .p-treeselect-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2.75rem; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -p-treeselect.ng-invalid.ng-dirty > .p-treeselect { - border-color: #f44435; -} - -.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { - padding: 0.375rem 0.75rem; -} - -.p-treeselect-panel { - background: #2b2b2b; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { - border: 0 none; -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { - padding: 0.75rem 0.75rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} - -.p-input-filled .p-treeselect { - background: rgba(255, 255, 255, 0.06); -} -.p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); -} -.p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.p-button { - color: #121212; - background: #CE93D8; - border: 0 none; - padding: 0.643rem 0.75rem; - font-size: 1rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; -} -.p-button:enabled:hover { - background: rgba(206, 147, 216, 0.92); - color: #121212; - border-color: transparent; -} -.p-button:enabled:active { - background: rgba(206, 147, 216, 0.68); - color: #121212; - border-color: transparent; -} -.p-button.p-button-outlined { - background-color: transparent; - color: #CE93D8; - border: 0 none; -} -.p-button.p-button-outlined:enabled:hover { - background: rgba(206, 147, 216, 0.04); - color: #CE93D8; - border: 0 none; -} -.p-button.p-button-outlined:enabled:active { - background: rgba(206, 147, 216, 0.16); - color: #CE93D8; - border: 0 none; -} -.p-button.p-button-outlined.p-button-plain { - color: rgba(255, 255, 255, 0.6); - border-color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-outlined.p-button-plain:enabled:hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-outlined.p-button-plain:enabled:active { - background: rgba(255, 255, 255, 0.16); - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-text { - background-color: transparent; - color: #CE93D8; - border-color: transparent; -} -.p-button.p-button-text:enabled:hover { - background: rgba(206, 147, 216, 0.04); - color: #CE93D8; - border-color: transparent; -} -.p-button.p-button-text:enabled:active { - background: rgba(206, 147, 216, 0.16); - color: #CE93D8; - border-color: transparent; -} -.p-button.p-button-text.p-button-plain { - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-text.p-button-plain:enabled:hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-text.p-button-plain:enabled:active { - background: rgba(255, 255, 255, 0.16); - color: rgba(255, 255, 255, 0.6); -} -.p-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-button .p-button-icon-left { - margin-right: 0.5rem; -} -.p-button .p-button-icon-right { - margin-left: 0.5rem; -} -.p-button .p-button-icon-bottom { - margin-top: 0.5rem; -} -.p-button .p-button-icon-top { - margin-bottom: 0.5rem; -} -.p-button .p-badge { - margin-left: 0.5rem; - min-width: 1rem; - height: 1rem; - line-height: 1rem; - color: #CE93D8; - background-color: #121212; -} -.p-button.p-button-raised { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -} -.p-button.p-button-rounded { - border-radius: 2rem; -} -.p-button.p-button-icon-only { - width: 2.75rem; - padding: 0.643rem; -} -.p-button.p-button-icon-only .p-button-icon-left, -.p-button.p-button-icon-only .p-button-icon-right { - margin: 0; -} -.p-button.p-button-icon-only.p-button-rounded { - border-radius: 50%; - height: 2.75rem; -} -.p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.562625rem 0.65625rem; -} -.p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; -} -.p-button.p-button-lg { - font-size: 1.25rem; - padding: 0.80375rem 0.9375rem; -} -.p-button.p-button-lg .p-button-icon { - font-size: 1.25rem; -} -.p-button.p-button-loading-label-only .p-button-label { - margin-left: 0.5rem; -} -.p-button.p-button-loading-label-only .p-button-loading-icon { - margin-right: 0; -} - -.p-fluid .p-button { - width: 100%; -} -.p-fluid .p-button-icon-only { - width: 2.75rem; -} -.p-fluid .p-buttonset { - display: flex; -} -.p-fluid .p-buttonset .p-button { - flex: 1; -} - -.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { - color: #121212; - background: #A5D6A7; - border: 0 none; -} -.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { - background: rgba(165, 214, 167, 0.92); - color: #121212; - border-color: transparent; -} -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - box-shadow: none; -} -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: rgba(165, 214, 167, 0.68); - color: #121212; - border-color: transparent; -} -.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { - background-color: transparent; - color: #A5D6A7; - border: 0 none; -} -.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { - background: rgba(165, 214, 167, 0.04); - color: #A5D6A7; - border: 0 none; -} -.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { - background: rgba(165, 214, 167, 0.16); - color: #A5D6A7; - border: 0 none; -} -.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { - background-color: transparent; - color: #A5D6A7; - border-color: transparent; -} -.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { - background: rgba(165, 214, 167, 0.04); - border-color: transparent; - color: #A5D6A7; -} -.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { - background: rgba(165, 214, 167, 0.16); - border-color: transparent; - color: #A5D6A7; -} - -.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { - color: #212121; - background: #90CAF9; - border: 0 none; -} -.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { - background: rgba(144, 202, 249, 0.92); - color: #212121; - border-color: transparent; -} -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { - box-shadow: none; -} -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: rgba(144, 202, 249, 0.68); - color: #212121; - border-color: transparent; -} -.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { - background-color: transparent; - color: #90CAF9; - border: 0 none; -} -.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { - background: rgba(144, 202, 249, 0.04); - color: #90CAF9; - border: 0 none; -} -.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { - background: rgba(144, 202, 249, 0.16); - color: #90CAF9; - border: 0 none; -} -.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { - background-color: transparent; - color: #90CAF9; - border-color: transparent; -} -.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { - background: rgba(144, 202, 249, 0.04); - border-color: transparent; - color: #90CAF9; -} -.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { - background: rgba(144, 202, 249, 0.16); - border-color: transparent; - color: #90CAF9; -} - -.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { - color: #212121; - background: #C5E1A5; - border: 0 none; -} -.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { - background: rgba(197, 225, 165, 0.92); - color: #212121; - border-color: transparent; -} -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { - box-shadow: none; -} -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: rgba(197, 225, 165, 0.68); - color: #212121; - border-color: transparent; -} -.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { - background-color: transparent; - color: #C5E1A5; - border: 0 none; -} -.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { - background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; - border: 0 none; -} -.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { - background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; - border: 0 none; -} -.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { - background-color: transparent; - color: #C5E1A5; - border-color: transparent; -} -.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { - background: rgba(197, 225, 165, 0.04); - border-color: transparent; - color: #C5E1A5; -} -.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { - background: rgba(197, 225, 165, 0.16); - border-color: transparent; - color: #C5E1A5; -} - -.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { - color: #212121; - background: #FFF59D; - border: 0 none; -} -.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { - background: rgba(255, 245, 157, 0.92); - color: #212121; - border-color: transparent; -} -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { - box-shadow: none; -} -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: rgba(255, 245, 157, 0.68); - color: #212121; - border-color: transparent; -} -.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { - background-color: transparent; - color: #FFF59D; - border: 0 none; -} -.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { - background: rgba(255, 245, 157, 0.04); - color: #FFF59D; - border: 0 none; -} -.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { - background: rgba(255, 245, 157, 0.16); - color: #FFF59D; - border: 0 none; -} -.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { - background-color: transparent; - color: #FFF59D; - border-color: transparent; -} -.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { - background: rgba(255, 245, 157, 0.04); - border-color: transparent; - color: #FFF59D; -} -.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { - background: rgba(255, 245, 157, 0.16); - border-color: transparent; - color: #FFF59D; -} - -.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { - color: #212121; - background: #CE93D8; - border: 0 none; -} -.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { - background: rgba(206, 147, 216, 0.92); - color: #212121; - border-color: transparent; -} -.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - box-shadow: none; -} -.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: rgba(206, 147, 216, 0.68); - color: #212121; - border-color: transparent; -} -.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { - background-color: transparent; - color: #CE93D8; - border: 0 none; -} -.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { - background: rgba(206, 147, 216, 0.04); - color: #CE93D8; - border: 0 none; -} -.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { - background: rgba(206, 147, 216, 0.16); - color: #CE93D8; - border: 0 none; -} -.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { - background-color: transparent; - color: #CE93D8; - border-color: transparent; -} -.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { - background: rgba(206, 147, 216, 0.04); - border-color: transparent; - color: #CE93D8; -} -.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { - background: rgba(206, 147, 216, 0.16); - border-color: transparent; - color: #CE93D8; -} - -.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { - color: #212121; - background: #EF9A9A; - border: 0 none; -} -.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { - background: rgba(239, 154, 154, 0.92); - color: #212121; - border-color: transparent; -} -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { - box-shadow: none; -} -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: rgba(239, 154, 154, 0.68); - color: #212121; - border-color: transparent; -} -.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { - background-color: transparent; - color: #EF9A9A; - border: 0 none; -} -.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { - background: rgba(239, 154, 154, 0.04); - color: #EF9A9A; - border: 0 none; -} -.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { - background: rgba(239, 154, 154, 0.16); - color: #EF9A9A; - border: 0 none; -} -.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { - background-color: transparent; - color: #EF9A9A; - border-color: transparent; -} -.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { - background: rgba(239, 154, 154, 0.04); - border-color: transparent; - color: #EF9A9A; -} -.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { - background: rgba(239, 154, 154, 0.16); - border-color: transparent; - color: #EF9A9A; -} - -.p-button.p-button-link { - color: #CE93D8; - background: transparent; - border: transparent; -} -.p-button.p-button-link:enabled:hover { - background: transparent; - color: #CE93D8; - border-color: transparent; -} -.p-button.p-button-link:enabled:hover .p-button-label { - text-decoration: underline; -} -.p-button.p-button-link:enabled:focus { - background: transparent; - box-shadow: none; - border-color: transparent; -} -.p-button.p-button-link:enabled:active { - background: transparent; - color: #CE93D8; - border-color: transparent; -} - -.p-speeddial-button.p-button.p-button-icon-only { - width: 4rem; - height: 4rem; -} -.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { - font-size: 2rem; -} - -.p-speeddial-action { - width: 3rem; - height: 3rem; - background: #A5D6A7; - color: #212121; -} -.p-speeddial-action:hover { - background: rgba(165, 214, 167, 0.92); - color: #212121; -} - -.p-speeddial-direction-up .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-up .p-speeddial-item:first-child { - margin-bottom: 0.5rem; -} - -.p-speeddial-direction-down .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-down .p-speeddial-item:first-child { - margin-top: 0.5rem; -} - -.p-speeddial-direction-left .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-left .p-speeddial-item:first-child { - margin-right: 0.5rem; -} - -.p-speeddial-direction-right .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-right .p-speeddial-item:first-child { - margin-left: 0.5rem; -} - -.p-speeddial-circle .p-speeddial-item, -.p-speeddial-semi-circle .p-speeddial-item, -.p-speeddial-quarter-circle .p-speeddial-item { - margin: 0; -} -.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, -.p-speeddial-semi-circle .p-speeddial-item:first-child, -.p-speeddial-semi-circle .p-speeddial-item:last-child, -.p-speeddial-quarter-circle .p-speeddial-item:first-child, -.p-speeddial-quarter-circle .p-speeddial-item:last-child { - margin: 0; -} - -.p-speeddial-mask { - background-color: rgba(0, 0, 0, 0.32); -} - -.p-carousel .p-carousel-content .p-carousel-prev, -.p-carousel .p-carousel-content .p-carousel-next { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin: 0.5rem; -} -.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, -.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); -} -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-carousel .p-carousel-indicators { - padding: 1rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator { - margin-right: 0.5rem; - margin-bottom: 0.5rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: rgba(255, 255, 255, 0.3); - width: 2rem; - height: 0.5rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 0; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { - background: rgba(255, 255, 255, 0.6); -} -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: rgba(206, 147, 216, 0.16); - color: #CE93D8; -} - -.p-datatable .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-datatable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-datatable .p-datatable-header { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.12); - border-width: 0 0 1px 0; - padding: 0.75rem 0.75rem; - font-weight: 500; -} -.p-datatable .p-datatable-footer { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #404040; - border-width: 0 0 1px 0; - padding: 0.75rem 0.75rem; - font-weight: 500; -} -.p-datatable .p-datatable-thead > tr > th { - text-align: left; - padding: 0.75rem 0.75rem; - border: 1px solid #404040; - border-width: 0 0 1px 0; - font-weight: 500; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - transition: none; -} -.p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 0.75rem 0.75rem; - border: 1px solid 3404040; - border-width: 0 0 1px 0; - font-weight: 500; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; -} -.p-datatable .p-sortable-column .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: #CE93D8; - background: rgba(206, 147, 216, 0.16); - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-datatable .p-sortable-column.p-highlight { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column.p-highlight:hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column:focus { - box-shadow: none; - outline: 0 none; -} -.p-datatable .p-datatable-tbody > tr { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - transition: none; - outline-color: transparent; -} -.p-datatable .p-datatable-tbody > tr > td { - text-align: left; - border: 1px solid #404040; - border-width: 0 0 1px 0; - padding: 0.75rem 0.75rem; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { - margin-right: 0.5rem; -} -.p-datatable .p-datatable-tbody > tr.p-highlight { - background: rgba(206, 147, 216, 0.16); - color: #CE93D8; -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 rgba(206, 147, 216, 0.16); -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 rgba(206, 147, 216, 0.16); -} -.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-column-resizer-helper { - background: #CE93D8; -} -.p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #1e1e1e; -} -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot { - background-color: #1e1e1e; -} -.p-datatable .p-datatable-loading-icon { - font-size: 2rem; -} -.p-datatable.p-datatable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-footer { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-top { - border-width: 0 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-bottom { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { - background: rgba(255, 255, 255, 0.02); -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: rgba(206, 147, 216, 0.16); - color: #CE93D8; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: #CE93D8; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: #CE93D8; -} -.p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.375rem 0.375rem; -} -.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.375rem 0.375rem; -} -.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.375rem 0.375rem; -} -.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.375rem 0.375rem; -} -.p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.375rem 0.375rem; -} -.p-datatable.p-datatable-lg .p-datatable-header { - padding: 0.9375rem 0.9375rem; -} -.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { - padding: 0.9375rem 0.9375rem; -} -.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { - padding: 0.9375rem 0.9375rem; -} -.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { - padding: 0.9375rem 0.9375rem; -} -.p-datatable.p-datatable-lg .p-datatable-footer { - padding: 0.9375rem 0.9375rem; -} - -.p-dataview .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-dataview .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-dataview .p-dataview-header { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.12); - border-width: 0 0 1px 0; - padding: 0.75rem 0.75rem; - font-weight: 500; -} -.p-dataview .p-dataview-content { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0.75rem; -} -.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid rgba(255, 255, 255, 0.12); - border-width: 0 0 1px 0; -} -.p-dataview .p-dataview-footer { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #404040; - border-width: 0 0 1px 0; - padding: 0.75rem 0.75rem; - font-weight: 500; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; -} -.p-dataview .p-dataview-loading-icon { - font-size: 2rem; -} -.p-dataview .p-dataview-emptymessage { - padding: 0.75rem; -} - -.p-column-filter-row .p-column-filter-menu-button, -.p-column-filter-row .p-column-filter-clear-button { - margin-left: 0.5rem; -} - -.p-column-filter-menu-button { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-menu-button:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); -} -.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.6); -} -.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: rgba(206, 147, 216, 0.16); - color: #CE93D8; -} -.p-column-filter-menu-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-column-filter-clear-button { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-clear-button:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); -} -.p-column-filter-clear-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-column-filter-overlay { - background: #2b2b2b; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - min-width: 12.5rem; -} -.p-column-filter-overlay .p-column-filter-row-items { - padding: 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { - margin: 0; - padding: 0.75rem 0.75rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: none; - border-radius: 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: #CE93D8; - background: rgba(206, 147, 216, 0.16); -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid rgba(255, 255, 255, 0.12); - margin: 0.5rem 0; -} - -.p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.75rem; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - background: #2b2b2b; - margin: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-column-filter-overlay-menu .p-column-filter-constraint { - padding: 0.75rem; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { - margin-bottom: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { - margin-top: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { - border-bottom: 0 none; -} -.p-column-filter-overlay-menu .p-column-filter-add-rule { - padding: 0.75rem 0.75rem; -} -.p-column-filter-overlay-menu .p-column-filter-buttonbar { - padding: 0.75rem; -} - -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid rgba(255, 255, 255, 0.12); -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid rgba(255, 255, 255, 0.12); -} -.fc.fc-unthemed .fc-view-container .fc-event { - background: rgba(206, 147, 216, 0.16); - border: 1px solid rgba(206, 147, 216, 0.16); - color: #CE93D8; -} -.fc.fc-unthemed .fc-view-container .fc-divider { - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.12); -} -.fc.fc-unthemed .fc-toolbar .fc-button { - color: #121212; - background: #CE93D8; - border: 0 none; - font-size: 1rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; - display: flex; - align-items: center; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: rgba(206, 147, 216, 0.92); - color: #121212; - border-color: transparent; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: rgba(206, 147, 216, 0.68); - color: #121212; - border-color: transparent; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #2f2f2f; - border: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #373737; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #1c1c1c; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #262626; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - z-index: 1; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} -.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: rgba(255, 255, 255, 0.12); -} -.fc.fc-theme-standard .fc-view-harness th { - background: #1e1e1e; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness td { - color: rgba(255, 255, 255, 0.87); - border-color: rgba(255, 255, 255, 0.12); -} -.fc.fc-theme-standard .fc-view-harness .fc-view { - background: #1e1e1e; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0.75rem; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 0.75rem; - border: 1px solid rgba(255, 255, 255, 0.12); - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #CE93D8; - background: rgba(206, 147, 216, 0.16); - border-color: rgba(206, 147, 216, 0.16); -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #CE93D8; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: rgba(206, 147, 216, 0.16); - border-color: rgba(206, 147, 216, 0.16); -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #1e1e1e; -} -.fc.fc-theme-standard .fc-toolbar .fc-button { - color: #121212; - background: #CE93D8; - border: 0 none; - font-size: 1rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: rgba(206, 147, 216, 0.92); - color: #121212; - border-color: transparent; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: rgba(206, 147, 216, 0.68); - color: #121212; - border-color: transparent; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.38; - color: #121212; - background: #CE93D8; - border: 0 none; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #2f2f2f; - border: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #373737; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #1c1c1c; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #262626; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - z-index: 1; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} -.fc.fc-theme-standard a { - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-highlight { - color: #CE93D8; - background: rgba(206, 147, 216, 0.16); -} - -.p-orderlist .p-orderlist-controls { - padding: 0.75rem; -} -.p-orderlist .p-orderlist-controls .p-button { - margin-bottom: 0.5rem; -} -.p-orderlist .p-orderlist-header { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0.75rem; - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-orderlist .p-orderlist-header .p-orderlist-title { - font-weight: 500; -} -.p-orderlist .p-orderlist-filter-container { - padding: 0.75rem; - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 0 none; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { - padding-right: 1.75rem; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} -.p-orderlist .p-orderlist-list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - padding: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-orderlist .p-orderlist-list .p-orderlist-item { - padding: 0.75rem 0.75rem; - margin: 0; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: none; -} -.p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #CE93D8; - background: rgba(206, 147, 216, 0.16); -} -.p-orderlist .p-orderlist-list .p-orderlist-empty-message { - padding: 0.75rem 0.75rem; - color: rgba(255, 255, 255, 0.87); -} -.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} - -.p-orderlist-item.cdk-drag-preview { - padding: 0.75rem 0.75rem; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - margin: 0; -} - -.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-organizationchart .p-organizationchart-node-content.p-highlight { - background: rgba(206, 147, 216, 0.16); - color: #CE93D8; -} -.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: rgba(157, 62, 173, 0.16); -} -.p-organizationchart .p-organizationchart-line-down { - background: rgba(255, 255, 255, 0.12); -} -.p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-color: rgba(255, 255, 255, 0.12); -} -.p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-color: rgba(255, 255, 255, 0.12); -} -.p-organizationchart .p-organizationchart-node-content { - border: 1px solid rgba(255, 255, 255, 0.12); - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler { - background: inherit; - color: inherit; - border-radius: 50%; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-paginator { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: solid #404040; - border-width: 0; - padding: 0.375rem 0.75rem; - border-radius: 4px; -} -.p-paginator .p-paginator-first, -.p-paginator .p-paginator-prev, -.p-paginator .p-paginator-next, -.p-paginator .p-paginator-last { - background-color: transparent; - border: 0 none; - color: rgba(255, 255, 255, 0.6); - min-width: 3rem; - height: 3rem; - margin: 0.143rem; - transition: none; - border-radius: 50%; -} -.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - border-color: transparent; - color: rgba(255, 255, 255, 0.6); -} -.p-paginator .p-paginator-first { - border-top-left-radius: 50%; - border-bottom-left-radius: 50%; -} -.p-paginator .p-paginator-last { - border-top-right-radius: 50%; - border-bottom-right-radius: 50%; -} -.p-paginator .p-dropdown { - margin-left: 0.5rem; - margin-right: 0.5rem; - height: 3rem; -} -.p-paginator .p-dropdown .p-dropdown-label { - padding-right: 0; -} -.p-paginator .p-paginator-page-input { - margin-left: 0.5rem; - margin-right: 0.5rem; -} -.p-paginator .p-paginator-page-input .p-inputtext { - max-width: 3rem; -} -.p-paginator .p-paginator-current { - background-color: transparent; - border: 0 none; - color: rgba(255, 255, 255, 0.6); - min-width: 3rem; - height: 3rem; - margin: 0.143rem; - padding: 0 0.5rem; -} -.p-paginator .p-paginator-pages .p-paginator-page { - background-color: transparent; - border: 0 none; - color: rgba(255, 255, 255, 0.6); - min-width: 3rem; - height: 3rem; - margin: 0.143rem; - transition: none; - border-radius: 50%; -} -.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: rgba(206, 147, 216, 0.16); - border-color: rgba(206, 147, 216, 0.16); - color: #CE93D8; -} -.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - border-color: transparent; - color: rgba(255, 255, 255, 0.6); -} - -.p-picklist .p-picklist-buttons { - padding: 0.75rem; -} -.p-picklist .p-picklist-buttons .p-button { - margin-bottom: 0.5rem; -} -.p-picklist .p-picklist-header { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0.75rem; - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-picklist .p-picklist-header .p-picklist-title { - font-weight: 500; -} -.p-picklist .p-picklist-filter-container { - padding: 0.75rem; - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 0 none; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-input { - padding-right: 1.75rem; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} -.p-picklist .p-picklist-list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - padding: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-picklist .p-picklist-list .p-picklist-item { - padding: 0.75rem 0.75rem; - margin: 0; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: none; -} -.p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: #CE93D8; - background: rgba(206, 147, 216, 0.16); -} -.p-picklist .p-picklist-list .p-picklist-empty-message { - padding: 0.75rem 0.75rem; - color: rgba(255, 255, 255, 0.87); -} -.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} - -.p-picklist-item.cdk-drag-preview { - padding: 0.75rem 0.75rem; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - margin: 0; -} - -.p-timeline .p-timeline-event-marker { - border: 0 none; - border-radius: 50%; - width: 1rem; - height: 1rem; - background-color: #bdbdbd; -} -.p-timeline .p-timeline-event-connector { - background-color: #bdbdbd; -} -.p-timeline.p-timeline-vertical .p-timeline-event-opposite, -.p-timeline.p-timeline-vertical .p-timeline-event-content { - padding: 0 1rem; -} -.p-timeline.p-timeline-vertical .p-timeline-event-connector { - width: 2px; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, -.p-timeline.p-timeline-horizontal .p-timeline-event-content { - padding: 1rem 0; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-connector { - height: 2px; -} - -.p-tree { - border: 1px solid rgba(255, 255, 255, 0.12); - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem; - border-radius: 4px; -} -.p-tree .p-tree-container .p-treenode { - padding: 0.25rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content { - border-radius: 4px; - transition: none; - padding: 0.25rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { - margin-right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: rgba(206, 147, 216, 0.16); - color: #CE93D8; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #CE93D8; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { - color: #CE93D8; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-filter-container { - margin-bottom: 0.5rem; -} -.p-tree .p-tree-filter-container .p-tree-filter { - width: 100%; - padding-right: 1.75rem; -} -.p-tree .p-tree-filter-container .p-tree-filter-icon { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} -.p-tree .p-treenode-children { - padding: 0 0 0 1rem; -} -.p-tree .p-tree-loading-icon { - font-size: 2rem; -} -.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: rgba(182, 94, 197, 0.16); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { - border-radius: 4px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - padding: 0.25rem; - transition: none; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { - background-color: rgba(206, 147, 216, 0.16); - color: #CE93D8; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #CE93D8; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { - background-color: inherit; - color: inherit; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-treetable .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-treetable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-treetable .p-treetable-header { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.12); - border-width: 0 0 1px 0; - padding: 0.75rem 0.75rem; - font-weight: 500; -} -.p-treetable .p-treetable-footer { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #404040; - border-width: 0 0 1px 0; - padding: 0.75rem 0.75rem; - font-weight: 500; -} -.p-treetable .p-treetable-thead > tr > th { - text-align: left; - padding: 0.75rem 0.75rem; - border: 1px solid #404040; - border-width: 0 0 1px 0; - font-weight: 500; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - transition: none; -} -.p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 0.75rem 0.75rem; - border: 1px solid 3404040; - border-width: 0 0 1px 0; - font-weight: 500; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; -} -.p-treetable .p-sortable-column { - outline-color: transparent; -} -.p-treetable .p-sortable-column .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: #CE93D8; - background: rgba(206, 147, 216, 0.16); - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-treetable .p-sortable-column.p-highlight { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-treetable-tbody > tr { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - transition: none; - outline-color: transparent; -} -.p-treetable .p-treetable-tbody > tr > td { - text-align: left; - border: 1px solid #404040; - border-width: 0 0 1px 0; - padding: 0.75rem 0.75rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-treetable-tbody > tr.p-highlight { - background: rgba(206, 147, 216, 0.16); - color: #CE93D8; -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: #CE93D8; -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: #CE93D8; -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-column-resizer-helper { - background: #CE93D8; -} -.p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #1e1e1e; -} -.p-treetable .p-treetable-loading-icon { - font-size: 2rem; -} -.p-treetable.p-treetable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-footer { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-top { - border-width: 0 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-bottom { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-sm .p-treetable-header { - padding: 0.65625rem 0.65625rem; -} -.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { - padding: 0.375rem 0.375rem; -} -.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { - padding: 0.375rem 0.375rem; -} -.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { - padding: 0.375rem 0.375rem; -} -.p-treetable.p-treetable-sm .p-treetable-footer { - padding: 0.375rem 0.375rem; -} -.p-treetable.p-treetable-lg .p-treetable-header { - padding: 0.9375rem 0.9375rem; -} -.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { - padding: 0.9375rem 0.9375rem; -} -.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { - padding: 0.9375rem 0.9375rem; -} -.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { - padding: 0.9375rem 0.9375rem; -} -.p-treetable.p-treetable-lg .p-treetable-footer { - padding: 0.9375rem 0.9375rem; -} - -.p-virtualscroller .p-virtualscroller-header { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.12); - border-width: 0 0 1px 0; - padding: 0.75rem 0.75rem; - font-weight: 500; -} -.p-virtualscroller .p-virtualscroller-content { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0.75rem; -} -.p-virtualscroller .p-virtualscroller-footer { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #404040; - border-width: 0 0 1px 0; - padding: 0.75rem 0.75rem; - font-weight: 500; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-accordion .p-accordion-header .p-accordion-header-link { - padding: 1.25rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - font-weight: 400; - border-radius: 4px; - transition: none; -} -.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { - margin-right: 0.5rem; -} -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { - background: rgba(255, 255, 255, 0.04); - border-color: transparent; - color: rgba(255, 255, 255, 0.87); -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #1e1e1e; - border-color: transparent; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-color: transparent; - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-accordion .p-accordion-content { - padding: 0.75rem 1.25rem; - border: 0 none; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-accordion p-accordiontab .p-accordion-tab { - margin-bottom: 0; -} -.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { - border-radius: 0; -} -.p-accordion p-accordiontab .p-accordion-content { - border-radius: 0; -} -.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { - border-top: 0 none; -} -.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-top: 0 none; -} -.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-accordion p-accordiontab:last-child .p-accordion-content { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-card { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); - border-radius: 4px; -} -.p-card .p-card-body { - padding: 0.75rem; -} -.p-card .p-card-title { - font-size: 1.5rem; - font-weight: 700; - margin-bottom: 0.5rem; -} -.p-card .p-card-subtitle { - font-weight: 400; - margin-bottom: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-card .p-card-content { - padding: 0.75rem 0; -} -.p-card .p-card-footer { - padding: 0.75rem 0 0 0; -} - -.p-divider .p-divider-content { - background-color: #1e1e1e; -} -.p-divider.p-divider-horizontal { - margin: 1.25rem 0; - padding: 0 1.25rem; -} -.p-divider.p-divider-horizontal:before { - border-top: 1px rgba(255, 255, 255, 0.12); -} -.p-divider.p-divider-horizontal .p-divider-content { - padding: 0 0.5rem; -} -.p-divider.p-divider-vertical { - margin: 0 1.25rem; - padding: 1.25rem 0; -} -.p-divider.p-divider-vertical:before { - border-left: 1px rgba(255, 255, 255, 0.12); -} -.p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; -} - -.p-fieldset { - border: 1px solid rgba(255, 255, 255, 0.12); - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-radius: 4px; -} -.p-fieldset .p-fieldset-legend { - padding: 0.75rem; - border: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - font-weight: 500; - border-radius: 4px; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { - padding: 0; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { - padding: 0.75rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 4px; - transition: none; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { - margin-right: 0.5rem; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: rgba(255, 255, 255, 0.04); - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.p-fieldset .p-fieldset-content { - padding: 0.75rem; -} - -.p-panel .p-panel-header { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0.75rem; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-panel .p-panel-header .p-panel-title { - font-weight: 500; -} -.p-panel .p-panel-header .p-panel-header-icon { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); -} -.p-panel .p-panel-header .p-panel-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-panel.p-panel-toggleable .p-panel-header { - padding: 0.5rem 1rem; -} -.p-panel .p-panel-content { - padding: 0.75rem; - border: 1px solid rgba(255, 255, 255, 0.12); - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - border-top: 0 none; -} -.p-panel .p-panel-footer { - padding: 0.75rem 0.75rem; - border: 1px solid rgba(255, 255, 255, 0.12); - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; -} - -.p-scrollpanel .p-scrollpanel-bar { - background: rgba(255, 255, 255, 0.12); - border: 0 none; -} - -.p-splitter { - border: 1px solid rgba(255, 255, 255, 0.12); - background: #1e1e1e; - border-radius: 4px; - color: rgba(255, 255, 255, 0.87); -} -.p-splitter .p-splitter-gutter { - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - background: rgba(255, 255, 255, 0.04); -} -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: rgba(255, 255, 255, 0.12); -} -.p-splitter .p-splitter-gutter-resizing { - background: rgba(255, 255, 255, 0.12); -} - -.p-tabview .p-tabview-nav { - background: transparent; - border: solid rgba(255, 255, 255, 0.12); - border-width: 0 0 1px 0; -} -.p-tabview .p-tabview-nav li { - margin-right: 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid rgba(255, 255, 255, 0.12); - border-width: 0 0 1px 0; - border-color: transparent transparent rgba(255, 255, 255, 0.12) transparent; - background: transparent; - color: rgba(255, 255, 255, 0.6); - padding: 0.75rem 1.25rem; - font-weight: 500; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - transition: none; - margin: 0 0 0 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset none; -} -.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: rgba(206, 147, 216, 0.04); - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.6); -} -.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: transparent; - border-color: rgba(255, 255, 255, 0.12); - color: #CE93D8; -} -.p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; -} -.p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-close { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-nav-btn.p-link { - background: transparent; - color: #CE93D8; - width: 2.75rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; -} -.p-tabview .p-tabview-nav-btn.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset none; -} -.p-tabview .p-tabview-panels { - background: transparent; - padding: 0.75rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-toolbar { - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0.75rem; - border-radius: 4px; -} -.p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; -} - -.p-confirm-popup { - background: #262626; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-confirm-popup .p-confirm-popup-content { - padding: 0.75rem; -} -.p-confirm-popup .p-confirm-popup-footer { - text-align: right; - padding: 0.75rem 0.75rem; -} -.p-confirm-popup .p-confirm-popup-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-confirm-popup .p-confirm-popup-footer button:last-child { - margin: 0; -} -.p-confirm-popup:after { - border: solid transparent; - border-color: rgba(38, 38, 38, 0); - border-bottom-color: #262626; -} -.p-confirm-popup:before { - border: solid transparent; - border-color: rgba(38, 38, 38, 0); - border-bottom-color: #262626; -} -.p-confirm-popup.p-confirm-popup-flipped:after { - border-top-color: #262626; -} -.p-confirm-popup.p-confirm-popup-flipped:before { - border-top-color: #262626; -} -.p-confirm-popup .p-confirm-popup-icon { - font-size: 1.5rem; -} -.p-confirm-popup .p-confirm-popup-message { - margin-left: 1rem; -} - -.p-dialog { - border-radius: 4px; - box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); - border: 0 none; -} -.p-dialog .p-dialog-header { - border-bottom: 0 none; - background: #262626; - color: rgba(255, 255, 255, 0.87); - padding: 1.25rem; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-dialog .p-dialog-header .p-dialog-title { - font-weight: 500; - font-size: 1.25rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); -} -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { - margin-right: 0; -} -.p-dialog .p-dialog-content { - background: #262626; - color: rgba(255, 255, 255, 0.87); - padding: 0 1.25rem 1.25rem 1.25rem; -} -.p-dialog .p-dialog-footer { - border-top: 0 none; - background: #262626; - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - text-align: right; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-dialog .p-dialog-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { - font-size: 2rem; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; -} - -.p-overlaypanel { - background: #262626; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-overlaypanel .p-overlaypanel-content { - padding: 0.75rem; -} -.p-overlaypanel .p-overlaypanel-close { - background: #CE93D8; - color: #121212; - width: 2rem; - height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; - position: absolute; - top: -1rem; - right: -1rem; -} -.p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: rgba(206, 147, 216, 0.92); - color: #121212; -} -.p-overlaypanel:after { - border: solid transparent; - border-color: rgba(38, 38, 38, 0); - border-bottom-color: #262626; -} -.p-overlaypanel:before { - border: solid transparent; - border-color: rgba(38, 38, 38, 0); - border-bottom-color: #262626; -} -.p-overlaypanel.p-overlaypanel-flipped:after { - border-top-color: #262626; -} -.p-overlaypanel.p-overlaypanel-flipped:before { - border-top-color: #262626; -} - -.p-sidebar { - background: #262626; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-sidebar .p-sidebar-header { - padding: 0.75rem; -} -.p-sidebar .p-sidebar-header .p-sidebar-close, -.p-sidebar .p-sidebar-header .p-sidebar-icon { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, -.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); -} -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-sidebar .p-sidebar-header + .p-sidebar-content { - padding-top: 0; -} -.p-sidebar .p-sidebar-content { - padding: 0.75rem; -} - -.p-tooltip .p-tooltip-text { - background: #444444; - color: rgba(255, 255, 255, 0.87); - padding: 0.5rem; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - border-radius: 4px; -} -.p-tooltip.p-tooltip-right .p-tooltip-arrow { - border-right-color: #444444; -} -.p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #444444; -} -.p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #444444; -} -.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #444444; -} - -.p-fileupload .p-fileupload-buttonbar { - background: #1e1e1e; - padding: 0.75rem; - border: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; -} -.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-fileupload .p-fileupload-content { - background: #1e1e1e; - padding: 2rem 1rem; - border: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-fileupload .p-progressbar { - height: 4px; -} -.p-fileupload .p-fileupload-row > div { - padding: 0.75rem 0.75rem; -} -.p-fileupload.p-fileupload-advanced .p-message { - margin-top: 0; -} - -.p-fileupload-choose:not(.p-disabled):hover { - background: rgba(206, 147, 216, 0.92); - color: #121212; - border-color: transparent; -} -.p-fileupload-choose:not(.p-disabled):active { - background: rgba(206, 147, 216, 0.68); - color: #121212; - border-color: transparent; -} - -.p-breadcrumb { - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 4px; - padding: 0.75rem; -} -.p-breadcrumb ul li .p-menuitem-link { - transition: none; - border-radius: 4px; -} -.p-breadcrumb ul li .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-breadcrumb ul li.p-breadcrumb-chevron { - margin: 0 0.5rem 0 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-breadcrumb ul li:last-child .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-breadcrumb ul li:last-child .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} - -.p-contextmenu { - padding: 0.5rem 0; - background: #2b2b2b; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 4px; - width: 12.5rem; -} -.p-contextmenu .p-menuitem-link { - padding: 0.75rem 0.75rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: none; - user-select: none; -} -.p-contextmenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-contextmenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-contextmenu .p-submenu-list { - padding: 0.5rem 0; - background: #2b2b2b; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 4px; -} -.p-contextmenu .p-menuitem { - margin: 0; -} -.p-contextmenu .p-menuitem:last-child { - margin: 0; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(255, 255, 255, 0.04); -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-contextmenu .p-menu-separator { - border-top: 1px solid rgba(255, 255, 255, 0.12); - margin: 0.5rem 0; -} -.p-contextmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-dock .p-dock-list { - background: rgba(255, 255, 255, 0.1); - border: 1px solid rgba(255, 255, 255, 0.2); - padding: 0.5rem 0.5rem; - border-radius: 0.5rem; -} -.p-dock .p-dock-item { - padding: 0.5rem; -} -.p-dock .p-dock-action { - width: 4rem; - height: 4rem; -} -.p-dock.p-dock-top .p-dock-item-second-prev, -.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, -.p-dock.p-dock-bottom .p-dock-item-second-next { - margin: 0 0.9rem; -} -.p-dock.p-dock-top .p-dock-item-prev, -.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, -.p-dock.p-dock-bottom .p-dock-item-next { - margin: 0 1.3rem; -} -.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { - margin: 0 1.5rem; -} -.p-dock.p-dock-left .p-dock-item-second-prev, -.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, -.p-dock.p-dock-right .p-dock-item-second-next { - margin: 0.9rem 0; -} -.p-dock.p-dock-left .p-dock-item-prev, -.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, -.p-dock.p-dock-right .p-dock-item-next { - margin: 1.3rem 0; -} -.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { - margin: 1.5rem 0; -} - -@media screen and (max-width: 960px) { - .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { - margin: auto 0; - } - .p-dock .p-dock-list .p-dock-item { - transform: none; - margin: 0; - } -} -.p-megamenu { - padding: 0.75rem; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 4px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 4px; - transition: none; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-megamenu .p-menuitem-link { - padding: 0.75rem 0.75rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: none; - user-select: none; -} -.p-megamenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-megamenu .p-megamenu-panel { - background: #2b2b2b; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-megamenu .p-megamenu-submenu-header { - margin: 0; - padding: 0.75rem; - color: rgba(255, 255, 255, 0.6); - background: transparent; - font-weight: 400; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-megamenu .p-megamenu-submenu { - padding: 0.5rem 0; - width: 12.5rem; -} -.p-megamenu .p-megamenu-submenu .p-menu-separator { - border-top: 1px solid rgba(255, 255, 255, 0.12); - margin: 0.5rem 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem { - margin: 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { - margin: 0; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(255, 255, 255, 0.04); -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.5rem 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem { - margin: 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { - margin: 0; -} - -.p-menu { - padding: 0.5rem 0; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 4px; - width: 12.5rem; -} -.p-menu .p-menuitem-link { - padding: 0.75rem 0.75rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: none; - user-select: none; -} -.p-menu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-menu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-menu.p-menu-overlay { - background: #2b2b2b; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-menu .p-submenu-header { - margin: 0; - padding: 0.75rem; - color: rgba(255, 255, 255, 0.6); - background: transparent; - font-weight: 400; - border-top-right-radius: 0; - border-top-left-radius: 0; -} -.p-menu .p-menu-separator { - border-top: 1px solid rgba(255, 255, 255, 0.12); - margin: 0.5rem 0; -} -.p-menu .p-menuitem { - margin: 0; -} -.p-menu .p-menuitem:last-child { - margin: 0; -} - -.p-menubar { - padding: 0.75rem; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 4px; -} -.p-menubar .p-menuitem-link { - padding: 0.75rem 0.75rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: none; - user-select: none; -} -.p-menubar .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-menubar .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 4px; - transition: none; - user-select: none; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menubar .p-submenu-list { - padding: 0.5rem 0; - background: #2b2b2b; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - width: 12.5rem; -} -.p-menubar .p-submenu-list .p-menu-separator { - border-top: 1px solid rgba(255, 255, 255, 0.12); - margin: 0.5rem 0; -} -.p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; -} -.p-menubar .p-submenu-list .p-menuitem { - margin: 0; -} -.p-menubar .p-submenu-list .p-menuitem:last-child { - margin: 0; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(255, 255, 255, 0.04); -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} - -@media screen and (max-width: 960px) { - .p-menubar { - position: relative; - } - .p-menubar .p-menubar-button { - display: flex; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-menubar .p-menubar-button:hover { - color: rgba(255, 255, 255, 0.6); - background: rgba(255, 255, 255, 0.04); - } - .p-menubar .p-menubar-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-menubar .p-menubar-root-list { - position: absolute; - display: none; - padding: 0.5rem 0; - background: #2b2b2b; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - width: 100%; - } - .p-menubar .p-menubar-root-list .p-menu-separator { - border-top: 1px solid rgba(255, 255, 255, 0.12); - margin: 0.5rem 0; - } - .p-menubar .p-menubar-root-list .p-submenu-icon { - font-size: 0.875rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 0.75rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: none; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - transition: transform 0.2s; - } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-180deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list { - width: 100%; - position: static; - box-shadow: none; - border: 0 none; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { - transition: transform 0.2s; - transform: rotate(90deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-90deg); - } - .p-menubar .p-menubar-root-list .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list ul li a { - padding-left: 2.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li a { - padding-left: 3.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li a { - padding-left: 5.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { - padding-left: 6.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { - padding-left: 8.25rem; - } - .p-menubar.p-menubar-mobile-active .p-menubar-root-list { - display: flex; - flex-direction: column; - top: 100%; - left: 0; - z-index: 1; - } -} -.p-panelmenu .p-panelmenu-header > a { - padding: 1.25rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - font-weight: 400; - border-radius: 4px; - transition: none; -} -.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { - background: rgba(255, 255, 255, 0.04); - border-color: transparent; - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight > a { - background: #1e1e1e; - border-color: transparent; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { - border-color: transparent; - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content { - padding: 0.5rem 0; - border: 0 none; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - margin-bottom: 0; - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 0.75rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: none; - user-select: none; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { - padding: 0 0 0 1rem; -} -.p-panelmenu .p-panelmenu-panel { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { - border-radius: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-content { - border-radius: 0; -} -.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { - border-top: 0 none; -} -.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { - border-top: 0 none; -} -.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-slidemenu { - padding: 0.5rem 0; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 4px; - width: 12.5rem; -} -.p-slidemenu .p-menuitem-link { - padding: 0.75rem 0.75rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: none; - user-select: none; -} -.p-slidemenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-slidemenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-slidemenu.p-slidemenu-overlay { - background: #2b2b2b; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-slidemenu .p-slidemenu-list { - padding: 0.5rem 0; - background: #2b2b2b; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { - background: rgba(255, 255, 255, 0.04); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-slidemenu .p-slidemenu-separator { - border-top: 1px solid rgba(255, 255, 255, 0.12); - margin: 0.5rem 0; -} -.p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; -} -.p-slidemenu .p-slidemenu-backward { - padding: 0.75rem 0.75rem; - color: rgba(255, 255, 255, 0.87); -} - -.p-steps .p-steps-item .p-menuitem-link { - background: transparent; - transition: none; - border-radius: 4px; - background: transparent; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-number { - color: rgba(255, 255, 255, 0.87); - border: 1px solid transparent; - background: transparent; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - z-index: 1; - border-radius: 50%; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-title { - margin-top: 0.5rem; - color: rgba(255, 255, 255, 0.87); -} -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-steps .p-steps-item.p-highlight .p-steps-number { - background: rgba(206, 147, 216, 0.16); - color: #CE93D8; -} -.p-steps .p-steps-item.p-highlight .p-steps-title { - font-weight: 500; - color: rgba(255, 255, 255, 0.87); -} -.p-steps .p-steps-item:before { - content: " "; - border-top: 1px solid rgba(255, 255, 255, 0.12); - width: 100%; - top: 50%; - left: 0; - display: block; - position: absolute; - margin-top: -1rem; -} - -.p-tabmenu .p-tabmenu-nav { - background: transparent; - border: solid rgba(255, 255, 255, 0.12); - border-width: 0 0 1px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { - margin-right: 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { - border: solid rgba(255, 255, 255, 0.12); - border-width: 0 0 1px 0; - border-color: transparent transparent rgba(255, 255, 255, 0.12) transparent; - background: transparent; - color: rgba(255, 255, 255, 0.6); - padding: 0.75rem 1.25rem; - font-weight: 500; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - transition: none; - margin: 0 0 0 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset none; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: rgba(206, 147, 216, 0.04); - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.6); -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: transparent; - border-color: rgba(255, 255, 255, 0.12); - color: #CE93D8; -} - -.p-tieredmenu { - padding: 0.5rem 0; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 4px; - width: 12.5rem; -} -.p-tieredmenu .p-menuitem-link { - padding: 0.75rem 0.75rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: none; - user-select: none; -} -.p-tieredmenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-tieredmenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-tieredmenu.p-tieredmenu-overlay { - background: #2b2b2b; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-tieredmenu .p-submenu-list { - padding: 0.5rem 0; - background: #2b2b2b; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-tieredmenu .p-menuitem { - margin: 0; -} -.p-tieredmenu .p-menuitem:last-child { - margin: 0; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(255, 255, 255, 0.04); -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-tieredmenu .p-menu-separator { - border-top: 1px solid rgba(255, 255, 255, 0.12); - margin: 0.5rem 0; -} -.p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-inline-message { - padding: 0.75rem 0.75rem; - margin: 0; - border-radius: 4px; -} -.p-inline-message.p-inline-message-info { - background: #B3E5FC; - border: solid transparent; - border-width: 1px; - color: #01579B; -} -.p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #01579B; -} -.p-inline-message.p-inline-message-success { - background: #C8E6C9; - border: solid transparent; - border-width: 1px; - color: #1B5E20; -} -.p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #1B5E20; -} -.p-inline-message.p-inline-message-warn { - background: #FFECB3; - border: solid transparent; - border-width: 1px; - color: #7f6003; -} -.p-inline-message.p-inline-message-warn .p-inline-message-icon { - color: #7f6003; -} -.p-inline-message.p-inline-message-error { - background: #FFCDD2; - border: solid transparent; - border-width: 1px; - color: #B71C1C; -} -.p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #B71C1C; -} -.p-inline-message .p-inline-message-icon { - font-size: 1rem; - margin-right: 0.5rem; -} -.p-inline-message .p-inline-message-text { - font-size: 1rem; -} -.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { - margin-right: 0; -} - -.p-message { - margin: 0.75rem 0; - border-radius: 4px; -} -.p-message .p-message-wrapper { - padding: 1rem 1.25rem; -} -.p-message .p-message-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-message .p-message-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-message.p-message-info { - background: #B3E5FC; - border: solid transparent; - border-width: 0 0 0 0; - color: #01579B; -} -.p-message.p-message-info .p-message-icon { - color: #01579B; -} -.p-message.p-message-info .p-message-close { - color: #01579B; -} -.p-message.p-message-success { - background: #C8E6C9; - border: solid transparent; - border-width: 0 0 0 0; - color: #1B5E20; -} -.p-message.p-message-success .p-message-icon { - color: #1B5E20; -} -.p-message.p-message-success .p-message-close { - color: #1B5E20; -} -.p-message.p-message-warn { - background: #FFECB3; - border: solid transparent; - border-width: 0 0 0 0; - color: #7f6003; -} -.p-message.p-message-warn .p-message-icon { - color: #7f6003; -} -.p-message.p-message-warn .p-message-close { - color: #7f6003; -} -.p-message.p-message-error { - background: #FFCDD2; - border: solid transparent; - border-width: 0 0 0 0; - color: #B71C1C; -} -.p-message.p-message-error .p-message-icon { - color: #B71C1C; -} -.p-message.p-message-error .p-message-close { - color: #B71C1C; -} -.p-message .p-message-text { - font-size: 1rem; - font-weight: 500; -} -.p-message .p-message-icon { - font-size: 1.5rem; - margin-right: 0.5rem; -} -.p-message .p-message-summary { - font-weight: 700; -} -.p-message .p-message-detail { - margin-left: 0.5rem; -} - -.p-toast { - opacity: 0.9; -} -.p-toast .p-toast-message { - margin: 0 0 1rem 0; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - border-radius: 4px; -} -.p-toast .p-toast-message .p-toast-message-content { - padding: 1.25rem; - border-width: 0 0 0 0; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { - margin: 0 0 0 1rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { - font-size: 2rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { - font-weight: 700; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { - margin: 0.5rem 0 0 0; -} -.p-toast .p-toast-message .p-toast-icon-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-toast .p-toast-message .p-toast-icon-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; - border: solid transparent; - border-width: 0 0 0 0; - color: #01579B; -} -.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { - color: #01579B; -} -.p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; - border: solid transparent; - border-width: 0 0 0 0; - color: #1B5E20; -} -.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { - color: #1B5E20; -} -.p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; - border: solid transparent; - border-width: 0 0 0 0; - color: #7f6003; -} -.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { - color: #7f6003; -} -.p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; - border: solid transparent; - border-width: 0 0 0 0; - color: #B71C1C; -} -.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { - color: #B71C1C; -} - -.p-galleria .p-galleria-close { - margin: 0.5rem; - background: transparent; - color: rgba(255, 255, 255, 0.87); - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-close .p-galleria-close-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-close:hover { - background: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.87); -} -.p-galleria .p-galleria-item-nav { - background: transparent; - color: rgba(255, 255, 255, 0.87); - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; - margin: 0 0.5rem; -} -.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, -.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.87); -} -.p-galleria .p-galleria-caption { - background: rgba(0, 0, 0, 0.5); - color: rgba(255, 255, 255, 0.87); - padding: 1rem; -} -.p-galleria .p-galleria-indicators { - padding: 1rem; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: rgba(255, 255, 255, 0.3); - width: 1.25rem; - height: 1.25rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { - background: rgba(255, 255, 255, 0.6); -} -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(206, 147, 216, 0.16); - color: #CE93D8; -} -.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { - margin-right: 0.5rem; -} -.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { - margin-bottom: 0.5rem; -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { - background: rgba(0, 0, 0, 0.5); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { - background: rgba(255, 255, 255, 0.3); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { - background: rgba(255, 255, 255, 0.6); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(206, 147, 216, 0.16); - color: #CE93D8; -} -.p-galleria .p-galleria-thumbnail-container { - background: rgba(0, 0, 0, 0.9); - padding: 1rem 0.25rem; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { - margin: 0.5rem; - background-color: transparent; - color: rgba(255, 255, 255, 0.87); - width: 2rem; - height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { - background: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.87); -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-galleria-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-preview-indicator { - background-color: transparent; - color: #f8f9fa; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} - -.p-image-preview-container:hover > .p-image-preview-indicator { - background-color: rgba(0, 0, 0, 0.5); -} - -.p-image-toolbar { - padding: 1rem; -} - -.p-image-action.p-link { - color: #f8f9fa; - background-color: transparent; - width: 3rem; - height: 3rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-image-action.p-link:last-child { - margin-right: 0; -} -.p-image-action.p-link:hover { - color: #f8f9fa; - background-color: rgba(255, 255, 255, 0.1); -} -.p-image-action.p-link i { - font-size: 1.5rem; -} - -.p-avatar { - background-color: rgba(255, 255, 255, 0.12); - border-radius: 4px; -} -.p-avatar.p-avatar-lg { - width: 3rem; - height: 3rem; - font-size: 1.5rem; -} -.p-avatar.p-avatar-lg .p-avatar-icon { - font-size: 1.5rem; -} -.p-avatar.p-avatar-xl { - width: 4rem; - height: 4rem; - font-size: 2rem; -} -.p-avatar.p-avatar-xl .p-avatar-icon { - font-size: 2rem; -} - -.p-avatar-group .p-avatar { - border: 2px solid #1e1e1e; -} - -.p-badge { - background: #CE93D8; - color: #121212; - font-size: 0.75rem; - font-weight: 700; - min-width: 1.5rem; - height: 1.5rem; - line-height: 1.5rem; -} -.p-badge.p-badge-secondary { - background-color: #A5D6A7; - color: #121212; -} -.p-badge.p-badge-success { - background-color: #C5E1A5; - color: #212121; -} -.p-badge.p-badge-info { - background-color: #90CAF9; - color: #212121; -} -.p-badge.p-badge-warning { - background-color: #FFF59D; - color: #212121; -} -.p-badge.p-badge-danger { - background-color: #EF9A9A; - color: #212121; -} -.p-badge.p-badge-lg { - font-size: 1.125rem; - min-width: 2.25rem; - height: 2.25rem; - line-height: 2.25rem; -} -.p-badge.p-badge-xl { - font-size: 1.5rem; - min-width: 3rem; - height: 3rem; - line-height: 3rem; -} - -.p-chip { - background-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - padding: 0 0.75rem; -} -.p-chip .p-chip-text { - line-height: 1.5; - margin-top: 0.375rem; - margin-bottom: 0.375rem; -} -.p-chip .p-chip-icon { - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - margin-left: 0.5rem; -} -.p-chip img { - width: 2.25rem; - height: 2.25rem; - margin-left: -0.75rem; - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - border-radius: 4px; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-inplace .p-inplace-display { - padding: 1rem 1rem; - border-radius: 4px; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-inplace .p-inplace-display:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-inplace .p-inplace-display:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-progressbar { - border: 0 none; - height: 4px; - background: rgba(206, 147, 216, 0.32); - border-radius: 4px; -} -.p-progressbar .p-progressbar-value { - border: 0 none; - margin: 0; - background: #CE93D8; -} -.p-progressbar .p-progressbar-label { - color: #121212; - line-height: 4px; -} - -.p-scrolltop { - width: 3rem; - height: 3rem; - border-radius: 50%; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-scrolltop.p-link { - background: #A5D6A7; -} -.p-scrolltop.p-link:hover { - background: rgba(165, 214, 167, 0.92); -} -.p-scrolltop .p-scrolltop-icon { - font-size: 1.5rem; - color: #121212; -} - -.p-skeleton { - background-color: rgba(255, 255, 255, 0.06); - border-radius: 4px; -} -.p-skeleton:after { - background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); -} - -.p-tag { - background: #CE93D8; - color: #121212; - font-size: 0.75rem; - font-weight: 700; - padding: 0.25rem 0.4rem; - border-radius: 4px; -} -.p-tag.p-tag-success { - background-color: #C5E1A5; - color: #212121; -} -.p-tag.p-tag-info { - background-color: #90CAF9; - color: #212121; -} -.p-tag.p-tag-warning { - background-color: #FFF59D; - color: #212121; -} -.p-tag.p-tag-danger { - background-color: #EF9A9A; - color: #212121; -} -.p-tag .p-tag-icon { - margin-right: 0.25rem; - font-size: 0.75rem; -} - -.p-terminal { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0.75rem; -} -.p-terminal .p-terminal-input { - font-size: 1rem; - font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; -} - -.p-accordion .p-accordion-tab { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - margin-bottom: 0; - border-radius: 0; - position: relative; - transition: margin-bottom 225ms; -} -.p-accordion .p-accordion-tab:first-child { - border-top-left-radius: 4px; - border-top-right-radius: 4px; -} -.p-accordion .p-accordion-tab:last-child { - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; -} -.p-accordion .p-accordion-tab .p-accordion-toggle-icon { - order: 1; - margin-left: auto; - transition: transform 0.2s; -} -.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-header-link:focus { - background: rgba(255, 255, 255, 0.04); -} -.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-toggle-icon { - transform: rotate(-270deg); -} -.p-accordion .p-accordion-tab.p-accordion-tab-active { - margin-bottom: 1rem; -} -.p-accordion .p-accordion-tab.p-accordion-tab-active .p-accordion-toggle-icon { - transform: rotate(-180deg); -} -.p-accordion .p-accordion-tab .p-accordion-header.p-disabled { - opacity: 1; -} -.p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * { - opacity: 0.38; -} - -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; -} - -.p-input-filled .p-autocomplete .p-autocomplete-multiple-container { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: rgba(255, 255, 255, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext { - background-image: none; - background-color: transparent; -} -.p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); - border-color: transparent; - background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); -} -.p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:focus { - background-image: none; - background: transparent; -} - -.p-float-label .p-autocomplete-multiple-container .p-autocomplete-token { - padding: 0.25rem 1rem; -} - -.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { - padding-top: 0; - padding-bottom: 0; -} -.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - font-size: 75%; -} -.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { - padding: 0; -} -.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext { - border-color: transparent; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { - box-shadow: none; - border-color: transparent; -} -.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container { - border-color: transparent; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} - -p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; -} -p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; -} - -.p-breadcrumb .p-menuitem-link { - padding: 0.25rem 0.5rem; -} -.p-breadcrumb .p-menuitem-link:focus { - background: rgba(255, 255, 255, 0.12); -} - -.p-button { - font-weight: 500; - min-width: 4rem; -} -.p-button.p-button-icon-only { - min-width: auto; -} -.p-button:enabled:focus { - background: rgba(206, 147, 216, 0.76); -} -.p-button:enabled:active { - background: rgba(206, 147, 216, 0.68); -} -.p-button .p-ink { - background-color: rgba(255, 255, 255, 0.32); -} -.p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus { - background: rgba(206, 147, 216, 0.12); -} -.p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active { - background: rgba(206, 147, 216, 0.16); -} -.p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink { - background-color: rgba(206, 147, 216, 0.16); -} -.p-button.p-button-outlined { - box-shadow: inset 0 0 0 1px; -} -.p-button.p-button-outlined:enabled:focus { - box-shadow: inset 0 0 0 1px; -} -.p-button.p-button-outlined:enabled:active { - box-shadow: inset 0 0 0 1px; -} -.p-button:disabled { - background-color: rgba(255, 255, 255, 0.12) !important; - color: rgba(255, 255, 255, 0.38) !important; - opacity: 1; -} -.p-button:disabled.p-button-text { - background-color: transparent !important; - color: rgba(255, 255, 255, 0.38) !important; -} -.p-button:disabled.p-button-outlined { - background-color: transparent !important; - color: rgba(255, 255, 255, 0.38) !important; - border-color: rgba(255, 255, 255, 0.38) !important; -} -.p-button.p-button-raised:enabled:focus { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -} - -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - background: rgba(165, 214, 167, 0.76); -} -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: rgba(165, 214, 167, 0.68); -} -.p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus { - background: rgba(165, 214, 167, 0.12); -} -.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { - background: rgba(165, 214, 167, 0.16); -} -.p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink { - background-color: rgba(165, 214, 167, 0.16); -} - -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { - background: rgba(144, 202, 249, 0.76); -} -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: rgba(144, 202, 249, 0.68); -} -.p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus { - background: rgba(144, 202, 249, 0.12); -} -.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { - background: rgba(144, 202, 249, 0.16); -} -.p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink { - background-color: rgba(144, 202, 249, 0.16); -} - -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { - background: rgba(197, 225, 165, 0.76); -} -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: rgba(197, 225, 165, 0.68); -} -.p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus { - background: rgba(197, 225, 165, 0.12); -} -.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { - background: rgba(197, 225, 165, 0.16); -} -.p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink { - background-color: rgba(197, 225, 165, 0.16); -} - -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { - background: rgba(255, 245, 157, 0.76); -} -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: rgba(255, 245, 157, 0.68); -} -.p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus { - background: rgba(255, 245, 157, 0.12); -} -.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { - background: rgba(255, 245, 157, 0.16); -} -.p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink { - background-color: rgba(255, 245, 157, 0.16); -} - -.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - background: rgba(206, 147, 216, 0.76); -} -.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: rgba(206, 147, 216, 0.68); -} -.p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus { - background: rgba(206, 147, 216, 0.12); -} -.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { - background: rgba(206, 147, 216, 0.16); -} -.p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink { - background-color: rgba(206, 147, 216, 0.16); -} - -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { - background: rgba(239, 154, 154, 0.76); -} -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: rgba(239, 154, 154, 0.68); -} -.p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus { - background: rgba(239, 154, 154, 0.12); -} -.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { - background: rgba(239, 154, 154, 0.16); -} -.p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink { - background-color: rgba(239, 154, 154, 0.16); -} - -.p-calendar-w-btn { - border: 1px solid rgba(255, 255, 255, 0.3); - background: #1e1e1e; - border-radius: 4px; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-calendar-w-btn .p-inputtext { - background-image: none; - background-color: transparent; - border: 0 none; -} -.p-calendar-w-btn .p-inputtext:enabled:focus { - box-shadow: none; -} -.p-calendar-w-btn .p-datepicker-trigger.p-button { - background-color: transparent; - border: 0 none; -} -.p-calendar-w-btn .p-datepicker-trigger.p-button span { - color: rgba(255, 255, 255, 0.6); -} -.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover { - background: rgba(255, 255, 255, 0.04); -} -.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus { - background: rgba(255, 255, 255, 0.12); -} -.p-calendar-w-btn .p-datepicker-trigger.p-button:disabled { - background-color: transparent !important; -} -.p-calendar-w-btn:not(.p-calendar-disabled):hover { - border-color: rgba(255, 255, 255, 0.6); -} -.p-calendar-w-btn:not(.p-calendar-disabled).p-focus { - border-color: #CE93D8; - box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; -} -.p-calendar-w-btn.p-calendar-disabled { - opacity: 0.38; -} - -.p-datepicker .p-datepicker-header { - border-bottom: 0 none; -} -.p-datepicker .p-datepicker-header .p-datepicker-title { - margin: 0 auto 0 0; - order: 1; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev { - order: 2; -} -.p-datepicker .p-datepicker-header .p-datepicker-next { - order: 3; -} -.p-datepicker table th { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.38); - font-weight: 400; - font-size: 0.875rem; -} -.p-datepicker table td.p-datepicker-today > span { - box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38); -} -.p-datepicker table td.p-datepicker-today.p-highlight { - box-shadow: 0 0 0 1px rgba(206, 147, 216, 0.16); -} - -p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; -} -p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { - border-color: #f44435; -} -p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext:enabled:focus { - box-shadow: none; -} -p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; -} - -.p-input-filled .p-calendar-w-btn { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: rgba(255, 255, 255, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-calendar-w-btn .p-inputtext { - background-image: none; - background-color: transparent; -} -.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); - border-color: transparent; - background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); -} -.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:focus { - background-image: none; - background: transparent; -} -.p-input-filled .p-calendar-w-btn .p-inputtext { - border: 0 none; -} -.p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext { - border-color: transparent; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: none; - border-color: transparent; -} -.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { - border-color: transparent; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext { - border: 0 none; - background-image: none; -} - -.p-cascadeselect .p-inputtext, .p-cascadeselect .p-cascadeselect-trigger { - background-image: none; - background: transparent; -} -.p-cascadeselect .p-inputtext { - border: 0 none; -} -.p-cascadeselect:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; -} - -.p-cascadeselect-item .p-ink { - background-color: rgba(206, 147, 216, 0.16); -} - -.p-input-filled .p-cascadeselect { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: rgba(255, 255, 255, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-cascadeselect .p-inputtext { - background-image: none; - background-color: transparent; -} -.p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); - border-color: transparent; - background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); -} -.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus { - background-image: none; - background: transparent; -} -.p-input-filled .p-cascadeselect .p-inputtext { - border: 0 none; -} -.p-input-filled .p-cascadeselect .p-cascadeselect-label:hover { - background-image: none; - background: transparent; -} -.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect { - border-color: transparent; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} - -.p-input-filled .p-float-label .p-cascadeselect .p-cascadeselect-label { - padding-top: 1.25rem; - padding-bottom: 0.25rem; -} -.p-input-filled .p-float-label .p-inputwrapper-filled .p-cascadeselect .p-cascadeselect-label { - padding-top: 1.25rem; - padding-bottom: 0.25rem; -} -.p-input-filled .p-cascadeselect.p-invalid { - border-color: transparent; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} - -p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; -} - -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #A5D6A7; - color: #121212; -} - -.p-checkbox { - border-radius: 50%; - transition: box-shadow 0.2s; -} -.p-checkbox .p-checkbox-box { - border-color: rgba(255, 255, 255, 0.7); - border-radius: 2px; - position: relative; -} -.p-checkbox .p-checkbox-box:not(.p-disabled):hover { - border-color: rgba(255, 255, 255, 0.7); -} -.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { - border-color: rgba(255, 255, 255, 0.7); -} -.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus { - border-color: #CE93D8; -} -.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before { - content: ""; - position: absolute; - top: 6px; - left: 1px; - border-right: 2px solid transparent; - border-bottom: 2px solid transparent; - transform: rotate(45deg); - transform-origin: 0% 100%; - animation: checkbox-check 125ms 50ms linear forwards; -} -.p-checkbox:not(.p-checkbox-disabled):hover { - box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); -} -.p-checkbox:not(.p-checkbox-disabled).p-checkbox-focused { - box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); -} -.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover { - box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.04); -} -.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused { - box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.12); -} - -.p-input-filled .p-checkbox .p-checkbox-box { - background-color: #1e1e1e; -} -.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { - background-color: #1e1e1e; -} - -@keyframes checkbox-check { - 0% { - width: 0; - height: 0; - border-color: #121212; - transform: translate3d(0, 0, 0) rotate(45deg); - } - 33% { - width: 4px; - height: 0; - transform: translate3d(0, 0, 0) rotate(45deg); - } - 100% { - width: 4px; - height: 10px; - border-color: #121212; - transform: translate3d(0, -10px, 0) rotate(45deg); - } -} -.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; -} - -.p-input-filled .p-chips-multiple-container { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: rgba(255, 255, 255, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-chips-multiple-container .p-inputtext { - background-image: none; - background-color: transparent; -} -.p-input-filled .p-chips-multiple-container:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); - border-color: transparent; - background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); -} -.p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-chips-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:focus { - background-image: none; - background: transparent; -} - -.p-float-label .p-chips-multiple-container .p-chips-token { - padding: 0.25rem 1rem; -} - -.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token { - padding-top: 0; - padding-bottom: 0; -} -.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { - font-size: 75%; -} -.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token { - padding: 0; -} -.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container { - border-color: transparent; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} - -p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; -} - -.p-datatable .p-sortable-column { - outline: 0 none; -} -.p-datatable .p-sortable-column:focus { - background-color: rgba(255, 255, 255, 0.03); -} -.p-datatable .p-datatable-tbody > tr { - outline: 0 none; -} -.p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus { - background-color: rgba(255, 255, 255, 0.03); -} - -.p-dropdown .p-inputtext, .p-dropdown .p-dropdown-trigger { - background-image: none; - background: transparent; -} -.p-dropdown .p-inputtext { - border: 0 none; -} -.p-dropdown:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; -} - -.p-dropdown-item .p-ink { - background-color: rgba(206, 147, 216, 0.16); -} - -.p-input-filled .p-dropdown { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: rgba(255, 255, 255, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-dropdown .p-inputtext { - background-image: none; - background-color: transparent; -} -.p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); - border-color: transparent; - background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); -} -.p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-dropdown .p-inputtext:enabled:hover, .p-input-filled .p-dropdown .p-inputtext:enabled:focus { - background-image: none; - background: transparent; -} -.p-input-filled .p-dropdown .p-inputtext { - border: 0 none; -} -.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown { - border-color: transparent; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus, .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} - -p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; -} - -.p-galleria .p-galleria-indicators { - padding: 1rem; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #A5D6A7; - color: #121212; -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(165, 214, 167, 0.68); - color: #121212; -} - -.p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; -} -.p-inputtext:enabled:focus.ng-invalid.ng-dirty { - box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; -} - -.p-input-filled .p-inputtext { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: rgba(255, 255, 255, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-inputtext:enabled:hover { - background-color: rgba(255, 255, 255, 0.08); - border-color: transparent; - background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); -} -.p-input-filled .p-inputtext:enabled:focus { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-inputtext.ng-invalid.ng-dirty { - border-color: transparent; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled .p-inputtext.ng-invalid.ng-dirty:enabled:focus { - box-shadow: none; - border-color: transparent; -} - -.p-input-filled .p-inputgroup .p-inputgroup-addon { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: rgba(255, 255, 255, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-inputgroup .p-inputgroup-addon:last-child { - border-right-color: transparent; -} -.p-input-filled .p-inputgroup-addon:first-child, -.p-input-filled .p-inputgroup button:first-child, -.p-input-filled .p-inputgroup input:first-child { - border-bottom-left-radius: 0; -} -.p-input-filled .p-inputgroup .p-float-label:first-child input { - border-bottom-left-radius: 0; -} -.p-input-filled .p-inputgroup-addon:last-child, -.p-input-filled .p-inputgroup button:last-child, -.p-input-filled .p-inputgroup input:last-child { - border-bottom-right-radius: 0; -} -.p-input-filled .p-inputgroup .p-float-label:last-child input { - border-bottom-right-radius: 0; -} - -p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; -} - -.p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext { - border-color: transparent; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: none; - border-color: transparent; -} - -p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; -} - -.p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext { - border-color: transparent; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: none; - border-color: transparent; -} - -.p-inputswitch .p-inputswitch-slider:before { - transition-property: box-shadow transform; - box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); -} -.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before { - box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12), 0 0 1px 10px rgba(255, 255, 255, 0.04); -} -.p-inputswitch.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before { - box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); -} -.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before { - box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.04), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); -} -.p-inputswitch.p-inputswitch-checked.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before { - box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); -} - -.p-fieldset .p-fieldset-legend { - border: 0 none; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { - background: rgba(255, 255, 255, 0.12); -} - -.p-float-label input:focus ~ label, -.p-float-label input.p-filled ~ label, -.p-float-label textarea:focus ~ label, -.p-float-label textarea.p-filled ~ label, -.p-float-label .p-inputwrapper-focus ~ label, -.p-float-label .p-inputwrapper-filled ~ label { - top: -0.5rem !important; - background-color: #1e1e1e; - padding: 2px 4px; - margin-left: -4px; - margin-top: 0; -} - -.p-float-label textarea ~ label { - margin-top: 0; -} - -.p-float-label input:focus ~ label, -.p-float-label .p-inputwrapper-focus ~ label { - color: #CE93D8; -} - -.p-input-filled .p-float-label .p-inputtext { - padding-top: 1.25rem; - padding-bottom: 0.25rem; -} -.p-input-filled .p-float-label input:focus ~ label, -.p-input-filled .p-float-label input.p-filled ~ label, -.p-input-filled .p-float-label textarea:focus ~ label, -.p-input-filled .p-float-label textarea.p-filled ~ label, -.p-input-filled .p-float-label .p-inputwrapper-focus ~ label, -.p-input-filled .p-float-label .p-inputwrapper-filled ~ label { - top: 0.25rem !important; - margin-top: 0; - background: transparent; -} - -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-toolbar .fc-button:focus { - background: rgba(206, 147, 216, 0.76); -} -.fc.fc-unthemed .fc-toolbar .fc-button:active { - background: rgba(206, 147, 216, 0.68); -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:focus { - background: rgba(206, 147, 216, 0.76); -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:active { - background: rgba(206, 147, 216, 0.68); -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { - background: #1c1c1c; - border-color: rgba(255, 255, 255, 0.12); -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { - background: #262626; - border-color: rgba(255, 255, 255, 0.12); -} -.fc.fc-theme-standard .fc-toolbar .fc-button:focus { - background: rgba(206, 147, 216, 0.76); -} -.fc.fc-theme-standard .fc-toolbar .fc-button:active { - background: rgba(206, 147, 216, 0.68); -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:focus { - background: rgba(206, 147, 216, 0.76); -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:active { - background: rgba(206, 147, 216, 0.68); -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { - background: #1c1c1c; - border-color: rgba(255, 255, 255, 0.12); -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { - background: #262626; - border-color: rgba(255, 255, 255, 0.12); -} - -.p-listbox .p-listbox-list .p-listbox-item .p-ink { - background-color: rgba(206, 147, 216, 0.16); -} -.p-listbox .p-listbox-list .p-listbox-item:focus { - background: rgba(255, 255, 255, 0.12); -} -.p-listbox .p-listbox-list .p-listbox-item:focus.p-highlight { - background: rgba(206, 147, 216, 0.24); -} - -.p-megamenu .p-menuitem .p-menuitem-link:focus { - background: rgba(255, 255, 255, 0.12); -} - -.p-menu .p-menuitem .p-menuitem-link:focus { - background: rgba(255, 255, 255, 0.12); -} - -.p-menubar .p-menuitem .p-menuitem-link:focus { - background: rgba(255, 255, 255, 0.12); -} - -.p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger { - background-image: none; - background: transparent; -} -.p-multiselect .p-multiselect-label { - border: 0 none; -} -.p-multiselect:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; -} -.p-multiselect .p-multiselect-items .p-multiselect-item .p-ink { - background-color: rgba(206, 147, 216, 0.16); -} -.p-multiselect .p-multiselect-items .p-multiselect-item:focus { - background: rgba(255, 255, 255, 0.12); -} -.p-multiselect .p-multiselect-items .p-multiselect-item:focus.p-highlight { - background: rgba(206, 147, 216, 0.24); -} -.p-multiselect .p-multiselect-close:focus { - background: rgba(255, 255, 255, 0.12); -} - -.p-input-filled .p-multiselect { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: rgba(255, 255, 255, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-multiselect .p-inputtext { - background-image: none; - background-color: transparent; -} -.p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); - border-color: transparent; - background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); -} -.p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-multiselect .p-inputtext:enabled:hover, .p-input-filled .p-multiselect .p-inputtext:enabled:focus { - background-image: none; - background: transparent; -} -.p-input-filled .p-multiselect .p-multiselect-label:hover { - background-image: none; - background: transparent; -} - -.p-float-label .p-multiselect-label .p-multiselect-token { - padding: 0.25rem 1rem; - margin-top: 0.25rem; - margin-bottom: 0.25rem; -} - -.p-input-filled .p-float-label .p-multiselect .p-multiselect-label { - padding-top: 1.25rem; - padding-bottom: 0.25rem; -} -.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect .p-multiselect-label { - padding-top: 1.25rem; - padding-bottom: 0.25rem; -} -.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token { - padding-top: 0; - padding-bottom: 0; - margin-top: 0; - margin-bottom: 0; -} -.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { - font-size: 75%; -} -.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect { - border-color: transparent; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus, .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} - -p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; -} - -.p-orderlist .p-orderlist-list .p-orderlist-item:focus { - background: rgba(255, 255, 255, 0.12); -} -.p-orderlist .p-orderlist-list .p-orderlist-item:focus.p-highlight { - background: rgba(206, 147, 216, 0.24); -} - -.p-overlaypanel .p-overlaypanel-content { - padding: 1.5rem; -} - -.p-paginator { - justify-content: flex-end; -} -.p-paginator .p-paginator-element:focus { - background: rgba(255, 255, 255, 0.12); -} -.p-paginator .p-paginator-element:focus.p-highlight { - background: rgba(206, 147, 216, 0.24); -} - -.p-panel { - border-radius: 4px; - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); -} -.p-panel .p-panel-header, -.p-panel .p-panel-content, -.p-panel .p-panel-footer { - border: 0 none; -} -.p-panel .p-panel-content { - padding-top: 0; -} -.p-panel .p-panel-title { - font-size: 1.25rem; -} -.p-panel .p-panel-header-icon:focus { - background: rgba(255, 255, 255, 0.12); -} - -.p-panelmenu .p-panelmenu-panel { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - margin-bottom: 0; - border-radius: 0; - position: relative; - transition: margin-bottom 225ms; -} -.p-panelmenu .p-panelmenu-panel:first-child { - border-top-left-radius: 4px; - border-top-right-radius: 4px; -} -.p-panelmenu .p-panelmenu-panel:last-child { - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-icon { - order: 1; - margin-left: auto; - margin-right: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled { - opacity: 1; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-link > * { - opacity: 0.38; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-link:focus { - background: rgba(255, 255, 255, 0.04); -} -.p-panelmenu .p-panelmenu-panel .p-menuitem .p-menuitem-link:focus { - background: rgba(255, 255, 255, 0.12); -} - -.p-picklist .p-picklist-list .p-picklist-item:focus { - background: rgba(255, 255, 255, 0.12); -} -.p-picklist .p-picklist-list .p-picklist-item:focus.p-highlight { - background: rgba(206, 147, 216, 0.24); -} - -.p-progressbar { - border-radius: 0; -} -.p-progressbar .p-progressbar-label { - display: none; -} - -.p-radiobutton { - border-radius: 50%; - transition: box-shadow 0.2s; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border: 2px solid rgba(255, 255, 255, 0.7); -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - border: 2px solid rgba(255, 255, 255, 0.7); -} -.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus { - border-color: #CE93D8; -} -.p-radiobutton:not(.p-radiobutton-disabled):hover { - box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); -} -.p-radiobutton:not(.p-radiobutton-disabled).p-radiobutton-focused { - box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); -} -.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover { - box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.04); -} -.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused { - box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.12); -} - -.p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #1e1e1e; -} -.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #1e1e1e; -} - -.p-rating .p-rating-icon { - border-radius: 50%; - width: 2rem; - height: 2rem; - display: inline-flex; - justify-content: center; - align-items: center; - margin-left: 0; -} -.p-rating .p-rating-icon:focus { - background: rgba(206, 147, 216, 0.12); -} -.p-rating .p-rating-icon.p-rating-cancel:focus { - background: rgba(244, 68, 53, 0.12); -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { - background-color: rgba(0, 0, 0, 0.04); -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - background: rgba(244, 68, 53, 0.04); -} - -.p-selectbutton .p-button:focus { - background: #1c1c1c; - border-color: rgba(255, 255, 255, 0.12); -} -.p-selectbutton .p-button:focus.p-highlight { - background: #262626; - border-color: rgba(255, 255, 255, 0.12); -} - -.p-slidemenu .p-menuitem-link:focus { - background: rgba(255, 255, 255, 0.12); -} - -.p-slider .p-slider-handle { - transition: transform 0.2s, box-shadow 0.2s; - transform: scale(0.7); -} -.p-slider .p-slider-handle:focus { - box-shadow: 0 0 1px 10px rgba(165, 214, 167, 0.2); -} -.p-slider.p-slider-sliding .p-slider-handle { - transform: scale(1); -} - -.p-steps { - padding: 1rem 0; -} -.p-steps .p-steps-item { - justify-content: flex-start; - flex-direction: row-reverse; - align-items: center; -} -.p-steps .p-steps-item:before { - position: static; - left: auto; - top: auto; - margin-top: 0; -} -.p-steps .p-steps-item:last-child { - flex-grow: 0; -} -.p-steps .p-steps-item:last-child:before { - display: none; -} -.p-steps .p-steps-item .p-menuitem-link { - flex-direction: row; - flex: 1 1 auto; - overflow: visible; - padding: 1rem 0.5rem; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-number { - background-color: #9e9d9e; - color: #ffffff; - font-size: 0.857rem; - min-width: 1.714rem; - height: 1.714rem; - line-height: 1.714rem; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-title { - margin: 0; - padding-left: 0.5rem; -} -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { - background: rgba(255, 255, 255, 0.12); -} -.p-steps .p-steps-item.p-highlight .p-steps-number { - background-color: #CE93D8; - color: #121212; -} -.p-steps .p-steps-item.p-highlight .p-steps-title { - font-weight: 600; - color: rgba(255, 255, 255, 0.87); -} -.p-steps .p-steps-item.p-disabled { - opacity: 1; -} - -.p-tabview .p-tabview-nav { - position: relative; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link { - transition: background-color 0.2s; - border-radius: 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link > .p-ink { - background-color: rgba(206, 147, 216, 0.16); -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link:focus { - background-color: rgba(206, 147, 216, 0.12); -} -.p-tabview .p-tabview-nav .p-tabview-ink-bar { - z-index: 1; - display: block; - position: absolute; - bottom: 0; - height: 2px; - background-color: #CE93D8; - transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); -} - -.p-toolbar { - border: 0 none; -} - -.p-tooltip .p-tooltip-text { - box-shadow: none; - font-size: 0.875rem; -} -.p-tooltip .p-tooltip-arrow { - display: none; -} - -.p-tieredmenu .p-menuitem-link:focus { - background: rgba(255, 255, 255, 0.12); -} - -.p-treeselect .p-treeselect-label, .p-treeselect .p-treeselect-trigger { - background-image: none; - background: transparent; -} -.p-treeselect .p-treeselect-label { - border: 0 none; -} -.p-treeselect:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; -} - -.p-treeselect-item .p-ink { - background-color: rgba(206, 147, 216, 0.16); -} - -.p-input-filled .p-treeselect { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: rgba(255, 255, 255, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-treeselect .p-inputtext { - background-image: none; - background-color: transparent; -} -.p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); - border-color: transparent; - background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); -} -.p-input-filled .p-treeselect:not(.p-disabled).p-focus, .p-input-filled .p-treeselect:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-treeselect .p-inputtext:enabled:hover, .p-input-filled .p-treeselect .p-inputtext:enabled:focus { - background-image: none; - background: transparent; -} -.p-input-filled .p-treeselect .p-treeselect-label:hover { - background-image: none; - background: transparent; -} - -.p-float-label .p-treeselect-label .p-treeselect-token { - padding: 0.25rem 1rem; - margin-top: 0.25rem; - margin-bottom: 0.25rem; -} - -.p-input-filled .p-float-label .p-treeselect .p-treeselect-label { - padding-top: 1.25rem; - padding-bottom: 0.25rem; -} -.p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect .p-treeselect-label { - padding-top: 1.25rem; - padding-bottom: 0.25rem; -} -.p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-token { - padding-top: 0; - padding-bottom: 0; - margin-top: 0; - margin-bottom: 0; -} -.p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-token .p-treeselect-token-icon { - font-size: 75%; -} -.p-input-filled .p-treeselect.p-invalid { - border-color: transparent; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled .p-treeselect.p-invalid:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} - -.p-treeselect.p-invalid:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; -} - -.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - background: rgba(255, 255, 255, 0.12); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content:focus.p-highlight { - background: rgba(206, 147, 216, 0.24); -} - -.p-treetable .p-sortable-column { - outline: 0 none; -} -.p-treetable .p-sortable-column:focus { - background-color: rgba(255, 255, 255, 0.03); -} -.p-treetable .p-treetable-tbody > tr { - outline: 0 none; -} -.p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus { - background-color: rgba(255, 255, 255, 0.03); -} - -.p-tabmenu .p-tabmenu-nav { - position: relative; -} -.p-tabmenu .p-tabmenu-nav li .p-menuitem-link { - transition: background-color 0.2s; - border-radius: 0; -} -.p-tabmenu .p-tabmenu-nav li .p-menuitem-link > .p-ink { - background-color: rgba(206, 147, 216, 0.16); -} -.p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus { - background-color: rgba(206, 147, 216, 0.12); -} -.p-tabmenu .p-tabmenu-nav li.p-highlight .p-menuitem-link:focus { - background-color: rgba(206, 147, 216, 0.12); -} -.p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar { - display: block; - position: absolute; - bottom: 0; - height: 2px; - background-color: #CE93D8; - transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); -} - -.p-timeline.p-timeline-vertical .p-timeline-event-connector { - margin: 0.5rem 0; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-connector { - margin: 0 0.5rem; -} - -.p-togglebutton.p-button:focus { - background: #1c1c1c; - border-color: rgba(255, 255, 255, 0.12); -} -.p-togglebutton.p-button:focus.p-highlight { - background: #262626; - border-color: rgba(255, 255, 255, 0.12); -} - -/* Customizations to the designer theme should be defined here */ diff --git a/src/assets/theme/mdc-dark-indigo/theme.css b/src/assets/theme/mdc-dark-indigo/theme.css deleted file mode 100644 index 488f7ac..0000000 --- a/src/assets/theme/mdc-dark-indigo/theme.css +++ /dev/null @@ -1,7138 +0,0 @@ -:root { - --surface-a:#1e1e1e; - --surface-b:#121212; - --surface-c:hsla(0,0%,100%,.04); - --surface-d:hsla(0,0%,100%,.12); - --surface-e:#1e1e1e; - --surface-f:#262626; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#9FA8DA; - --primary-color-text:#121212; - --font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; - --surface-0: #121212; - --surface-50: #2a2a2a; - --surface-100: #414141; - --surface-200: #595959; - --surface-300: #717171; - --surface-400: #898989; - --surface-500: #a0a0a0; - --surface-600: #b8b8b8; - --surface-700: #d0d0d0; - --surface-800: #e7e7e7; - --surface-900: #ffffff; - --gray-50: #e7e7e7; - --gray-100: #d0d0d0; - --gray-200: #b8b8b8; - --gray-300: #a0a0a0; - --gray-400: #898989; - --gray-500: #717171; - --gray-600: #595959; - --gray-700: #414141; - --gray-800: #2a2a2a; - --gray-900: #121212; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:4px; - --surface-ground:#121212; - --surface-section:#121212; - --surface-card:#1e1e1e; - --surface-overlay:#262626; - --surface-border:hsla(0,0%,100%,.12); - --surface-hover:hsla(0,0%,100%,.04); - --maskbg: rgba(0, 0, 0, 0.32); - --focus-ring: none; -} - -/* roboto-regular - latin-ext_latin */ -@font-face { - font-family: "Roboto"; - font-style: normal; - font-weight: 400; - src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -/* roboto-500 - latin-ext_latin */ -@font-face { - font-family: "Roboto"; - font-style: normal; - font-weight: 500; - src: local("Roboto Medium"), local("Roboto-Medium"), url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-500.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -/* roboto-700 - latin-ext_latin */ -@font-face { - font-family: "Roboto"; - font-style: normal; - font-weight: 700; - src: local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -* { - box-sizing: border-box; -} - -.p-component { - font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; - font-size: 1rem; - font-weight: normal; -} - -.p-component-overlay { - background-color: rgba(0, 0, 0, 0.32); - transition-duration: 0.2s; -} - -.p-disabled, .p-component:disabled { - opacity: 0.38; -} - -.p-error { - color: #f44435; -} - -.p-text-secondary { - color: rgba(255, 255, 255, 0.6); -} - -.pi { - font-size: 1rem; -} - -.p-link { - font-size: 1rem; - font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; - border-radius: 4px; -} -.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-component-overlay-enter { - animation: p-component-overlay-enter-animation 150ms forwards; -} - -.p-component-overlay-leave { - animation: p-component-overlay-leave-animation 150ms forwards; -} - -@keyframes p-component-overlay-enter-animation { - from { - background-color: transparent; - } - to { - background-color: var(--maskbg); - } -} -@keyframes p-component-overlay-leave-animation { - from { - background-color: var(--maskbg); - } - to { - background-color: transparent; - } -} - -:root { - --blue-50:#f4fafe; - --blue-100:#cae6fc; - --blue-200:#a0d2fa; - --blue-300:#75bef8; - --blue-400:#4baaf5; - --blue-500:#2196f3; - --blue-600:#1c80cf; - --blue-700:#1769aa; - --blue-800:#125386; - --blue-900:#0d3c61; - --green-50:#f7faf5; - --green-100:#dbe8cf; - --green-200:#bed6a9; - --green-300:#a1c384; - --green-400:#85b15e; - --green-500:#689f38; - --green-600:#588730; - --green-700:#496f27; - --green-800:#39571f; - --green-900:#2a4016; - --yellow-50:#fffcf5; - --yellow-100:#fef0cd; - --yellow-200:#fde4a5; - --yellow-300:#fdd87d; - --yellow-400:#fccc55; - --yellow-500:#fbc02d; - --yellow-600:#d5a326; - --yellow-700:#b08620; - --yellow-800:#8a6a19; - --yellow-900:#644d12; - --cyan-50:#f2fcfd; - --cyan-100:#c2eff5; - --cyan-200:#91e2ed; - --cyan-300:#61d5e4; - --cyan-400:#30c9dc; - --cyan-500:#00bcd4; - --cyan-600:#00a0b4; - --cyan-700:#008494; - --cyan-800:#006775; - --cyan-900:#004b55; - --pink-50:#fef4f7; - --pink-100:#fac9da; - --pink-200:#f69ebc; - --pink-300:#f1749e; - --pink-400:#ed4981; - --pink-500:#e91e63; - --pink-600:#c61a54; - --pink-700:#a31545; - --pink-800:#801136; - --pink-900:#5d0c28; - --indigo-50:#f6f7fc; - --indigo-100:#d5d9ef; - --indigo-200:#b3bae2; - --indigo-300:#919cd5; - --indigo-400:#707dc8; - --indigo-500:#4e5fbb; - --indigo-600:#42519f; - --indigo-700:#374383; - --indigo-800:#2b3467; - --indigo-900:#1f264b; - --teal-50:#f2faf9; - --teal-100:#c2e6e2; - --teal-200:#91d2cc; - --teal-300:#61beb5; - --teal-400:#30aa9f; - --teal-500:#009688; - --teal-600:#008074; - --teal-700:#00695f; - --teal-800:#00534b; - --teal-900:#003c36; - --orange-50:#fffaf2; - --orange-100:#ffe6c2; - --orange-200:#ffd391; - --orange-300:#ffbf61; - --orange-400:#ffac30; - --orange-500:#ff9800; - --orange-600:#d98100; - --orange-700:#b36a00; - --orange-800:#8c5400; - --orange-900:#663d00; - --bluegray-50:#f7f9f9; - --bluegray-100:#d9e0e3; - --bluegray-200:#bbc7cd; - --bluegray-300:#9caeb7; - --bluegray-400:#7e96a1; - --bluegray-500:#607d8b; - --bluegray-600:#526a76; - --bluegray-700:#435861; - --bluegray-800:#35454c; - --bluegray-900:#263238; - --purple-50:#faf4fb; - --purple-100:#e7cbec; - --purple-200:#d4a2dd; - --purple-300:#c279ce; - --purple-400:#af50bf; - --purple-500:#9c27b0; - --purple-600:#852196; - --purple-700:#6d1b7b; - --purple-800:#561561; - --purple-900:#3e1046; -} - -.p-autocomplete .p-autocomplete-loader { - right: 0.75rem; -} -.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 3.5rem; -} -.p-autocomplete .p-autocomplete-multiple-container { - padding: 0.375rem 0.75rem; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: rgba(255, 255, 255, 0.6); -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #9FA8DA; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { - padding: 0.375rem 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - padding: 0; - margin: 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: rgba(159, 168, 218, 0.16); - color: #9FA8DA; - border-radius: 4px; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; -} - -p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #f44435; -} - -.p-autocomplete-panel { - background: #2b2b2b; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} -.p-autocomplete-panel .p-autocomplete-items:not(.p-autocomplete-virtualscroll) { - padding: 0; -} -.p-autocomplete-panel .p-autocomplete-items.p-autocomplete-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { - margin: 0; - padding: 0.75rem 0.75rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: none; - border-radius: 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: #9FA8DA; - background: rgba(159, 168, 218, 0.16); -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.75rem 0.75rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { - margin: 0; - padding: 0.75rem; - color: rgba(255, 255, 255, 0.6); - background: transparent; - font-weight: 400; -} - -p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { - border-color: #f44435; -} - -.p-datepicker { - padding: 0.5rem; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.3); - border-radius: 4px; -} -.p-datepicker:not(.p-datepicker-inline) { - background: #2b2b2b; - border: 0 none; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} -.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { - background: #2b2b2b; -} -.p-datepicker .p-datepicker-header { - padding: 0.5rem; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - font-weight: 500; - margin: 0; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev, -.p-datepicker .p-datepicker-header .p-datepicker-next { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-datepicker .p-datepicker-header .p-datepicker-title { - line-height: 2rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - font-weight: 500; - padding: 0.5rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #9FA8DA; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - margin-right: 0.5rem; -} -.p-datepicker table { - font-size: 1rem; - margin: 0.5rem 0; -} -.p-datepicker table th { - padding: 0.5rem; -} -.p-datepicker table th > span { - width: 2.25rem; - height: 2.25rem; -} -.p-datepicker table td { - padding: 0.5rem; -} -.p-datepicker table td > span { - width: 2.25rem; - height: 2.25rem; - border-radius: 50%; - transition: none; - border: 1px solid transparent; -} -.p-datepicker table td > span.p-highlight { - color: #9FA8DA; - background: rgba(159, 168, 218, 0.16); -} -.p-datepicker table td > span:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-datepicker table td.p-datepicker-today > span { - background: transparent; - color: rgba(255, 255, 255, 0.87); - border-color: rgba(255, 255, 255, 0.5); -} -.p-datepicker table td.p-datepicker-today > span.p-highlight { - color: #9FA8DA; - background: rgba(159, 168, 218, 0.16); -} -.p-datepicker .p-datepicker-buttonbar { - padding: 0.75rem 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} -.p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; -} -.p-datepicker .p-timepicker { - border-top: 1px solid rgba(255, 255, 255, 0.12); - padding: 0.5rem; -} -.p-datepicker .p-timepicker button { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-timepicker button:enabled:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); -} -.p-datepicker .p-timepicker button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-datepicker .p-timepicker button:last-child { - margin-top: 0.2em; -} -.p-datepicker .p-timepicker span { - font-size: 1.25rem; -} -.p-datepicker .p-timepicker > div { - padding: 0 0.5rem; -} -.p-datepicker.p-datepicker-timeonly .p-timepicker { - border-top: 0 none; -} -.p-datepicker .p-monthpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-monthpicker .p-monthpicker-month { - padding: 0.5rem; - transition: none; - border-radius: 4px; -} -.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: #9FA8DA; - background: rgba(159, 168, 218, 0.16); -} -.p-datepicker .p-yearpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-yearpicker .p-yearpicker-year { - padding: 0.5rem; - transition: none; - border-radius: 4px; -} -.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { - color: #9FA8DA; - background: rgba(159, 168, 218, 0.16); -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid rgba(255, 255, 255, 0.12); - padding-right: 0.5rem; - padding-left: 0.5rem; - padding-top: 0; - padding-bottom: 0; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { - padding-left: 0; - border-left: 0 none; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { - padding-right: 0; -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -@media screen and (max-width: 769px) { - .p-datepicker table th, .p-datepicker table td { - padding: 0; - } -} -.p-cascadeselect { - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.3); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; -} -.p-cascadeselect:not(.p-disabled):hover { - border-color: rgba(255, 255, 255, 0.6); -} -.p-cascadeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #9FA8DA; -} -.p-cascadeselect .p-cascadeselect-label { - background: transparent; - border: 0 none; - padding: 0.75rem 0.75rem; -} -.p-cascadeselect .p-cascadeselect-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-cascadeselect .p-cascadeselect-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-cascadeselect .p-cascadeselect-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2.75rem; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-cascadeselect-panel { - background: #2b2b2b; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} -.p-cascadeselect-panel .p-cascadeselect-items { - padding: 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { - margin: 0; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: none; - border-radius: 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.75rem 0.75rem; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { - color: #9FA8DA; - background: rgba(159, 168, 218, 0.16); -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { - font-size: 0.875rem; -} - -p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #f44435; -} - -.p-input-filled .p-cascadeselect { - background: rgba(255, 255, 255, 0.06); -} -.p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); -} -.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.p-checkbox { - width: 18px; - height: 18px; -} -.p-checkbox .p-checkbox-box { - border: 2px solid rgba(255, 255, 255, 0.7); - background: #1e1e1e; - width: 18px; - height: 18px; - color: rgba(255, 255, 255, 0.87); - border-radius: 4px; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-checkbox .p-checkbox-box .p-checkbox-icon { - transition-duration: 0.2s; - color: #121212; - font-size: 14px; -} -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #9FA8DA; - background: #9FA8DA; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: rgba(255, 255, 255, 0.6); -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #9FA8DA; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #9FA8DA; - background: #9FA8DA; - color: #121212; -} - -p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #f44435; -} - -.p-input-filled .p-checkbox .p-checkbox-box { - background-color: rgba(255, 255, 255, 0.06); -} -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #9FA8DA; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: rgba(255, 255, 255, 0.08); -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #9FA8DA; -} - -.p-checkbox-label { - margin-left: 0.5rem; -} - -.p-chips .p-chips-multiple-container { - padding: 0.375rem 0.75rem; -} -.p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: rgba(255, 255, 255, 0.6); -} -.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #9FA8DA; -} -.p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: rgba(159, 168, 218, 0.16); - color: #9FA8DA; - border-radius: 4px; -} -.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { - margin-left: 0.5rem; -} -.p-chips .p-chips-multiple-container .p-chips-input-token { - padding: 0.375rem 0; -} -.p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - padding: 0; - margin: 0; -} - -p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { - border-color: #f44435; -} - -.p-colorpicker-preview, -.p-fluid .p-colorpicker-preview.p-inputtext { - width: 2rem; - height: 2rem; -} - -.p-colorpicker-panel { - background: #2b2b2b; - border: 1px solid #1e1e1e; -} -.p-colorpicker-panel .p-colorpicker-color-handle, -.p-colorpicker-panel .p-colorpicker-hue-handle { - border-color: #ffffff; -} - -.p-colorpicker-overlay-panel { - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} - -.p-dropdown { - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.3); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; -} -.p-dropdown:not(.p-disabled):hover { - border-color: rgba(255, 255, 255, 0.6); -} -.p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #9FA8DA; -} -.p-dropdown.p-dropdown-clearable .p-dropdown-label { - padding-right: 1.75rem; -} -.p-dropdown .p-dropdown-label { - background: transparent; - border: 0 none; -} -.p-dropdown .p-dropdown-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-dropdown .p-dropdown-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-dropdown .p-dropdown-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2.75rem; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} -.p-dropdown .p-dropdown-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 2.75rem; -} - -.p-dropdown-panel { - background: #2b2b2b; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} -.p-dropdown-panel .p-dropdown-header { - padding: 0.75rem; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - background: #2b2b2b; - margin: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { - padding-right: 1.75rem; - margin-right: -1.75rem; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} -.p-dropdown-panel .p-dropdown-items:not(.p-dropdown-virtualscroll) { - padding: 0; -} -.p-dropdown-panel .p-dropdown-items.p-dropdown-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item { - margin: 0; - padding: 0.75rem 0.75rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: none; - border-radius: 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: #9FA8DA; - background: rgba(159, 168, 218, 0.16); -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.75rem 0.75rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { - margin: 0; - padding: 0.75rem; - color: rgba(255, 255, 255, 0.6); - background: transparent; - font-weight: 400; -} - -p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #f44435; -} - -.p-input-filled .p-dropdown { - background: rgba(255, 255, 255, 0.06); -} -.p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); -} -.p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.p-editor-container .p-editor-toolbar { - background: #1e1e1e; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid rgba(255, 255, 255, 0.12); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #2b2b2b; - border: 0 none; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - border-radius: 4px; - padding: 0; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.75rem 0.75rem; -} -.p-editor-container .p-editor-content { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-editor-container .p-editor-content.ql-snow { - border: 1px solid rgba(255, 255, 255, 0.12); -} -.p-editor-container .p-editor-content .ql-editor { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #9FA8DA; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #9FA8DA; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #9FA8DA; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #9FA8DA; -} - -.p-inputgroup-addon { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.6); - border-top: 1px solid rgba(255, 255, 255, 0.3); - border-left: 1px solid rgba(255, 255, 255, 0.3); - border-bottom: 1px solid rgba(255, 255, 255, 0.3); - padding: 0.75rem 0.75rem; - min-width: 2.75rem; -} -.p-inputgroup-addon:last-child { - border-right: 1px solid rgba(255, 255, 255, 0.3); -} - -.p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, -.p-inputgroup > .p-float-label > .p-component { - border-radius: 0; - margin: 0; -} -.p-inputgroup > .p-component + .p-inputgroup-addon, -.p-inputgroup > .p-element + .p-inputgroup-addon, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, -.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { - border-left: 0 none; -} -.p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, -.p-inputgroup > .p-float-label > .p-component:focus { - z-index: 1; -} -.p-inputgroup > .p-component:focus ~ label, -.p-inputgroup > .p-element:focus ~ label, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, -.p-inputgroup > .p-float-label > .p-component:focus ~ label { - z-index: 1; -} - -.p-inputgroup-addon:first-child, -.p-inputgroup button:first-child, -.p-inputgroup input:first-child, -.p-inputgroup > .p-inputwrapper:first-child > .p-component, -.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-inputgroup .p-float-label:first-child input { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-inputgroup-addon:last-child, -.p-inputgroup button:last-child, -.p-inputgroup input:last-child, -.p-inputgroup > .p-inputwrapper:last-child > .p-component, -.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-inputgroup .p-float-label:last-child input { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-fluid .p-inputgroup .p-button { - width: auto; -} -.p-fluid .p-inputgroup .p-button.p-button-icon-only { - width: 2.75rem; -} - -p-inputmask.ng-dirty.ng-invalid > .p-inputtext { - border-color: #f44435; -} - -p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { - border-color: #f44435; -} - -.p-inputswitch { - width: 2.75rem; - height: 1rem; -} -.p-inputswitch .p-inputswitch-slider { - background: rgba(255, 255, 255, 0.3); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 0.5rem; -} -.p-inputswitch .p-inputswitch-slider:before { - background: #bdbdbd; - width: 1.5rem; - height: 1.5rem; - left: -1px; - margin-top: -0.75rem; - border-radius: 50%; - transition-duration: 0.2s; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - transform: translateX(1.5rem); -} -.p-inputswitch.p-focus .p-inputswitch-slider { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: rgba(255, 255, 255, 0.3); -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: rgba(159, 168, 218, 0.5); -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: #9FA8DA; -} -.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: rgba(159, 168, 218, 0.5); -} - -p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { - border-color: #f44435; -} - -.p-inputtext { - font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - padding: 0.75rem 0.75rem; - border: 1px solid rgba(255, 255, 255, 0.3); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - appearance: none; - border-radius: 4px; -} -.p-inputtext:enabled:hover { - border-color: rgba(255, 255, 255, 0.6); -} -.p-inputtext:enabled:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #9FA8DA; -} -.p-inputtext.ng-dirty.ng-invalid { - border-color: #f44435; -} -.p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.65625rem 0.65625rem; -} -.p-inputtext.p-inputtext-lg { - font-size: 1.25rem; - padding: 0.9375rem 0.9375rem; -} - -.p-float-label > label { - left: 0.75rem; - color: rgba(255, 255, 255, 0.6); - transition-duration: 0.2s; -} - -.p-float-label > .ng-invalid.ng-dirty + label { - color: #f44435; -} - -.p-input-icon-left > i:first-of-type { - left: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} - -.p-input-icon-left > .p-inputtext { - padding-left: 2.5rem; -} - -.p-input-icon-left.p-float-label > label { - left: 2.5rem; -} - -.p-input-icon-right > i:last-of-type { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} - -.p-input-icon-right > .p-inputtext { - padding-right: 2.5rem; -} - -::-webkit-input-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -:-moz-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -::-moz-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -:-ms-input-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -.p-input-filled .p-inputtext { - background-color: rgba(255, 255, 255, 0.06); -} -.p-input-filled .p-inputtext:enabled:hover { - background-color: rgba(255, 255, 255, 0.08); -} -.p-input-filled .p-inputtext:enabled:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.p-inputtext-sm .p-inputtext { - font-size: 0.875rem; - padding: 0.65625rem 0.65625rem; -} - -.p-inputtext-lg .p-inputtext { - font-size: 1.25rem; - padding: 0.9375rem 0.9375rem; -} - -.p-listbox { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.3); - border-radius: 4px; -} -.p-listbox .p-listbox-header { - padding: 0.75rem; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - margin: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-listbox .p-listbox-header .p-listbox-filter { - padding-right: 1.75rem; -} -.p-listbox .p-listbox-header .p-listbox-filter-icon { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} -.p-listbox .p-listbox-header .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list { - padding: 0; -} -.p-listbox .p-listbox-list .p-listbox-item { - margin: 0; - padding: 0.75rem 0.75rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - transition: none; - border-radius: 0; -} -.p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: #9FA8DA; - background: rgba(159, 168, 218, 0.16); -} -.p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list .p-listbox-item-group { - margin: 0; - padding: 0.75rem; - color: rgba(255, 255, 255, 0.6); - background: transparent; - font-weight: 400; -} -.p-listbox .p-listbox-list .p-listbox-empty-message { - padding: 0.75rem 0.75rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); -} - -p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #f44435; -} - -.p-multiselect { - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.3); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; -} -.p-multiselect:not(.p-disabled):hover { - border-color: rgba(255, 255, 255, 0.6); -} -.p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #9FA8DA; -} -.p-multiselect .p-multiselect-label { - padding: 0.75rem 0.75rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-multiselect .p-multiselect-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-multiselect.p-multiselect-chip .p-multiselect-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: rgba(159, 168, 218, 0.16); - color: #9FA8DA; - border-radius: 4px; -} -.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { - margin-left: 0.5rem; -} -.p-multiselect .p-multiselect-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2.75rem; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { - padding: 0.375rem 0.75rem; -} - -.p-multiselect-panel { - background: #2b2b2b; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} -.p-multiselect-panel .p-multiselect-header { - padding: 0.75rem; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - background: #2b2b2b; - margin: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { - padding-right: 1.75rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} -.p-multiselect-panel .p-multiselect-header .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close { - margin-left: 0.5rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-multiselect-panel .p-multiselect-items:not(.p-multiselect-virtualscroll) { - padding: 0; -} -.p-multiselect-panel .p-multiselect-items.p-multiselect-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item { - margin: 0; - padding: 0.75rem 0.75rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: none; - border-radius: 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: #9FA8DA; - background: rgba(159, 168, 218, 0.16); -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { - margin: 0; - padding: 0.75rem; - color: rgba(255, 255, 255, 0.6); - background: transparent; - font-weight: 400; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { - padding: 0.75rem 0.75rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} - -p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #f44435; -} - -.p-input-filled .p-multiselect { - background: rgba(255, 255, 255, 0.06); -} -.p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); -} -.p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: rgba(255, 255, 255, 0.1); -} - -p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #f44435; -} - -.p-password-panel { - padding: 0.75rem; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - border-radius: 4px; -} -.p-password-panel .p-password-meter { - margin-bottom: 0.5rem; - background: rgba(159, 168, 218, 0.32); -} -.p-password-panel .p-password-meter .p-password-strength.weak { - background: #EF9A9A; -} -.p-password-panel .p-password-meter .p-password-strength.medium { - background: #FFF59D; -} -.p-password-panel .p-password-meter .p-password-strength.strong { - background: #C5E1A5; -} - -.p-radiobutton { - width: 20px; - height: 20px; -} -.p-radiobutton .p-radiobutton-box { - border: 2px solid rgba(255, 255, 255, 0.7); - background: #1e1e1e; - width: 20px; - height: 20px; - color: rgba(255, 255, 255, 0.87); - border-radius: 50%; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: rgba(255, 255, 255, 0.6); -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #9FA8DA; -} -.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - width: 10px; - height: 10px; - transition-duration: 0.2s; - background-color: #9FA8DA; -} -.p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #9FA8DA; - background: #121212; -} -.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #9FA8DA; - background: #121212; - color: #9FA8DA; -} - -p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #f44435; -} - -.p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: rgba(255, 255, 255, 0.06); -} -.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #121212; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #121212; -} - -.p-radiobutton-label { - margin-left: 0.5rem; -} - -.p-rating .p-rating-icon { - color: #9FA8DA; - margin-left: 0.5rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - font-size: 1rem; -} -.p-rating .p-rating-icon.p-rating-cancel { - color: #f44435; -} -.p-rating .p-rating-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-rating .p-rating-icon:first-child { - margin-left: 0; -} -.p-rating .p-rating-icon.pi-star-fill { - color: #9FA8DA; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { - color: #9FA8DA; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - color: #f44435; -} - -.p-selectbutton .p-button { - background: #2f2f2f; - border: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-selectbutton .p-button .p-button-icon-left, -.p-selectbutton .p-button .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { - background: #373737; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-selectbutton .p-button.p-highlight { - background: #1c1c1c; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.p-selectbutton .p-button.p-highlight .p-button-icon-left, -.p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-selectbutton .p-button.p-highlight:hover { - background: #262626; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} - -p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #f44435; -} - -.p-slider { - background: rgba(255, 255, 255, 0.3); - border: 0 none; - border-radius: 4px; -} -.p-slider.p-slider-horizontal { - height: 2px; -} -.p-slider.p-slider-horizontal .p-slider-handle { - margin-top: -10px; - margin-left: -10px; -} -.p-slider.p-slider-vertical { - width: 2px; -} -.p-slider.p-slider-vertical .p-slider-handle { - margin-left: -10px; - margin-bottom: -10px; -} -.p-slider .p-slider-handle { - height: 20px; - width: 20px; - background: #9FA8DA; - border: 0 none; - border-radius: 50%; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-slider .p-slider-handle:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-slider .p-slider-range { - background: #9FA8DA; -} -.p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #9FA8DA; - border-color: 0 none; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), left 0.2s; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { - transition: width 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), bottom 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { - transition: height 0.2s; -} - -.p-togglebutton.p-button { - background: #2f2f2f; - border: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-togglebutton.p-button .p-button-icon-left, -.p-togglebutton.p-button .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { - background: #373737; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-togglebutton.p-button.p-highlight { - background: #1c1c1c; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.p-togglebutton.p-button.p-highlight .p-button-icon-left, -.p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-togglebutton.p-button.p-highlight:hover { - background: #262626; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} - -p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #f44435; -} - -.p-treeselect { - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.3); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; -} -.p-treeselect:not(.p-disabled):hover { - border-color: rgba(255, 255, 255, 0.6); -} -.p-treeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #9FA8DA; -} -.p-treeselect .p-treeselect-label { - padding: 0.75rem 0.75rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-treeselect .p-treeselect-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-treeselect.p-treeselect-chip .p-treeselect-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; -} -.p-treeselect .p-treeselect-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2.75rem; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -p-treeselect.ng-invalid.ng-dirty > .p-treeselect { - border-color: #f44435; -} - -.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { - padding: 0.375rem 0.75rem; -} - -.p-treeselect-panel { - background: #2b2b2b; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { - border: 0 none; -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { - padding: 0.75rem 0.75rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} - -.p-input-filled .p-treeselect { - background: rgba(255, 255, 255, 0.06); -} -.p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); -} -.p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.p-button { - color: #121212; - background: #9FA8DA; - border: 0 none; - padding: 0.643rem 0.75rem; - font-size: 1rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; -} -.p-button:enabled:hover { - background: rgba(159, 168, 218, 0.92); - color: #121212; - border-color: transparent; -} -.p-button:enabled:active { - background: rgba(159, 168, 218, 0.68); - color: #121212; - border-color: transparent; -} -.p-button.p-button-outlined { - background-color: transparent; - color: #9FA8DA; - border: 0 none; -} -.p-button.p-button-outlined:enabled:hover { - background: rgba(159, 168, 218, 0.04); - color: #9FA8DA; - border: 0 none; -} -.p-button.p-button-outlined:enabled:active { - background: rgba(159, 168, 218, 0.16); - color: #9FA8DA; - border: 0 none; -} -.p-button.p-button-outlined.p-button-plain { - color: rgba(255, 255, 255, 0.6); - border-color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-outlined.p-button-plain:enabled:hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-outlined.p-button-plain:enabled:active { - background: rgba(255, 255, 255, 0.16); - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-text { - background-color: transparent; - color: #9FA8DA; - border-color: transparent; -} -.p-button.p-button-text:enabled:hover { - background: rgba(159, 168, 218, 0.04); - color: #9FA8DA; - border-color: transparent; -} -.p-button.p-button-text:enabled:active { - background: rgba(159, 168, 218, 0.16); - color: #9FA8DA; - border-color: transparent; -} -.p-button.p-button-text.p-button-plain { - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-text.p-button-plain:enabled:hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-text.p-button-plain:enabled:active { - background: rgba(255, 255, 255, 0.16); - color: rgba(255, 255, 255, 0.6); -} -.p-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-button .p-button-icon-left { - margin-right: 0.5rem; -} -.p-button .p-button-icon-right { - margin-left: 0.5rem; -} -.p-button .p-button-icon-bottom { - margin-top: 0.5rem; -} -.p-button .p-button-icon-top { - margin-bottom: 0.5rem; -} -.p-button .p-badge { - margin-left: 0.5rem; - min-width: 1rem; - height: 1rem; - line-height: 1rem; - color: #9FA8DA; - background-color: #121212; -} -.p-button.p-button-raised { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -} -.p-button.p-button-rounded { - border-radius: 2rem; -} -.p-button.p-button-icon-only { - width: 2.75rem; - padding: 0.643rem; -} -.p-button.p-button-icon-only .p-button-icon-left, -.p-button.p-button-icon-only .p-button-icon-right { - margin: 0; -} -.p-button.p-button-icon-only.p-button-rounded { - border-radius: 50%; - height: 2.75rem; -} -.p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.562625rem 0.65625rem; -} -.p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; -} -.p-button.p-button-lg { - font-size: 1.25rem; - padding: 0.80375rem 0.9375rem; -} -.p-button.p-button-lg .p-button-icon { - font-size: 1.25rem; -} -.p-button.p-button-loading-label-only .p-button-label { - margin-left: 0.5rem; -} -.p-button.p-button-loading-label-only .p-button-loading-icon { - margin-right: 0; -} - -.p-fluid .p-button { - width: 100%; -} -.p-fluid .p-button-icon-only { - width: 2.75rem; -} -.p-fluid .p-buttonset { - display: flex; -} -.p-fluid .p-buttonset .p-button { - flex: 1; -} - -.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { - color: #121212; - background: #F48FB1; - border: 0 none; -} -.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { - background: rgba(244, 143, 177, 0.92); - color: #121212; - border-color: transparent; -} -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - box-shadow: none; -} -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: rgba(244, 143, 177, 0.68); - color: #121212; - border-color: transparent; -} -.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { - background-color: transparent; - color: #F48FB1; - border: 0 none; -} -.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { - background: rgba(244, 143, 177, 0.04); - color: #F48FB1; - border: 0 none; -} -.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { - background: rgba(244, 143, 177, 0.16); - color: #F48FB1; - border: 0 none; -} -.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { - background-color: transparent; - color: #F48FB1; - border-color: transparent; -} -.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { - background: rgba(244, 143, 177, 0.04); - border-color: transparent; - color: #F48FB1; -} -.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { - background: rgba(244, 143, 177, 0.16); - border-color: transparent; - color: #F48FB1; -} - -.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { - color: #212121; - background: #90CAF9; - border: 0 none; -} -.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { - background: rgba(144, 202, 249, 0.92); - color: #212121; - border-color: transparent; -} -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { - box-shadow: none; -} -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: rgba(144, 202, 249, 0.68); - color: #212121; - border-color: transparent; -} -.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { - background-color: transparent; - color: #90CAF9; - border: 0 none; -} -.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { - background: rgba(144, 202, 249, 0.04); - color: #90CAF9; - border: 0 none; -} -.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { - background: rgba(144, 202, 249, 0.16); - color: #90CAF9; - border: 0 none; -} -.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { - background-color: transparent; - color: #90CAF9; - border-color: transparent; -} -.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { - background: rgba(144, 202, 249, 0.04); - border-color: transparent; - color: #90CAF9; -} -.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { - background: rgba(144, 202, 249, 0.16); - border-color: transparent; - color: #90CAF9; -} - -.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { - color: #212121; - background: #C5E1A5; - border: 0 none; -} -.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { - background: rgba(197, 225, 165, 0.92); - color: #212121; - border-color: transparent; -} -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { - box-shadow: none; -} -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: rgba(197, 225, 165, 0.68); - color: #212121; - border-color: transparent; -} -.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { - background-color: transparent; - color: #C5E1A5; - border: 0 none; -} -.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { - background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; - border: 0 none; -} -.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { - background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; - border: 0 none; -} -.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { - background-color: transparent; - color: #C5E1A5; - border-color: transparent; -} -.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { - background: rgba(197, 225, 165, 0.04); - border-color: transparent; - color: #C5E1A5; -} -.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { - background: rgba(197, 225, 165, 0.16); - border-color: transparent; - color: #C5E1A5; -} - -.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { - color: #212121; - background: #FFF59D; - border: 0 none; -} -.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { - background: rgba(255, 245, 157, 0.92); - color: #212121; - border-color: transparent; -} -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { - box-shadow: none; -} -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: rgba(255, 245, 157, 0.68); - color: #212121; - border-color: transparent; -} -.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { - background-color: transparent; - color: #FFF59D; - border: 0 none; -} -.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { - background: rgba(255, 245, 157, 0.04); - color: #FFF59D; - border: 0 none; -} -.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { - background: rgba(255, 245, 157, 0.16); - color: #FFF59D; - border: 0 none; -} -.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { - background-color: transparent; - color: #FFF59D; - border-color: transparent; -} -.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { - background: rgba(255, 245, 157, 0.04); - border-color: transparent; - color: #FFF59D; -} -.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { - background: rgba(255, 245, 157, 0.16); - border-color: transparent; - color: #FFF59D; -} - -.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { - color: #212121; - background: #CE93D8; - border: 0 none; -} -.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { - background: rgba(206, 147, 216, 0.92); - color: #212121; - border-color: transparent; -} -.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - box-shadow: none; -} -.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: rgba(206, 147, 216, 0.68); - color: #212121; - border-color: transparent; -} -.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { - background-color: transparent; - color: #CE93D8; - border: 0 none; -} -.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { - background: rgba(206, 147, 216, 0.04); - color: #CE93D8; - border: 0 none; -} -.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { - background: rgba(206, 147, 216, 0.16); - color: #CE93D8; - border: 0 none; -} -.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { - background-color: transparent; - color: #CE93D8; - border-color: transparent; -} -.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { - background: rgba(206, 147, 216, 0.04); - border-color: transparent; - color: #CE93D8; -} -.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { - background: rgba(206, 147, 216, 0.16); - border-color: transparent; - color: #CE93D8; -} - -.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { - color: #212121; - background: #EF9A9A; - border: 0 none; -} -.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { - background: rgba(239, 154, 154, 0.92); - color: #212121; - border-color: transparent; -} -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { - box-shadow: none; -} -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: rgba(239, 154, 154, 0.68); - color: #212121; - border-color: transparent; -} -.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { - background-color: transparent; - color: #EF9A9A; - border: 0 none; -} -.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { - background: rgba(239, 154, 154, 0.04); - color: #EF9A9A; - border: 0 none; -} -.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { - background: rgba(239, 154, 154, 0.16); - color: #EF9A9A; - border: 0 none; -} -.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { - background-color: transparent; - color: #EF9A9A; - border-color: transparent; -} -.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { - background: rgba(239, 154, 154, 0.04); - border-color: transparent; - color: #EF9A9A; -} -.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { - background: rgba(239, 154, 154, 0.16); - border-color: transparent; - color: #EF9A9A; -} - -.p-button.p-button-link { - color: #9FA8DA; - background: transparent; - border: transparent; -} -.p-button.p-button-link:enabled:hover { - background: transparent; - color: #9FA8DA; - border-color: transparent; -} -.p-button.p-button-link:enabled:hover .p-button-label { - text-decoration: underline; -} -.p-button.p-button-link:enabled:focus { - background: transparent; - box-shadow: none; - border-color: transparent; -} -.p-button.p-button-link:enabled:active { - background: transparent; - color: #9FA8DA; - border-color: transparent; -} - -.p-speeddial-button.p-button.p-button-icon-only { - width: 4rem; - height: 4rem; -} -.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { - font-size: 2rem; -} - -.p-speeddial-action { - width: 3rem; - height: 3rem; - background: #F48FB1; - color: #212121; -} -.p-speeddial-action:hover { - background: rgba(244, 143, 177, 0.92); - color: #212121; -} - -.p-speeddial-direction-up .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-up .p-speeddial-item:first-child { - margin-bottom: 0.5rem; -} - -.p-speeddial-direction-down .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-down .p-speeddial-item:first-child { - margin-top: 0.5rem; -} - -.p-speeddial-direction-left .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-left .p-speeddial-item:first-child { - margin-right: 0.5rem; -} - -.p-speeddial-direction-right .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-right .p-speeddial-item:first-child { - margin-left: 0.5rem; -} - -.p-speeddial-circle .p-speeddial-item, -.p-speeddial-semi-circle .p-speeddial-item, -.p-speeddial-quarter-circle .p-speeddial-item { - margin: 0; -} -.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, -.p-speeddial-semi-circle .p-speeddial-item:first-child, -.p-speeddial-semi-circle .p-speeddial-item:last-child, -.p-speeddial-quarter-circle .p-speeddial-item:first-child, -.p-speeddial-quarter-circle .p-speeddial-item:last-child { - margin: 0; -} - -.p-speeddial-mask { - background-color: rgba(0, 0, 0, 0.32); -} - -.p-carousel .p-carousel-content .p-carousel-prev, -.p-carousel .p-carousel-content .p-carousel-next { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin: 0.5rem; -} -.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, -.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); -} -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-carousel .p-carousel-indicators { - padding: 1rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator { - margin-right: 0.5rem; - margin-bottom: 0.5rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: rgba(255, 255, 255, 0.3); - width: 2rem; - height: 0.5rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 0; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { - background: rgba(255, 255, 255, 0.6); -} -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: rgba(159, 168, 218, 0.16); - color: #9FA8DA; -} - -.p-datatable .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-datatable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-datatable .p-datatable-header { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.12); - border-width: 0 0 1px 0; - padding: 0.75rem 0.75rem; - font-weight: 500; -} -.p-datatable .p-datatable-footer { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #404040; - border-width: 0 0 1px 0; - padding: 0.75rem 0.75rem; - font-weight: 500; -} -.p-datatable .p-datatable-thead > tr > th { - text-align: left; - padding: 0.75rem 0.75rem; - border: 1px solid #404040; - border-width: 0 0 1px 0; - font-weight: 500; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - transition: none; -} -.p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 0.75rem 0.75rem; - border: 1px solid 3404040; - border-width: 0 0 1px 0; - font-weight: 500; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; -} -.p-datatable .p-sortable-column .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: #9FA8DA; - background: rgba(159, 168, 218, 0.16); - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-datatable .p-sortable-column.p-highlight { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column.p-highlight:hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column:focus { - box-shadow: none; - outline: 0 none; -} -.p-datatable .p-datatable-tbody > tr { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - transition: none; - outline-color: transparent; -} -.p-datatable .p-datatable-tbody > tr > td { - text-align: left; - border: 1px solid #404040; - border-width: 0 0 1px 0; - padding: 0.75rem 0.75rem; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { - margin-right: 0.5rem; -} -.p-datatable .p-datatable-tbody > tr.p-highlight { - background: rgba(159, 168, 218, 0.16); - color: #9FA8DA; -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 rgba(159, 168, 218, 0.16); -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 rgba(159, 168, 218, 0.16); -} -.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-column-resizer-helper { - background: #9FA8DA; -} -.p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #1e1e1e; -} -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot { - background-color: #1e1e1e; -} -.p-datatable .p-datatable-loading-icon { - font-size: 2rem; -} -.p-datatable.p-datatable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-footer { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-top { - border-width: 0 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-bottom { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { - background: rgba(255, 255, 255, 0.02); -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: rgba(159, 168, 218, 0.16); - color: #9FA8DA; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: #9FA8DA; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: #9FA8DA; -} -.p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.375rem 0.375rem; -} -.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.375rem 0.375rem; -} -.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.375rem 0.375rem; -} -.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.375rem 0.375rem; -} -.p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.375rem 0.375rem; -} -.p-datatable.p-datatable-lg .p-datatable-header { - padding: 0.9375rem 0.9375rem; -} -.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { - padding: 0.9375rem 0.9375rem; -} -.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { - padding: 0.9375rem 0.9375rem; -} -.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { - padding: 0.9375rem 0.9375rem; -} -.p-datatable.p-datatable-lg .p-datatable-footer { - padding: 0.9375rem 0.9375rem; -} - -.p-dataview .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-dataview .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-dataview .p-dataview-header { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.12); - border-width: 0 0 1px 0; - padding: 0.75rem 0.75rem; - font-weight: 500; -} -.p-dataview .p-dataview-content { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0.75rem; -} -.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid rgba(255, 255, 255, 0.12); - border-width: 0 0 1px 0; -} -.p-dataview .p-dataview-footer { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #404040; - border-width: 0 0 1px 0; - padding: 0.75rem 0.75rem; - font-weight: 500; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; -} -.p-dataview .p-dataview-loading-icon { - font-size: 2rem; -} -.p-dataview .p-dataview-emptymessage { - padding: 0.75rem; -} - -.p-column-filter-row .p-column-filter-menu-button, -.p-column-filter-row .p-column-filter-clear-button { - margin-left: 0.5rem; -} - -.p-column-filter-menu-button { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-menu-button:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); -} -.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.6); -} -.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: rgba(159, 168, 218, 0.16); - color: #9FA8DA; -} -.p-column-filter-menu-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-column-filter-clear-button { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-clear-button:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); -} -.p-column-filter-clear-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-column-filter-overlay { - background: #2b2b2b; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - min-width: 12.5rem; -} -.p-column-filter-overlay .p-column-filter-row-items { - padding: 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { - margin: 0; - padding: 0.75rem 0.75rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: none; - border-radius: 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: #9FA8DA; - background: rgba(159, 168, 218, 0.16); -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid rgba(255, 255, 255, 0.12); - margin: 0.5rem 0; -} - -.p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.75rem; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - background: #2b2b2b; - margin: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-column-filter-overlay-menu .p-column-filter-constraint { - padding: 0.75rem; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { - margin-bottom: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { - margin-top: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { - border-bottom: 0 none; -} -.p-column-filter-overlay-menu .p-column-filter-add-rule { - padding: 0.75rem 0.75rem; -} -.p-column-filter-overlay-menu .p-column-filter-buttonbar { - padding: 0.75rem; -} - -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid rgba(255, 255, 255, 0.12); -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid rgba(255, 255, 255, 0.12); -} -.fc.fc-unthemed .fc-view-container .fc-event { - background: rgba(159, 168, 218, 0.16); - border: 1px solid rgba(159, 168, 218, 0.16); - color: #9FA8DA; -} -.fc.fc-unthemed .fc-view-container .fc-divider { - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.12); -} -.fc.fc-unthemed .fc-toolbar .fc-button { - color: #121212; - background: #9FA8DA; - border: 0 none; - font-size: 1rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; - display: flex; - align-items: center; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: rgba(159, 168, 218, 0.92); - color: #121212; - border-color: transparent; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: rgba(159, 168, 218, 0.68); - color: #121212; - border-color: transparent; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #2f2f2f; - border: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #373737; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #1c1c1c; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #262626; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - z-index: 1; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} -.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: rgba(255, 255, 255, 0.12); -} -.fc.fc-theme-standard .fc-view-harness th { - background: #1e1e1e; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness td { - color: rgba(255, 255, 255, 0.87); - border-color: rgba(255, 255, 255, 0.12); -} -.fc.fc-theme-standard .fc-view-harness .fc-view { - background: #1e1e1e; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0.75rem; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 0.75rem; - border: 1px solid rgba(255, 255, 255, 0.12); - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #9FA8DA; - background: rgba(159, 168, 218, 0.16); - border-color: rgba(159, 168, 218, 0.16); -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #9FA8DA; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: rgba(159, 168, 218, 0.16); - border-color: rgba(159, 168, 218, 0.16); -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #1e1e1e; -} -.fc.fc-theme-standard .fc-toolbar .fc-button { - color: #121212; - background: #9FA8DA; - border: 0 none; - font-size: 1rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: rgba(159, 168, 218, 0.92); - color: #121212; - border-color: transparent; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: rgba(159, 168, 218, 0.68); - color: #121212; - border-color: transparent; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.38; - color: #121212; - background: #9FA8DA; - border: 0 none; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #2f2f2f; - border: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #373737; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #1c1c1c; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #262626; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - z-index: 1; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} -.fc.fc-theme-standard a { - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-highlight { - color: #9FA8DA; - background: rgba(159, 168, 218, 0.16); -} - -.p-orderlist .p-orderlist-controls { - padding: 0.75rem; -} -.p-orderlist .p-orderlist-controls .p-button { - margin-bottom: 0.5rem; -} -.p-orderlist .p-orderlist-header { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0.75rem; - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-orderlist .p-orderlist-header .p-orderlist-title { - font-weight: 500; -} -.p-orderlist .p-orderlist-filter-container { - padding: 0.75rem; - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 0 none; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { - padding-right: 1.75rem; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} -.p-orderlist .p-orderlist-list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - padding: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-orderlist .p-orderlist-list .p-orderlist-item { - padding: 0.75rem 0.75rem; - margin: 0; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: none; -} -.p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #9FA8DA; - background: rgba(159, 168, 218, 0.16); -} -.p-orderlist .p-orderlist-list .p-orderlist-empty-message { - padding: 0.75rem 0.75rem; - color: rgba(255, 255, 255, 0.87); -} -.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} - -.p-orderlist-item.cdk-drag-preview { - padding: 0.75rem 0.75rem; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - margin: 0; -} - -.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-organizationchart .p-organizationchart-node-content.p-highlight { - background: rgba(159, 168, 218, 0.16); - color: #9FA8DA; -} -.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: rgba(69, 86, 180, 0.16); -} -.p-organizationchart .p-organizationchart-line-down { - background: rgba(255, 255, 255, 0.12); -} -.p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-color: rgba(255, 255, 255, 0.12); -} -.p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-color: rgba(255, 255, 255, 0.12); -} -.p-organizationchart .p-organizationchart-node-content { - border: 1px solid rgba(255, 255, 255, 0.12); - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler { - background: inherit; - color: inherit; - border-radius: 50%; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-paginator { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: solid #404040; - border-width: 0; - padding: 0.375rem 0.75rem; - border-radius: 4px; -} -.p-paginator .p-paginator-first, -.p-paginator .p-paginator-prev, -.p-paginator .p-paginator-next, -.p-paginator .p-paginator-last { - background-color: transparent; - border: 0 none; - color: rgba(255, 255, 255, 0.6); - min-width: 3rem; - height: 3rem; - margin: 0.143rem; - transition: none; - border-radius: 50%; -} -.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - border-color: transparent; - color: rgba(255, 255, 255, 0.6); -} -.p-paginator .p-paginator-first { - border-top-left-radius: 50%; - border-bottom-left-radius: 50%; -} -.p-paginator .p-paginator-last { - border-top-right-radius: 50%; - border-bottom-right-radius: 50%; -} -.p-paginator .p-dropdown { - margin-left: 0.5rem; - margin-right: 0.5rem; - height: 3rem; -} -.p-paginator .p-dropdown .p-dropdown-label { - padding-right: 0; -} -.p-paginator .p-paginator-page-input { - margin-left: 0.5rem; - margin-right: 0.5rem; -} -.p-paginator .p-paginator-page-input .p-inputtext { - max-width: 3rem; -} -.p-paginator .p-paginator-current { - background-color: transparent; - border: 0 none; - color: rgba(255, 255, 255, 0.6); - min-width: 3rem; - height: 3rem; - margin: 0.143rem; - padding: 0 0.5rem; -} -.p-paginator .p-paginator-pages .p-paginator-page { - background-color: transparent; - border: 0 none; - color: rgba(255, 255, 255, 0.6); - min-width: 3rem; - height: 3rem; - margin: 0.143rem; - transition: none; - border-radius: 50%; -} -.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: rgba(159, 168, 218, 0.16); - border-color: rgba(159, 168, 218, 0.16); - color: #9FA8DA; -} -.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - border-color: transparent; - color: rgba(255, 255, 255, 0.6); -} - -.p-picklist .p-picklist-buttons { - padding: 0.75rem; -} -.p-picklist .p-picklist-buttons .p-button { - margin-bottom: 0.5rem; -} -.p-picklist .p-picklist-header { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0.75rem; - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-picklist .p-picklist-header .p-picklist-title { - font-weight: 500; -} -.p-picklist .p-picklist-filter-container { - padding: 0.75rem; - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 0 none; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-input { - padding-right: 1.75rem; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} -.p-picklist .p-picklist-list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - padding: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-picklist .p-picklist-list .p-picklist-item { - padding: 0.75rem 0.75rem; - margin: 0; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: none; -} -.p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: #9FA8DA; - background: rgba(159, 168, 218, 0.16); -} -.p-picklist .p-picklist-list .p-picklist-empty-message { - padding: 0.75rem 0.75rem; - color: rgba(255, 255, 255, 0.87); -} -.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} - -.p-picklist-item.cdk-drag-preview { - padding: 0.75rem 0.75rem; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - margin: 0; -} - -.p-timeline .p-timeline-event-marker { - border: 0 none; - border-radius: 50%; - width: 1rem; - height: 1rem; - background-color: #bdbdbd; -} -.p-timeline .p-timeline-event-connector { - background-color: #bdbdbd; -} -.p-timeline.p-timeline-vertical .p-timeline-event-opposite, -.p-timeline.p-timeline-vertical .p-timeline-event-content { - padding: 0 1rem; -} -.p-timeline.p-timeline-vertical .p-timeline-event-connector { - width: 2px; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, -.p-timeline.p-timeline-horizontal .p-timeline-event-content { - padding: 1rem 0; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-connector { - height: 2px; -} - -.p-tree { - border: 1px solid rgba(255, 255, 255, 0.12); - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem; - border-radius: 4px; -} -.p-tree .p-tree-container .p-treenode { - padding: 0.25rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content { - border-radius: 4px; - transition: none; - padding: 0.25rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { - margin-right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: rgba(159, 168, 218, 0.16); - color: #9FA8DA; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #9FA8DA; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { - color: #9FA8DA; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-filter-container { - margin-bottom: 0.5rem; -} -.p-tree .p-tree-filter-container .p-tree-filter { - width: 100%; - padding-right: 1.75rem; -} -.p-tree .p-tree-filter-container .p-tree-filter-icon { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} -.p-tree .p-treenode-children { - padding: 0 0 0 1rem; -} -.p-tree .p-tree-loading-icon { - font-size: 2rem; -} -.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: rgba(105, 119, 197, 0.16); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { - border-radius: 4px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - padding: 0.25rem; - transition: none; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { - background-color: rgba(159, 168, 218, 0.16); - color: #9FA8DA; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #9FA8DA; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { - background-color: inherit; - color: inherit; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-treetable .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-treetable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-treetable .p-treetable-header { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.12); - border-width: 0 0 1px 0; - padding: 0.75rem 0.75rem; - font-weight: 500; -} -.p-treetable .p-treetable-footer { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #404040; - border-width: 0 0 1px 0; - padding: 0.75rem 0.75rem; - font-weight: 500; -} -.p-treetable .p-treetable-thead > tr > th { - text-align: left; - padding: 0.75rem 0.75rem; - border: 1px solid #404040; - border-width: 0 0 1px 0; - font-weight: 500; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - transition: none; -} -.p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 0.75rem 0.75rem; - border: 1px solid 3404040; - border-width: 0 0 1px 0; - font-weight: 500; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; -} -.p-treetable .p-sortable-column { - outline-color: transparent; -} -.p-treetable .p-sortable-column .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: #9FA8DA; - background: rgba(159, 168, 218, 0.16); - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-treetable .p-sortable-column.p-highlight { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-treetable-tbody > tr { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - transition: none; - outline-color: transparent; -} -.p-treetable .p-treetable-tbody > tr > td { - text-align: left; - border: 1px solid #404040; - border-width: 0 0 1px 0; - padding: 0.75rem 0.75rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-treetable-tbody > tr.p-highlight { - background: rgba(159, 168, 218, 0.16); - color: #9FA8DA; -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: #9FA8DA; -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: #9FA8DA; -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-column-resizer-helper { - background: #9FA8DA; -} -.p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #1e1e1e; -} -.p-treetable .p-treetable-loading-icon { - font-size: 2rem; -} -.p-treetable.p-treetable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-footer { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-top { - border-width: 0 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-bottom { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-sm .p-treetable-header { - padding: 0.65625rem 0.65625rem; -} -.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { - padding: 0.375rem 0.375rem; -} -.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { - padding: 0.375rem 0.375rem; -} -.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { - padding: 0.375rem 0.375rem; -} -.p-treetable.p-treetable-sm .p-treetable-footer { - padding: 0.375rem 0.375rem; -} -.p-treetable.p-treetable-lg .p-treetable-header { - padding: 0.9375rem 0.9375rem; -} -.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { - padding: 0.9375rem 0.9375rem; -} -.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { - padding: 0.9375rem 0.9375rem; -} -.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { - padding: 0.9375rem 0.9375rem; -} -.p-treetable.p-treetable-lg .p-treetable-footer { - padding: 0.9375rem 0.9375rem; -} - -.p-virtualscroller .p-virtualscroller-header { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.12); - border-width: 0 0 1px 0; - padding: 0.75rem 0.75rem; - font-weight: 500; -} -.p-virtualscroller .p-virtualscroller-content { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0.75rem; -} -.p-virtualscroller .p-virtualscroller-footer { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #404040; - border-width: 0 0 1px 0; - padding: 0.75rem 0.75rem; - font-weight: 500; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-accordion .p-accordion-header .p-accordion-header-link { - padding: 1.25rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - font-weight: 400; - border-radius: 4px; - transition: none; -} -.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { - margin-right: 0.5rem; -} -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { - background: rgba(255, 255, 255, 0.04); - border-color: transparent; - color: rgba(255, 255, 255, 0.87); -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #1e1e1e; - border-color: transparent; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-color: transparent; - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-accordion .p-accordion-content { - padding: 0.75rem 1.25rem; - border: 0 none; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-accordion p-accordiontab .p-accordion-tab { - margin-bottom: 0; -} -.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { - border-radius: 0; -} -.p-accordion p-accordiontab .p-accordion-content { - border-radius: 0; -} -.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { - border-top: 0 none; -} -.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-top: 0 none; -} -.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-accordion p-accordiontab:last-child .p-accordion-content { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-card { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); - border-radius: 4px; -} -.p-card .p-card-body { - padding: 0.75rem; -} -.p-card .p-card-title { - font-size: 1.5rem; - font-weight: 700; - margin-bottom: 0.5rem; -} -.p-card .p-card-subtitle { - font-weight: 400; - margin-bottom: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-card .p-card-content { - padding: 0.75rem 0; -} -.p-card .p-card-footer { - padding: 0.75rem 0 0 0; -} - -.p-divider .p-divider-content { - background-color: #1e1e1e; -} -.p-divider.p-divider-horizontal { - margin: 1.25rem 0; - padding: 0 1.25rem; -} -.p-divider.p-divider-horizontal:before { - border-top: 1px rgba(255, 255, 255, 0.12); -} -.p-divider.p-divider-horizontal .p-divider-content { - padding: 0 0.5rem; -} -.p-divider.p-divider-vertical { - margin: 0 1.25rem; - padding: 1.25rem 0; -} -.p-divider.p-divider-vertical:before { - border-left: 1px rgba(255, 255, 255, 0.12); -} -.p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; -} - -.p-fieldset { - border: 1px solid rgba(255, 255, 255, 0.12); - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-radius: 4px; -} -.p-fieldset .p-fieldset-legend { - padding: 0.75rem; - border: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - font-weight: 500; - border-radius: 4px; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { - padding: 0; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { - padding: 0.75rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 4px; - transition: none; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { - margin-right: 0.5rem; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: rgba(255, 255, 255, 0.04); - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); -} -.p-fieldset .p-fieldset-content { - padding: 0.75rem; -} - -.p-panel .p-panel-header { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0.75rem; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-panel .p-panel-header .p-panel-title { - font-weight: 500; -} -.p-panel .p-panel-header .p-panel-header-icon { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); -} -.p-panel .p-panel-header .p-panel-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-panel.p-panel-toggleable .p-panel-header { - padding: 0.5rem 1rem; -} -.p-panel .p-panel-content { - padding: 0.75rem; - border: 1px solid rgba(255, 255, 255, 0.12); - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - border-top: 0 none; -} -.p-panel .p-panel-footer { - padding: 0.75rem 0.75rem; - border: 1px solid rgba(255, 255, 255, 0.12); - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; -} - -.p-scrollpanel .p-scrollpanel-bar { - background: rgba(255, 255, 255, 0.12); - border: 0 none; -} - -.p-splitter { - border: 1px solid rgba(255, 255, 255, 0.12); - background: #1e1e1e; - border-radius: 4px; - color: rgba(255, 255, 255, 0.87); -} -.p-splitter .p-splitter-gutter { - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - background: rgba(255, 255, 255, 0.04); -} -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: rgba(255, 255, 255, 0.12); -} -.p-splitter .p-splitter-gutter-resizing { - background: rgba(255, 255, 255, 0.12); -} - -.p-tabview .p-tabview-nav { - background: transparent; - border: solid rgba(255, 255, 255, 0.12); - border-width: 0 0 1px 0; -} -.p-tabview .p-tabview-nav li { - margin-right: 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid rgba(255, 255, 255, 0.12); - border-width: 0 0 1px 0; - border-color: transparent transparent rgba(255, 255, 255, 0.12) transparent; - background: transparent; - color: rgba(255, 255, 255, 0.6); - padding: 0.75rem 1.25rem; - font-weight: 500; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - transition: none; - margin: 0 0 0 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset none; -} -.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: rgba(159, 168, 218, 0.04); - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.6); -} -.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: transparent; - border-color: rgba(255, 255, 255, 0.12); - color: #9FA8DA; -} -.p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; -} -.p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-close { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-nav-btn.p-link { - background: transparent; - color: #9FA8DA; - width: 2.75rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; -} -.p-tabview .p-tabview-nav-btn.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset none; -} -.p-tabview .p-tabview-panels { - background: transparent; - padding: 0.75rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-toolbar { - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0.75rem; - border-radius: 4px; -} -.p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; -} - -.p-confirm-popup { - background: #262626; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-confirm-popup .p-confirm-popup-content { - padding: 0.75rem; -} -.p-confirm-popup .p-confirm-popup-footer { - text-align: right; - padding: 0.75rem 0.75rem; -} -.p-confirm-popup .p-confirm-popup-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-confirm-popup .p-confirm-popup-footer button:last-child { - margin: 0; -} -.p-confirm-popup:after { - border: solid transparent; - border-color: rgba(38, 38, 38, 0); - border-bottom-color: #262626; -} -.p-confirm-popup:before { - border: solid transparent; - border-color: rgba(38, 38, 38, 0); - border-bottom-color: #262626; -} -.p-confirm-popup.p-confirm-popup-flipped:after { - border-top-color: #262626; -} -.p-confirm-popup.p-confirm-popup-flipped:before { - border-top-color: #262626; -} -.p-confirm-popup .p-confirm-popup-icon { - font-size: 1.5rem; -} -.p-confirm-popup .p-confirm-popup-message { - margin-left: 1rem; -} - -.p-dialog { - border-radius: 4px; - box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); - border: 0 none; -} -.p-dialog .p-dialog-header { - border-bottom: 0 none; - background: #262626; - color: rgba(255, 255, 255, 0.87); - padding: 1.25rem; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-dialog .p-dialog-header .p-dialog-title { - font-weight: 500; - font-size: 1.25rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); -} -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { - margin-right: 0; -} -.p-dialog .p-dialog-content { - background: #262626; - color: rgba(255, 255, 255, 0.87); - padding: 0 1.25rem 1.25rem 1.25rem; -} -.p-dialog .p-dialog-footer { - border-top: 0 none; - background: #262626; - color: rgba(255, 255, 255, 0.87); - padding: 0.75rem 1.25rem; - text-align: right; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-dialog .p-dialog-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { - font-size: 2rem; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; -} - -.p-overlaypanel { - background: #262626; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-overlaypanel .p-overlaypanel-content { - padding: 0.75rem; -} -.p-overlaypanel .p-overlaypanel-close { - background: #9FA8DA; - color: #121212; - width: 2rem; - height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; - position: absolute; - top: -1rem; - right: -1rem; -} -.p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: rgba(159, 168, 218, 0.92); - color: #121212; -} -.p-overlaypanel:after { - border: solid transparent; - border-color: rgba(38, 38, 38, 0); - border-bottom-color: #262626; -} -.p-overlaypanel:before { - border: solid transparent; - border-color: rgba(38, 38, 38, 0); - border-bottom-color: #262626; -} -.p-overlaypanel.p-overlaypanel-flipped:after { - border-top-color: #262626; -} -.p-overlaypanel.p-overlaypanel-flipped:before { - border-top-color: #262626; -} - -.p-sidebar { - background: #262626; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-sidebar .p-sidebar-header { - padding: 0.75rem; -} -.p-sidebar .p-sidebar-header .p-sidebar-close, -.p-sidebar .p-sidebar-header .p-sidebar-icon { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, -.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); -} -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-sidebar .p-sidebar-header + .p-sidebar-content { - padding-top: 0; -} -.p-sidebar .p-sidebar-content { - padding: 0.75rem; -} - -.p-tooltip .p-tooltip-text { - background: #444444; - color: rgba(255, 255, 255, 0.87); - padding: 0.5rem; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - border-radius: 4px; -} -.p-tooltip.p-tooltip-right .p-tooltip-arrow { - border-right-color: #444444; -} -.p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #444444; -} -.p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #444444; -} -.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #444444; -} - -.p-fileupload .p-fileupload-buttonbar { - background: #1e1e1e; - padding: 0.75rem; - border: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; -} -.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-fileupload .p-fileupload-content { - background: #1e1e1e; - padding: 2rem 1rem; - border: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-fileupload .p-progressbar { - height: 4px; -} -.p-fileupload .p-fileupload-row > div { - padding: 0.75rem 0.75rem; -} -.p-fileupload.p-fileupload-advanced .p-message { - margin-top: 0; -} - -.p-fileupload-choose:not(.p-disabled):hover { - background: rgba(159, 168, 218, 0.92); - color: #121212; - border-color: transparent; -} -.p-fileupload-choose:not(.p-disabled):active { - background: rgba(159, 168, 218, 0.68); - color: #121212; - border-color: transparent; -} - -.p-breadcrumb { - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 4px; - padding: 0.75rem; -} -.p-breadcrumb ul li .p-menuitem-link { - transition: none; - border-radius: 4px; -} -.p-breadcrumb ul li .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-breadcrumb ul li.p-breadcrumb-chevron { - margin: 0 0.5rem 0 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-breadcrumb ul li:last-child .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-breadcrumb ul li:last-child .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} - -.p-contextmenu { - padding: 0.5rem 0; - background: #2b2b2b; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 4px; - width: 12.5rem; -} -.p-contextmenu .p-menuitem-link { - padding: 0.75rem 0.75rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: none; - user-select: none; -} -.p-contextmenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-contextmenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-contextmenu .p-submenu-list { - padding: 0.5rem 0; - background: #2b2b2b; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 4px; -} -.p-contextmenu .p-menuitem { - margin: 0; -} -.p-contextmenu .p-menuitem:last-child { - margin: 0; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(255, 255, 255, 0.04); -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-contextmenu .p-menu-separator { - border-top: 1px solid rgba(255, 255, 255, 0.12); - margin: 0.5rem 0; -} -.p-contextmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-dock .p-dock-list { - background: rgba(255, 255, 255, 0.1); - border: 1px solid rgba(255, 255, 255, 0.2); - padding: 0.5rem 0.5rem; - border-radius: 0.5rem; -} -.p-dock .p-dock-item { - padding: 0.5rem; -} -.p-dock .p-dock-action { - width: 4rem; - height: 4rem; -} -.p-dock.p-dock-top .p-dock-item-second-prev, -.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, -.p-dock.p-dock-bottom .p-dock-item-second-next { - margin: 0 0.9rem; -} -.p-dock.p-dock-top .p-dock-item-prev, -.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, -.p-dock.p-dock-bottom .p-dock-item-next { - margin: 0 1.3rem; -} -.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { - margin: 0 1.5rem; -} -.p-dock.p-dock-left .p-dock-item-second-prev, -.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, -.p-dock.p-dock-right .p-dock-item-second-next { - margin: 0.9rem 0; -} -.p-dock.p-dock-left .p-dock-item-prev, -.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, -.p-dock.p-dock-right .p-dock-item-next { - margin: 1.3rem 0; -} -.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { - margin: 1.5rem 0; -} - -@media screen and (max-width: 960px) { - .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { - margin: auto 0; - } - .p-dock .p-dock-list .p-dock-item { - transform: none; - margin: 0; - } -} -.p-megamenu { - padding: 0.75rem; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 4px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 4px; - transition: none; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-megamenu .p-menuitem-link { - padding: 0.75rem 0.75rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: none; - user-select: none; -} -.p-megamenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-megamenu .p-megamenu-panel { - background: #2b2b2b; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-megamenu .p-megamenu-submenu-header { - margin: 0; - padding: 0.75rem; - color: rgba(255, 255, 255, 0.6); - background: transparent; - font-weight: 400; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-megamenu .p-megamenu-submenu { - padding: 0.5rem 0; - width: 12.5rem; -} -.p-megamenu .p-megamenu-submenu .p-menu-separator { - border-top: 1px solid rgba(255, 255, 255, 0.12); - margin: 0.5rem 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem { - margin: 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { - margin: 0; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(255, 255, 255, 0.04); -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.5rem 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem { - margin: 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { - margin: 0; -} - -.p-menu { - padding: 0.5rem 0; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 4px; - width: 12.5rem; -} -.p-menu .p-menuitem-link { - padding: 0.75rem 0.75rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: none; - user-select: none; -} -.p-menu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-menu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-menu.p-menu-overlay { - background: #2b2b2b; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-menu .p-submenu-header { - margin: 0; - padding: 0.75rem; - color: rgba(255, 255, 255, 0.6); - background: transparent; - font-weight: 400; - border-top-right-radius: 0; - border-top-left-radius: 0; -} -.p-menu .p-menu-separator { - border-top: 1px solid rgba(255, 255, 255, 0.12); - margin: 0.5rem 0; -} -.p-menu .p-menuitem { - margin: 0; -} -.p-menu .p-menuitem:last-child { - margin: 0; -} - -.p-menubar { - padding: 0.75rem; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 4px; -} -.p-menubar .p-menuitem-link { - padding: 0.75rem 0.75rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: none; - user-select: none; -} -.p-menubar .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-menubar .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 4px; - transition: none; - user-select: none; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menubar .p-submenu-list { - padding: 0.5rem 0; - background: #2b2b2b; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - width: 12.5rem; -} -.p-menubar .p-submenu-list .p-menu-separator { - border-top: 1px solid rgba(255, 255, 255, 0.12); - margin: 0.5rem 0; -} -.p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; -} -.p-menubar .p-submenu-list .p-menuitem { - margin: 0; -} -.p-menubar .p-submenu-list .p-menuitem:last-child { - margin: 0; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(255, 255, 255, 0.04); -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} - -@media screen and (max-width: 960px) { - .p-menubar { - position: relative; - } - .p-menubar .p-menubar-button { - display: flex; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-menubar .p-menubar-button:hover { - color: rgba(255, 255, 255, 0.6); - background: rgba(255, 255, 255, 0.04); - } - .p-menubar .p-menubar-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-menubar .p-menubar-root-list { - position: absolute; - display: none; - padding: 0.5rem 0; - background: #2b2b2b; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - width: 100%; - } - .p-menubar .p-menubar-root-list .p-menu-separator { - border-top: 1px solid rgba(255, 255, 255, 0.12); - margin: 0.5rem 0; - } - .p-menubar .p-menubar-root-list .p-submenu-icon { - font-size: 0.875rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 0.75rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: none; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - transition: transform 0.2s; - } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-180deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list { - width: 100%; - position: static; - box-shadow: none; - border: 0 none; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { - transition: transform 0.2s; - transform: rotate(90deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-90deg); - } - .p-menubar .p-menubar-root-list .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list ul li a { - padding-left: 2.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li a { - padding-left: 3.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li a { - padding-left: 5.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { - padding-left: 6.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { - padding-left: 8.25rem; - } - .p-menubar.p-menubar-mobile-active .p-menubar-root-list { - display: flex; - flex-direction: column; - top: 100%; - left: 0; - z-index: 1; - } -} -.p-panelmenu .p-panelmenu-header > a { - padding: 1.25rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1e1e1e; - font-weight: 400; - border-radius: 4px; - transition: none; -} -.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { - background: rgba(255, 255, 255, 0.04); - border-color: transparent; - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight > a { - background: #1e1e1e; - border-color: transparent; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { - border-color: transparent; - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content { - padding: 0.5rem 0; - border: 0 none; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - margin-bottom: 0; - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 0.75rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: none; - user-select: none; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { - padding: 0 0 0 1rem; -} -.p-panelmenu .p-panelmenu-panel { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { - border-radius: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-content { - border-radius: 0; -} -.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { - border-top: 0 none; -} -.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { - border-top: 0 none; -} -.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-slidemenu { - padding: 0.5rem 0; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 4px; - width: 12.5rem; -} -.p-slidemenu .p-menuitem-link { - padding: 0.75rem 0.75rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: none; - user-select: none; -} -.p-slidemenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-slidemenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-slidemenu.p-slidemenu-overlay { - background: #2b2b2b; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-slidemenu .p-slidemenu-list { - padding: 0.5rem 0; - background: #2b2b2b; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { - background: rgba(255, 255, 255, 0.04); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-slidemenu .p-slidemenu-separator { - border-top: 1px solid rgba(255, 255, 255, 0.12); - margin: 0.5rem 0; -} -.p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; -} -.p-slidemenu .p-slidemenu-backward { - padding: 0.75rem 0.75rem; - color: rgba(255, 255, 255, 0.87); -} - -.p-steps .p-steps-item .p-menuitem-link { - background: transparent; - transition: none; - border-radius: 4px; - background: transparent; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-number { - color: rgba(255, 255, 255, 0.87); - border: 1px solid transparent; - background: transparent; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - z-index: 1; - border-radius: 50%; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-title { - margin-top: 0.5rem; - color: rgba(255, 255, 255, 0.87); -} -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-steps .p-steps-item.p-highlight .p-steps-number { - background: rgba(159, 168, 218, 0.16); - color: #9FA8DA; -} -.p-steps .p-steps-item.p-highlight .p-steps-title { - font-weight: 500; - color: rgba(255, 255, 255, 0.87); -} -.p-steps .p-steps-item:before { - content: " "; - border-top: 1px solid rgba(255, 255, 255, 0.12); - width: 100%; - top: 50%; - left: 0; - display: block; - position: absolute; - margin-top: -1rem; -} - -.p-tabmenu .p-tabmenu-nav { - background: transparent; - border: solid rgba(255, 255, 255, 0.12); - border-width: 0 0 1px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { - margin-right: 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { - border: solid rgba(255, 255, 255, 0.12); - border-width: 0 0 1px 0; - border-color: transparent transparent rgba(255, 255, 255, 0.12) transparent; - background: transparent; - color: rgba(255, 255, 255, 0.6); - padding: 0.75rem 1.25rem; - font-weight: 500; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - transition: none; - margin: 0 0 0 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset none; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: rgba(159, 168, 218, 0.04); - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.6); -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: transparent; - border-color: rgba(255, 255, 255, 0.12); - color: #9FA8DA; -} - -.p-tieredmenu { - padding: 0.5rem 0; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 4px; - width: 12.5rem; -} -.p-tieredmenu .p-menuitem-link { - padding: 0.75rem 0.75rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: none; - user-select: none; -} -.p-tieredmenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-tieredmenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-tieredmenu.p-tieredmenu-overlay { - background: #2b2b2b; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-tieredmenu .p-submenu-list { - padding: 0.5rem 0; - background: #2b2b2b; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-tieredmenu .p-menuitem { - margin: 0; -} -.p-tieredmenu .p-menuitem:last-child { - margin: 0; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(255, 255, 255, 0.04); -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-tieredmenu .p-menu-separator { - border-top: 1px solid rgba(255, 255, 255, 0.12); - margin: 0.5rem 0; -} -.p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-inline-message { - padding: 0.75rem 0.75rem; - margin: 0; - border-radius: 4px; -} -.p-inline-message.p-inline-message-info { - background: #B3E5FC; - border: solid transparent; - border-width: 1px; - color: #01579B; -} -.p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #01579B; -} -.p-inline-message.p-inline-message-success { - background: #C8E6C9; - border: solid transparent; - border-width: 1px; - color: #1B5E20; -} -.p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #1B5E20; -} -.p-inline-message.p-inline-message-warn { - background: #FFECB3; - border: solid transparent; - border-width: 1px; - color: #7f6003; -} -.p-inline-message.p-inline-message-warn .p-inline-message-icon { - color: #7f6003; -} -.p-inline-message.p-inline-message-error { - background: #FFCDD2; - border: solid transparent; - border-width: 1px; - color: #B71C1C; -} -.p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #B71C1C; -} -.p-inline-message .p-inline-message-icon { - font-size: 1rem; - margin-right: 0.5rem; -} -.p-inline-message .p-inline-message-text { - font-size: 1rem; -} -.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { - margin-right: 0; -} - -.p-message { - margin: 0.75rem 0; - border-radius: 4px; -} -.p-message .p-message-wrapper { - padding: 1rem 1.25rem; -} -.p-message .p-message-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-message .p-message-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-message.p-message-info { - background: #B3E5FC; - border: solid transparent; - border-width: 0 0 0 0; - color: #01579B; -} -.p-message.p-message-info .p-message-icon { - color: #01579B; -} -.p-message.p-message-info .p-message-close { - color: #01579B; -} -.p-message.p-message-success { - background: #C8E6C9; - border: solid transparent; - border-width: 0 0 0 0; - color: #1B5E20; -} -.p-message.p-message-success .p-message-icon { - color: #1B5E20; -} -.p-message.p-message-success .p-message-close { - color: #1B5E20; -} -.p-message.p-message-warn { - background: #FFECB3; - border: solid transparent; - border-width: 0 0 0 0; - color: #7f6003; -} -.p-message.p-message-warn .p-message-icon { - color: #7f6003; -} -.p-message.p-message-warn .p-message-close { - color: #7f6003; -} -.p-message.p-message-error { - background: #FFCDD2; - border: solid transparent; - border-width: 0 0 0 0; - color: #B71C1C; -} -.p-message.p-message-error .p-message-icon { - color: #B71C1C; -} -.p-message.p-message-error .p-message-close { - color: #B71C1C; -} -.p-message .p-message-text { - font-size: 1rem; - font-weight: 500; -} -.p-message .p-message-icon { - font-size: 1.5rem; - margin-right: 0.5rem; -} -.p-message .p-message-summary { - font-weight: 700; -} -.p-message .p-message-detail { - margin-left: 0.5rem; -} - -.p-toast { - opacity: 0.9; -} -.p-toast .p-toast-message { - margin: 0 0 1rem 0; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - border-radius: 4px; -} -.p-toast .p-toast-message .p-toast-message-content { - padding: 1.25rem; - border-width: 0 0 0 0; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { - margin: 0 0 0 1rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { - font-size: 2rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { - font-weight: 700; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { - margin: 0.5rem 0 0 0; -} -.p-toast .p-toast-message .p-toast-icon-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-toast .p-toast-message .p-toast-icon-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; - border: solid transparent; - border-width: 0 0 0 0; - color: #01579B; -} -.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { - color: #01579B; -} -.p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; - border: solid transparent; - border-width: 0 0 0 0; - color: #1B5E20; -} -.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { - color: #1B5E20; -} -.p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; - border: solid transparent; - border-width: 0 0 0 0; - color: #7f6003; -} -.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { - color: #7f6003; -} -.p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; - border: solid transparent; - border-width: 0 0 0 0; - color: #B71C1C; -} -.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { - color: #B71C1C; -} - -.p-galleria .p-galleria-close { - margin: 0.5rem; - background: transparent; - color: rgba(255, 255, 255, 0.87); - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-close .p-galleria-close-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-close:hover { - background: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.87); -} -.p-galleria .p-galleria-item-nav { - background: transparent; - color: rgba(255, 255, 255, 0.87); - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; - margin: 0 0.5rem; -} -.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, -.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.87); -} -.p-galleria .p-galleria-caption { - background: rgba(0, 0, 0, 0.5); - color: rgba(255, 255, 255, 0.87); - padding: 1rem; -} -.p-galleria .p-galleria-indicators { - padding: 1rem; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: rgba(255, 255, 255, 0.3); - width: 1.25rem; - height: 1.25rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { - background: rgba(255, 255, 255, 0.6); -} -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(159, 168, 218, 0.16); - color: #9FA8DA; -} -.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { - margin-right: 0.5rem; -} -.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { - margin-bottom: 0.5rem; -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { - background: rgba(0, 0, 0, 0.5); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { - background: rgba(255, 255, 255, 0.3); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { - background: rgba(255, 255, 255, 0.6); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(159, 168, 218, 0.16); - color: #9FA8DA; -} -.p-galleria .p-galleria-thumbnail-container { - background: rgba(0, 0, 0, 0.9); - padding: 1rem 0.25rem; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { - margin: 0.5rem; - background-color: transparent; - color: rgba(255, 255, 255, 0.87); - width: 2rem; - height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { - background: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.87); -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-galleria-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-preview-indicator { - background-color: transparent; - color: #f8f9fa; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} - -.p-image-preview-container:hover > .p-image-preview-indicator { - background-color: rgba(0, 0, 0, 0.5); -} - -.p-image-toolbar { - padding: 1rem; -} - -.p-image-action.p-link { - color: #f8f9fa; - background-color: transparent; - width: 3rem; - height: 3rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-image-action.p-link:last-child { - margin-right: 0; -} -.p-image-action.p-link:hover { - color: #f8f9fa; - background-color: rgba(255, 255, 255, 0.1); -} -.p-image-action.p-link i { - font-size: 1.5rem; -} - -.p-avatar { - background-color: rgba(255, 255, 255, 0.12); - border-radius: 4px; -} -.p-avatar.p-avatar-lg { - width: 3rem; - height: 3rem; - font-size: 1.5rem; -} -.p-avatar.p-avatar-lg .p-avatar-icon { - font-size: 1.5rem; -} -.p-avatar.p-avatar-xl { - width: 4rem; - height: 4rem; - font-size: 2rem; -} -.p-avatar.p-avatar-xl .p-avatar-icon { - font-size: 2rem; -} - -.p-avatar-group .p-avatar { - border: 2px solid #1e1e1e; -} - -.p-badge { - background: #9FA8DA; - color: #121212; - font-size: 0.75rem; - font-weight: 700; - min-width: 1.5rem; - height: 1.5rem; - line-height: 1.5rem; -} -.p-badge.p-badge-secondary { - background-color: #F48FB1; - color: #121212; -} -.p-badge.p-badge-success { - background-color: #C5E1A5; - color: #212121; -} -.p-badge.p-badge-info { - background-color: #90CAF9; - color: #212121; -} -.p-badge.p-badge-warning { - background-color: #FFF59D; - color: #212121; -} -.p-badge.p-badge-danger { - background-color: #EF9A9A; - color: #212121; -} -.p-badge.p-badge-lg { - font-size: 1.125rem; - min-width: 2.25rem; - height: 2.25rem; - line-height: 2.25rem; -} -.p-badge.p-badge-xl { - font-size: 1.5rem; - min-width: 3rem; - height: 3rem; - line-height: 3rem; -} - -.p-chip { - background-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - padding: 0 0.75rem; -} -.p-chip .p-chip-text { - line-height: 1.5; - margin-top: 0.375rem; - margin-bottom: 0.375rem; -} -.p-chip .p-chip-icon { - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - margin-left: 0.5rem; -} -.p-chip img { - width: 2.25rem; - height: 2.25rem; - margin-left: -0.75rem; - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - border-radius: 4px; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-inplace .p-inplace-display { - padding: 1rem 1rem; - border-radius: 4px; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-inplace .p-inplace-display:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); -} -.p-inplace .p-inplace-display:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-progressbar { - border: 0 none; - height: 4px; - background: rgba(159, 168, 218, 0.32); - border-radius: 4px; -} -.p-progressbar .p-progressbar-value { - border: 0 none; - margin: 0; - background: #9FA8DA; -} -.p-progressbar .p-progressbar-label { - color: #121212; - line-height: 4px; -} - -.p-scrolltop { - width: 3rem; - height: 3rem; - border-radius: 50%; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-scrolltop.p-link { - background: #F48FB1; -} -.p-scrolltop.p-link:hover { - background: rgba(244, 143, 177, 0.92); -} -.p-scrolltop .p-scrolltop-icon { - font-size: 1.5rem; - color: #121212; -} - -.p-skeleton { - background-color: rgba(255, 255, 255, 0.06); - border-radius: 4px; -} -.p-skeleton:after { - background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); -} - -.p-tag { - background: #9FA8DA; - color: #121212; - font-size: 0.75rem; - font-weight: 700; - padding: 0.25rem 0.4rem; - border-radius: 4px; -} -.p-tag.p-tag-success { - background-color: #C5E1A5; - color: #212121; -} -.p-tag.p-tag-info { - background-color: #90CAF9; - color: #212121; -} -.p-tag.p-tag-warning { - background-color: #FFF59D; - color: #212121; -} -.p-tag.p-tag-danger { - background-color: #EF9A9A; - color: #212121; -} -.p-tag .p-tag-icon { - margin-right: 0.25rem; - font-size: 0.75rem; -} - -.p-terminal { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0.75rem; -} -.p-terminal .p-terminal-input { - font-size: 1rem; - font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; -} - -.p-accordion .p-accordion-tab { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - margin-bottom: 0; - border-radius: 0; - position: relative; - transition: margin-bottom 225ms; -} -.p-accordion .p-accordion-tab:first-child { - border-top-left-radius: 4px; - border-top-right-radius: 4px; -} -.p-accordion .p-accordion-tab:last-child { - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; -} -.p-accordion .p-accordion-tab .p-accordion-toggle-icon { - order: 1; - margin-left: auto; - transition: transform 0.2s; -} -.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-header-link:focus { - background: rgba(255, 255, 255, 0.04); -} -.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-toggle-icon { - transform: rotate(-270deg); -} -.p-accordion .p-accordion-tab.p-accordion-tab-active { - margin-bottom: 1rem; -} -.p-accordion .p-accordion-tab.p-accordion-tab-active .p-accordion-toggle-icon { - transform: rotate(-180deg); -} -.p-accordion .p-accordion-tab .p-accordion-header.p-disabled { - opacity: 1; -} -.p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * { - opacity: 0.38; -} - -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; -} - -.p-input-filled .p-autocomplete .p-autocomplete-multiple-container { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: rgba(255, 255, 255, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext { - background-image: none; - background-color: transparent; -} -.p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); - border-color: transparent; - background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); -} -.p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:focus { - background-image: none; - background: transparent; -} - -.p-float-label .p-autocomplete-multiple-container .p-autocomplete-token { - padding: 0.25rem 1rem; -} - -.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { - padding-top: 0; - padding-bottom: 0; -} -.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - font-size: 75%; -} -.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { - padding: 0; -} -.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext { - border-color: transparent; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { - box-shadow: none; - border-color: transparent; -} -.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container { - border-color: transparent; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} - -p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; -} -p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; -} - -.p-breadcrumb .p-menuitem-link { - padding: 0.25rem 0.5rem; -} -.p-breadcrumb .p-menuitem-link:focus { - background: rgba(255, 255, 255, 0.12); -} - -.p-button { - font-weight: 500; - min-width: 4rem; -} -.p-button.p-button-icon-only { - min-width: auto; -} -.p-button:enabled:focus { - background: rgba(159, 168, 218, 0.76); -} -.p-button:enabled:active { - background: rgba(159, 168, 218, 0.68); -} -.p-button .p-ink { - background-color: rgba(255, 255, 255, 0.32); -} -.p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus { - background: rgba(159, 168, 218, 0.12); -} -.p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active { - background: rgba(159, 168, 218, 0.16); -} -.p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink { - background-color: rgba(159, 168, 218, 0.16); -} -.p-button.p-button-outlined { - box-shadow: inset 0 0 0 1px; -} -.p-button.p-button-outlined:enabled:focus { - box-shadow: inset 0 0 0 1px; -} -.p-button.p-button-outlined:enabled:active { - box-shadow: inset 0 0 0 1px; -} -.p-button:disabled { - background-color: rgba(255, 255, 255, 0.12) !important; - color: rgba(255, 255, 255, 0.38) !important; - opacity: 1; -} -.p-button:disabled.p-button-text { - background-color: transparent !important; - color: rgba(255, 255, 255, 0.38) !important; -} -.p-button:disabled.p-button-outlined { - background-color: transparent !important; - color: rgba(255, 255, 255, 0.38) !important; - border-color: rgba(255, 255, 255, 0.38) !important; -} -.p-button.p-button-raised:enabled:focus { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -} - -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - background: rgba(244, 143, 177, 0.76); -} -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: rgba(244, 143, 177, 0.68); -} -.p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus { - background: rgba(244, 143, 177, 0.12); -} -.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { - background: rgba(244, 143, 177, 0.16); -} -.p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink { - background-color: rgba(244, 143, 177, 0.16); -} - -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { - background: rgba(144, 202, 249, 0.76); -} -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: rgba(144, 202, 249, 0.68); -} -.p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus { - background: rgba(144, 202, 249, 0.12); -} -.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { - background: rgba(144, 202, 249, 0.16); -} -.p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink { - background-color: rgba(144, 202, 249, 0.16); -} - -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { - background: rgba(197, 225, 165, 0.76); -} -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: rgba(197, 225, 165, 0.68); -} -.p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus { - background: rgba(197, 225, 165, 0.12); -} -.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { - background: rgba(197, 225, 165, 0.16); -} -.p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink { - background-color: rgba(197, 225, 165, 0.16); -} - -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { - background: rgba(255, 245, 157, 0.76); -} -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: rgba(255, 245, 157, 0.68); -} -.p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus { - background: rgba(255, 245, 157, 0.12); -} -.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { - background: rgba(255, 245, 157, 0.16); -} -.p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink { - background-color: rgba(255, 245, 157, 0.16); -} - -.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - background: rgba(206, 147, 216, 0.76); -} -.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: rgba(206, 147, 216, 0.68); -} -.p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus { - background: rgba(206, 147, 216, 0.12); -} -.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { - background: rgba(206, 147, 216, 0.16); -} -.p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink { - background-color: rgba(206, 147, 216, 0.16); -} - -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { - background: rgba(239, 154, 154, 0.76); -} -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: rgba(239, 154, 154, 0.68); -} -.p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus { - background: rgba(239, 154, 154, 0.12); -} -.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { - background: rgba(239, 154, 154, 0.16); -} -.p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink { - background-color: rgba(239, 154, 154, 0.16); -} - -.p-calendar-w-btn { - border: 1px solid rgba(255, 255, 255, 0.3); - background: #1e1e1e; - border-radius: 4px; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-calendar-w-btn .p-inputtext { - background-image: none; - background-color: transparent; - border: 0 none; -} -.p-calendar-w-btn .p-inputtext:enabled:focus { - box-shadow: none; -} -.p-calendar-w-btn .p-datepicker-trigger.p-button { - background-color: transparent; - border: 0 none; -} -.p-calendar-w-btn .p-datepicker-trigger.p-button span { - color: rgba(255, 255, 255, 0.6); -} -.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover { - background: rgba(255, 255, 255, 0.04); -} -.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus { - background: rgba(255, 255, 255, 0.12); -} -.p-calendar-w-btn .p-datepicker-trigger.p-button:disabled { - background-color: transparent !important; -} -.p-calendar-w-btn:not(.p-calendar-disabled):hover { - border-color: rgba(255, 255, 255, 0.6); -} -.p-calendar-w-btn:not(.p-calendar-disabled).p-focus { - border-color: #9FA8DA; - box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; -} -.p-calendar-w-btn.p-calendar-disabled { - opacity: 0.38; -} - -.p-datepicker .p-datepicker-header { - border-bottom: 0 none; -} -.p-datepicker .p-datepicker-header .p-datepicker-title { - margin: 0 auto 0 0; - order: 1; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev { - order: 2; -} -.p-datepicker .p-datepicker-header .p-datepicker-next { - order: 3; -} -.p-datepicker table th { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.38); - font-weight: 400; - font-size: 0.875rem; -} -.p-datepicker table td.p-datepicker-today > span { - box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38); -} -.p-datepicker table td.p-datepicker-today.p-highlight { - box-shadow: 0 0 0 1px rgba(159, 168, 218, 0.16); -} - -p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; -} -p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { - border-color: #f44435; -} -p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext:enabled:focus { - box-shadow: none; -} -p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; -} - -.p-input-filled .p-calendar-w-btn { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: rgba(255, 255, 255, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-calendar-w-btn .p-inputtext { - background-image: none; - background-color: transparent; -} -.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); - border-color: transparent; - background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); -} -.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:focus { - background-image: none; - background: transparent; -} -.p-input-filled .p-calendar-w-btn .p-inputtext { - border: 0 none; -} -.p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext { - border-color: transparent; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: none; - border-color: transparent; -} -.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { - border-color: transparent; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext { - border: 0 none; - background-image: none; -} - -.p-cascadeselect .p-inputtext, .p-cascadeselect .p-cascadeselect-trigger { - background-image: none; - background: transparent; -} -.p-cascadeselect .p-inputtext { - border: 0 none; -} -.p-cascadeselect:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; -} - -.p-cascadeselect-item .p-ink { - background-color: rgba(159, 168, 218, 0.16); -} - -.p-input-filled .p-cascadeselect { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: rgba(255, 255, 255, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-cascadeselect .p-inputtext { - background-image: none; - background-color: transparent; -} -.p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); - border-color: transparent; - background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); -} -.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus { - background-image: none; - background: transparent; -} -.p-input-filled .p-cascadeselect .p-inputtext { - border: 0 none; -} -.p-input-filled .p-cascadeselect .p-cascadeselect-label:hover { - background-image: none; - background: transparent; -} -.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect { - border-color: transparent; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} - -.p-input-filled .p-float-label .p-cascadeselect .p-cascadeselect-label { - padding-top: 1.25rem; - padding-bottom: 0.25rem; -} -.p-input-filled .p-float-label .p-inputwrapper-filled .p-cascadeselect .p-cascadeselect-label { - padding-top: 1.25rem; - padding-bottom: 0.25rem; -} -.p-input-filled .p-cascadeselect.p-invalid { - border-color: transparent; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} - -p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; -} - -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #F48FB1; - color: #121212; -} - -.p-checkbox { - border-radius: 50%; - transition: box-shadow 0.2s; -} -.p-checkbox .p-checkbox-box { - border-color: rgba(255, 255, 255, 0.7); - border-radius: 2px; - position: relative; -} -.p-checkbox .p-checkbox-box:not(.p-disabled):hover { - border-color: rgba(255, 255, 255, 0.7); -} -.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { - border-color: rgba(255, 255, 255, 0.7); -} -.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus { - border-color: #9FA8DA; -} -.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before { - content: ""; - position: absolute; - top: 6px; - left: 1px; - border-right: 2px solid transparent; - border-bottom: 2px solid transparent; - transform: rotate(45deg); - transform-origin: 0% 100%; - animation: checkbox-check 125ms 50ms linear forwards; -} -.p-checkbox:not(.p-checkbox-disabled):hover { - box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); -} -.p-checkbox:not(.p-checkbox-disabled).p-checkbox-focused { - box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); -} -.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover { - box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.04); -} -.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused { - box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.12); -} - -.p-input-filled .p-checkbox .p-checkbox-box { - background-color: #1e1e1e; -} -.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { - background-color: #1e1e1e; -} - -@keyframes checkbox-check { - 0% { - width: 0; - height: 0; - border-color: #121212; - transform: translate3d(0, 0, 0) rotate(45deg); - } - 33% { - width: 4px; - height: 0; - transform: translate3d(0, 0, 0) rotate(45deg); - } - 100% { - width: 4px; - height: 10px; - border-color: #121212; - transform: translate3d(0, -10px, 0) rotate(45deg); - } -} -.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; -} - -.p-input-filled .p-chips-multiple-container { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: rgba(255, 255, 255, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-chips-multiple-container .p-inputtext { - background-image: none; - background-color: transparent; -} -.p-input-filled .p-chips-multiple-container:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); - border-color: transparent; - background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); -} -.p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-chips-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:focus { - background-image: none; - background: transparent; -} - -.p-float-label .p-chips-multiple-container .p-chips-token { - padding: 0.25rem 1rem; -} - -.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token { - padding-top: 0; - padding-bottom: 0; -} -.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { - font-size: 75%; -} -.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token { - padding: 0; -} -.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container { - border-color: transparent; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} - -p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; -} - -.p-datatable .p-sortable-column { - outline: 0 none; -} -.p-datatable .p-sortable-column:focus { - background-color: rgba(255, 255, 255, 0.03); -} -.p-datatable .p-datatable-tbody > tr { - outline: 0 none; -} -.p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus { - background-color: rgba(255, 255, 255, 0.03); -} - -.p-dropdown .p-inputtext, .p-dropdown .p-dropdown-trigger { - background-image: none; - background: transparent; -} -.p-dropdown .p-inputtext { - border: 0 none; -} -.p-dropdown:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; -} - -.p-dropdown-item .p-ink { - background-color: rgba(159, 168, 218, 0.16); -} - -.p-input-filled .p-dropdown { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: rgba(255, 255, 255, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-dropdown .p-inputtext { - background-image: none; - background-color: transparent; -} -.p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); - border-color: transparent; - background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); -} -.p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-dropdown .p-inputtext:enabled:hover, .p-input-filled .p-dropdown .p-inputtext:enabled:focus { - background-image: none; - background: transparent; -} -.p-input-filled .p-dropdown .p-inputtext { - border: 0 none; -} -.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown { - border-color: transparent; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus, .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} - -p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; -} - -.p-galleria .p-galleria-indicators { - padding: 1rem; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #F48FB1; - color: #121212; -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(244, 143, 177, 0.68); - color: #121212; -} - -.p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; -} -.p-inputtext:enabled:focus.ng-invalid.ng-dirty { - box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; -} - -.p-input-filled .p-inputtext { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: rgba(255, 255, 255, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-inputtext:enabled:hover { - background-color: rgba(255, 255, 255, 0.08); - border-color: transparent; - background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); -} -.p-input-filled .p-inputtext:enabled:focus { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-inputtext.ng-invalid.ng-dirty { - border-color: transparent; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled .p-inputtext.ng-invalid.ng-dirty:enabled:focus { - box-shadow: none; - border-color: transparent; -} - -.p-input-filled .p-inputgroup .p-inputgroup-addon { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: rgba(255, 255, 255, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-inputgroup .p-inputgroup-addon:last-child { - border-right-color: transparent; -} -.p-input-filled .p-inputgroup-addon:first-child, -.p-input-filled .p-inputgroup button:first-child, -.p-input-filled .p-inputgroup input:first-child { - border-bottom-left-radius: 0; -} -.p-input-filled .p-inputgroup .p-float-label:first-child input { - border-bottom-left-radius: 0; -} -.p-input-filled .p-inputgroup-addon:last-child, -.p-input-filled .p-inputgroup button:last-child, -.p-input-filled .p-inputgroup input:last-child { - border-bottom-right-radius: 0; -} -.p-input-filled .p-inputgroup .p-float-label:last-child input { - border-bottom-right-radius: 0; -} - -p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; -} - -.p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext { - border-color: transparent; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: none; - border-color: transparent; -} - -p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; -} - -.p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext { - border-color: transparent; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: none; - border-color: transparent; -} - -.p-inputswitch .p-inputswitch-slider:before { - transition-property: box-shadow transform; - box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); -} -.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before { - box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12), 0 0 1px 10px rgba(255, 255, 255, 0.04); -} -.p-inputswitch.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before { - box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); -} -.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before { - box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.04), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); -} -.p-inputswitch.p-inputswitch-checked.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before { - box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); -} - -.p-fieldset .p-fieldset-legend { - border: 0 none; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { - background: rgba(255, 255, 255, 0.12); -} - -.p-float-label input:focus ~ label, -.p-float-label input.p-filled ~ label, -.p-float-label textarea:focus ~ label, -.p-float-label textarea.p-filled ~ label, -.p-float-label .p-inputwrapper-focus ~ label, -.p-float-label .p-inputwrapper-filled ~ label { - top: -0.5rem !important; - background-color: #1e1e1e; - padding: 2px 4px; - margin-left: -4px; - margin-top: 0; -} - -.p-float-label textarea ~ label { - margin-top: 0; -} - -.p-float-label input:focus ~ label, -.p-float-label .p-inputwrapper-focus ~ label { - color: #9FA8DA; -} - -.p-input-filled .p-float-label .p-inputtext { - padding-top: 1.25rem; - padding-bottom: 0.25rem; -} -.p-input-filled .p-float-label input:focus ~ label, -.p-input-filled .p-float-label input.p-filled ~ label, -.p-input-filled .p-float-label textarea:focus ~ label, -.p-input-filled .p-float-label textarea.p-filled ~ label, -.p-input-filled .p-float-label .p-inputwrapper-focus ~ label, -.p-input-filled .p-float-label .p-inputwrapper-filled ~ label { - top: 0.25rem !important; - margin-top: 0; - background: transparent; -} - -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-toolbar .fc-button:focus { - background: rgba(159, 168, 218, 0.76); -} -.fc.fc-unthemed .fc-toolbar .fc-button:active { - background: rgba(159, 168, 218, 0.68); -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:focus { - background: rgba(159, 168, 218, 0.76); -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:active { - background: rgba(159, 168, 218, 0.68); -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { - background: #1c1c1c; - border-color: rgba(255, 255, 255, 0.12); -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { - background: #262626; - border-color: rgba(255, 255, 255, 0.12); -} -.fc.fc-theme-standard .fc-toolbar .fc-button:focus { - background: rgba(159, 168, 218, 0.76); -} -.fc.fc-theme-standard .fc-toolbar .fc-button:active { - background: rgba(159, 168, 218, 0.68); -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:focus { - background: rgba(159, 168, 218, 0.76); -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:active { - background: rgba(159, 168, 218, 0.68); -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { - background: #1c1c1c; - border-color: rgba(255, 255, 255, 0.12); -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { - background: #262626; - border-color: rgba(255, 255, 255, 0.12); -} - -.p-listbox .p-listbox-list .p-listbox-item .p-ink { - background-color: rgba(159, 168, 218, 0.16); -} -.p-listbox .p-listbox-list .p-listbox-item:focus { - background: rgba(255, 255, 255, 0.12); -} -.p-listbox .p-listbox-list .p-listbox-item:focus.p-highlight { - background: rgba(159, 168, 218, 0.24); -} - -.p-megamenu .p-menuitem .p-menuitem-link:focus { - background: rgba(255, 255, 255, 0.12); -} - -.p-menu .p-menuitem .p-menuitem-link:focus { - background: rgba(255, 255, 255, 0.12); -} - -.p-menubar .p-menuitem .p-menuitem-link:focus { - background: rgba(255, 255, 255, 0.12); -} - -.p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger { - background-image: none; - background: transparent; -} -.p-multiselect .p-multiselect-label { - border: 0 none; -} -.p-multiselect:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; -} -.p-multiselect .p-multiselect-items .p-multiselect-item .p-ink { - background-color: rgba(159, 168, 218, 0.16); -} -.p-multiselect .p-multiselect-items .p-multiselect-item:focus { - background: rgba(255, 255, 255, 0.12); -} -.p-multiselect .p-multiselect-items .p-multiselect-item:focus.p-highlight { - background: rgba(159, 168, 218, 0.24); -} -.p-multiselect .p-multiselect-close:focus { - background: rgba(255, 255, 255, 0.12); -} - -.p-input-filled .p-multiselect { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: rgba(255, 255, 255, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-multiselect .p-inputtext { - background-image: none; - background-color: transparent; -} -.p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); - border-color: transparent; - background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); -} -.p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-multiselect .p-inputtext:enabled:hover, .p-input-filled .p-multiselect .p-inputtext:enabled:focus { - background-image: none; - background: transparent; -} -.p-input-filled .p-multiselect .p-multiselect-label:hover { - background-image: none; - background: transparent; -} - -.p-float-label .p-multiselect-label .p-multiselect-token { - padding: 0.25rem 1rem; - margin-top: 0.25rem; - margin-bottom: 0.25rem; -} - -.p-input-filled .p-float-label .p-multiselect .p-multiselect-label { - padding-top: 1.25rem; - padding-bottom: 0.25rem; -} -.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect .p-multiselect-label { - padding-top: 1.25rem; - padding-bottom: 0.25rem; -} -.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token { - padding-top: 0; - padding-bottom: 0; - margin-top: 0; - margin-bottom: 0; -} -.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { - font-size: 75%; -} -.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect { - border-color: transparent; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus, .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} - -p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; -} - -.p-orderlist .p-orderlist-list .p-orderlist-item:focus { - background: rgba(255, 255, 255, 0.12); -} -.p-orderlist .p-orderlist-list .p-orderlist-item:focus.p-highlight { - background: rgba(159, 168, 218, 0.24); -} - -.p-overlaypanel .p-overlaypanel-content { - padding: 1.5rem; -} - -.p-paginator { - justify-content: flex-end; -} -.p-paginator .p-paginator-element:focus { - background: rgba(255, 255, 255, 0.12); -} -.p-paginator .p-paginator-element:focus.p-highlight { - background: rgba(159, 168, 218, 0.24); -} - -.p-panel { - border-radius: 4px; - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); -} -.p-panel .p-panel-header, -.p-panel .p-panel-content, -.p-panel .p-panel-footer { - border: 0 none; -} -.p-panel .p-panel-content { - padding-top: 0; -} -.p-panel .p-panel-title { - font-size: 1.25rem; -} -.p-panel .p-panel-header-icon:focus { - background: rgba(255, 255, 255, 0.12); -} - -.p-panelmenu .p-panelmenu-panel { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - margin-bottom: 0; - border-radius: 0; - position: relative; - transition: margin-bottom 225ms; -} -.p-panelmenu .p-panelmenu-panel:first-child { - border-top-left-radius: 4px; - border-top-right-radius: 4px; -} -.p-panelmenu .p-panelmenu-panel:last-child { - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-icon { - order: 1; - margin-left: auto; - margin-right: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled { - opacity: 1; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-link > * { - opacity: 0.38; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-link:focus { - background: rgba(255, 255, 255, 0.04); -} -.p-panelmenu .p-panelmenu-panel .p-menuitem .p-menuitem-link:focus { - background: rgba(255, 255, 255, 0.12); -} - -.p-picklist .p-picklist-list .p-picklist-item:focus { - background: rgba(255, 255, 255, 0.12); -} -.p-picklist .p-picklist-list .p-picklist-item:focus.p-highlight { - background: rgba(159, 168, 218, 0.24); -} - -.p-progressbar { - border-radius: 0; -} -.p-progressbar .p-progressbar-label { - display: none; -} - -.p-radiobutton { - border-radius: 50%; - transition: box-shadow 0.2s; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border: 2px solid rgba(255, 255, 255, 0.7); -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - border: 2px solid rgba(255, 255, 255, 0.7); -} -.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus { - border-color: #9FA8DA; -} -.p-radiobutton:not(.p-radiobutton-disabled):hover { - box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); -} -.p-radiobutton:not(.p-radiobutton-disabled).p-radiobutton-focused { - box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); -} -.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover { - box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.04); -} -.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused { - box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.12); -} - -.p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #1e1e1e; -} -.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #1e1e1e; -} - -.p-rating .p-rating-icon { - border-radius: 50%; - width: 2rem; - height: 2rem; - display: inline-flex; - justify-content: center; - align-items: center; - margin-left: 0; -} -.p-rating .p-rating-icon:focus { - background: rgba(159, 168, 218, 0.12); -} -.p-rating .p-rating-icon.p-rating-cancel:focus { - background: rgba(244, 68, 53, 0.12); -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { - background-color: rgba(0, 0, 0, 0.04); -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - background: rgba(244, 68, 53, 0.04); -} - -.p-selectbutton .p-button:focus { - background: #1c1c1c; - border-color: rgba(255, 255, 255, 0.12); -} -.p-selectbutton .p-button:focus.p-highlight { - background: #262626; - border-color: rgba(255, 255, 255, 0.12); -} - -.p-slidemenu .p-menuitem-link:focus { - background: rgba(255, 255, 255, 0.12); -} - -.p-slider .p-slider-handle { - transition: transform 0.2s, box-shadow 0.2s; - transform: scale(0.7); -} -.p-slider .p-slider-handle:focus { - box-shadow: 0 0 1px 10px rgba(244, 143, 177, 0.2); -} -.p-slider.p-slider-sliding .p-slider-handle { - transform: scale(1); -} - -.p-steps { - padding: 1rem 0; -} -.p-steps .p-steps-item { - justify-content: flex-start; - flex-direction: row-reverse; - align-items: center; -} -.p-steps .p-steps-item:before { - position: static; - left: auto; - top: auto; - margin-top: 0; -} -.p-steps .p-steps-item:last-child { - flex-grow: 0; -} -.p-steps .p-steps-item:last-child:before { - display: none; -} -.p-steps .p-steps-item .p-menuitem-link { - flex-direction: row; - flex: 1 1 auto; - overflow: visible; - padding: 1rem 0.5rem; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-number { - background-color: #9e9d9e; - color: #ffffff; - font-size: 0.857rem; - min-width: 1.714rem; - height: 1.714rem; - line-height: 1.714rem; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-title { - margin: 0; - padding-left: 0.5rem; -} -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { - background: rgba(255, 255, 255, 0.12); -} -.p-steps .p-steps-item.p-highlight .p-steps-number { - background-color: #9FA8DA; - color: #121212; -} -.p-steps .p-steps-item.p-highlight .p-steps-title { - font-weight: 600; - color: rgba(255, 255, 255, 0.87); -} -.p-steps .p-steps-item.p-disabled { - opacity: 1; -} - -.p-tabview .p-tabview-nav { - position: relative; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link { - transition: background-color 0.2s; - border-radius: 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link > .p-ink { - background-color: rgba(159, 168, 218, 0.16); -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link:focus { - background-color: rgba(159, 168, 218, 0.12); -} -.p-tabview .p-tabview-nav .p-tabview-ink-bar { - z-index: 1; - display: block; - position: absolute; - bottom: 0; - height: 2px; - background-color: #9FA8DA; - transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); -} - -.p-toolbar { - border: 0 none; -} - -.p-tooltip .p-tooltip-text { - box-shadow: none; - font-size: 0.875rem; -} -.p-tooltip .p-tooltip-arrow { - display: none; -} - -.p-tieredmenu .p-menuitem-link:focus { - background: rgba(255, 255, 255, 0.12); -} - -.p-treeselect .p-treeselect-label, .p-treeselect .p-treeselect-trigger { - background-image: none; - background: transparent; -} -.p-treeselect .p-treeselect-label { - border: 0 none; -} -.p-treeselect:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; -} - -.p-treeselect-item .p-ink { - background-color: rgba(159, 168, 218, 0.16); -} - -.p-input-filled .p-treeselect { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: rgba(255, 255, 255, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-treeselect .p-inputtext { - background-image: none; - background-color: transparent; -} -.p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); - border-color: transparent; - background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); -} -.p-input-filled .p-treeselect:not(.p-disabled).p-focus, .p-input-filled .p-treeselect:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-treeselect .p-inputtext:enabled:hover, .p-input-filled .p-treeselect .p-inputtext:enabled:focus { - background-image: none; - background: transparent; -} -.p-input-filled .p-treeselect .p-treeselect-label:hover { - background-image: none; - background: transparent; -} - -.p-float-label .p-treeselect-label .p-treeselect-token { - padding: 0.25rem 1rem; - margin-top: 0.25rem; - margin-bottom: 0.25rem; -} - -.p-input-filled .p-float-label .p-treeselect .p-treeselect-label { - padding-top: 1.25rem; - padding-bottom: 0.25rem; -} -.p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect .p-treeselect-label { - padding-top: 1.25rem; - padding-bottom: 0.25rem; -} -.p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-token { - padding-top: 0; - padding-bottom: 0; - margin-top: 0; - margin-bottom: 0; -} -.p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-token .p-treeselect-token-icon { - font-size: 75%; -} -.p-input-filled .p-treeselect.p-invalid { - border-color: transparent; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled .p-treeselect.p-invalid:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} -.p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); -} - -.p-treeselect.p-invalid:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; -} - -.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - background: rgba(255, 255, 255, 0.12); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content:focus.p-highlight { - background: rgba(159, 168, 218, 0.24); -} - -.p-treetable .p-sortable-column { - outline: 0 none; -} -.p-treetable .p-sortable-column:focus { - background-color: rgba(255, 255, 255, 0.03); -} -.p-treetable .p-treetable-tbody > tr { - outline: 0 none; -} -.p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus { - background-color: rgba(255, 255, 255, 0.03); -} - -.p-tabmenu .p-tabmenu-nav { - position: relative; -} -.p-tabmenu .p-tabmenu-nav li .p-menuitem-link { - transition: background-color 0.2s; - border-radius: 0; -} -.p-tabmenu .p-tabmenu-nav li .p-menuitem-link > .p-ink { - background-color: rgba(159, 168, 218, 0.16); -} -.p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus { - background-color: rgba(159, 168, 218, 0.12); -} -.p-tabmenu .p-tabmenu-nav li.p-highlight .p-menuitem-link:focus { - background-color: rgba(159, 168, 218, 0.12); -} -.p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar { - display: block; - position: absolute; - bottom: 0; - height: 2px; - background-color: #9FA8DA; - transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); -} - -.p-timeline.p-timeline-vertical .p-timeline-event-connector { - margin: 0.5rem 0; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-connector { - margin: 0 0.5rem; -} - -.p-togglebutton.p-button:focus { - background: #1c1c1c; - border-color: rgba(255, 255, 255, 0.12); -} -.p-togglebutton.p-button:focus.p-highlight { - background: #262626; - border-color: rgba(255, 255, 255, 0.12); -} - -/* Customizations to the designer theme should be defined here */ diff --git a/src/assets/theme/mdc-light-deeppurple/theme.css b/src/assets/theme/mdc-light-deeppurple/theme.css deleted file mode 100644 index 9e0bbf7..0000000 --- a/src/assets/theme/mdc-light-deeppurple/theme.css +++ /dev/null @@ -1,7138 +0,0 @@ -:root { - --surface-a:#ffffff; - --surface-b:#fafafa; - --surface-c:rgba(0,0,0,.04); - --surface-d:rgba(0,0,0,.12); - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:rgba(0, 0, 0, 0.87); - --text-color-secondary:rgba(0, 0, 0, 0.6); - --primary-color:#673AB7; - --primary-color-text:#ffffff; - --font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; - --surface-0: #ffffff; - --surface-50: #FAFAFA; - --surface-100: #F5F5F5; - --surface-200: #EEEEEE; - --surface-300: #E0E0E0; - --surface-400: #BDBDBD; - --surface-500: #9E9E9E; - --surface-600: #757575; - --surface-700: #616161; - --surface-800: #424242; - --surface-900: #212121; - --gray-50: #FAFAFA; - --gray-100: #F5F5F5; - --gray-200: #EEEEEE; - --gray-300: #E0E0E0; - --gray-400: #BDBDBD; - --gray-500: #9E9E9E; - --gray-600: #757575; - --gray-700: #616161; - --gray-800: #424242; - --gray-900: #212121; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:4px; - --surface-ground:#fafafa; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#rgba(0,0,0,.12); - --surface-hover:rgba(0,0,0,.04); - --maskbg: rgba(0, 0, 0, 0.32); - --focus-ring: none; -} - -/* roboto-regular - latin-ext_latin */ -@font-face { - font-family: "Roboto"; - font-style: normal; - font-weight: 400; - src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -/* roboto-500 - latin-ext_latin */ -@font-face { - font-family: "Roboto"; - font-style: normal; - font-weight: 500; - src: local("Roboto Medium"), local("Roboto-Medium"), url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-500.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -/* roboto-700 - latin-ext_latin */ -@font-face { - font-family: "Roboto"; - font-style: normal; - font-weight: 700; - src: local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -* { - box-sizing: border-box; -} - -.p-component { - font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; - font-size: 1rem; - font-weight: normal; -} - -.p-component-overlay { - background-color: rgba(0, 0, 0, 0.32); - transition-duration: 0.2s; -} - -.p-disabled, .p-component:disabled { - opacity: 0.38; -} - -.p-error { - color: #B00020; -} - -.p-text-secondary { - color: rgba(0, 0, 0, 0.6); -} - -.pi { - font-size: 1rem; -} - -.p-link { - font-size: 1rem; - font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; - border-radius: 4px; -} -.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-component-overlay-enter { - animation: p-component-overlay-enter-animation 150ms forwards; -} - -.p-component-overlay-leave { - animation: p-component-overlay-leave-animation 150ms forwards; -} - -@keyframes p-component-overlay-enter-animation { - from { - background-color: transparent; - } - to { - background-color: var(--maskbg); - } -} -@keyframes p-component-overlay-leave-animation { - from { - background-color: var(--maskbg); - } - to { - background-color: transparent; - } -} - -:root { - --blue-50:#f4fafe; - --blue-100:#cae6fc; - --blue-200:#a0d2fa; - --blue-300:#75bef8; - --blue-400:#4baaf5; - --blue-500:#2196f3; - --blue-600:#1c80cf; - --blue-700:#1769aa; - --blue-800:#125386; - --blue-900:#0d3c61; - --green-50:#f7faf5; - --green-100:#dbe8cf; - --green-200:#bed6a9; - --green-300:#a1c384; - --green-400:#85b15e; - --green-500:#689f38; - --green-600:#588730; - --green-700:#496f27; - --green-800:#39571f; - --green-900:#2a4016; - --yellow-50:#fffcf5; - --yellow-100:#fef0cd; - --yellow-200:#fde4a5; - --yellow-300:#fdd87d; - --yellow-400:#fccc55; - --yellow-500:#fbc02d; - --yellow-600:#d5a326; - --yellow-700:#b08620; - --yellow-800:#8a6a19; - --yellow-900:#644d12; - --cyan-50:#f2fcfd; - --cyan-100:#c2eff5; - --cyan-200:#91e2ed; - --cyan-300:#61d5e4; - --cyan-400:#30c9dc; - --cyan-500:#00bcd4; - --cyan-600:#00a0b4; - --cyan-700:#008494; - --cyan-800:#006775; - --cyan-900:#004b55; - --pink-50:#fef4f7; - --pink-100:#fac9da; - --pink-200:#f69ebc; - --pink-300:#f1749e; - --pink-400:#ed4981; - --pink-500:#e91e63; - --pink-600:#c61a54; - --pink-700:#a31545; - --pink-800:#801136; - --pink-900:#5d0c28; - --indigo-50:#f6f7fc; - --indigo-100:#d5d9ef; - --indigo-200:#b3bae2; - --indigo-300:#919cd5; - --indigo-400:#707dc8; - --indigo-500:#4e5fbb; - --indigo-600:#42519f; - --indigo-700:#374383; - --indigo-800:#2b3467; - --indigo-900:#1f264b; - --teal-50:#f2faf9; - --teal-100:#c2e6e2; - --teal-200:#91d2cc; - --teal-300:#61beb5; - --teal-400:#30aa9f; - --teal-500:#009688; - --teal-600:#008074; - --teal-700:#00695f; - --teal-800:#00534b; - --teal-900:#003c36; - --orange-50:#fffaf2; - --orange-100:#ffe6c2; - --orange-200:#ffd391; - --orange-300:#ffbf61; - --orange-400:#ffac30; - --orange-500:#ff9800; - --orange-600:#d98100; - --orange-700:#b36a00; - --orange-800:#8c5400; - --orange-900:#663d00; - --bluegray-50:#f7f9f9; - --bluegray-100:#d9e0e3; - --bluegray-200:#bbc7cd; - --bluegray-300:#9caeb7; - --bluegray-400:#7e96a1; - --bluegray-500:#607d8b; - --bluegray-600:#526a76; - --bluegray-700:#435861; - --bluegray-800:#35454c; - --bluegray-900:#263238; - --purple-50:#faf4fb; - --purple-100:#e7cbec; - --purple-200:#d4a2dd; - --purple-300:#c279ce; - --purple-400:#af50bf; - --purple-500:#9c27b0; - --purple-600:#852196; - --purple-700:#6d1b7b; - --purple-800:#561561; - --purple-900:#3e1046; -} - -.p-autocomplete .p-autocomplete-loader { - right: 0.75rem; -} -.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 3.5rem; -} -.p-autocomplete .p-autocomplete-multiple-container { - padding: 0.375rem 0.75rem; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: rgba(0, 0, 0, 0.87); -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #673AB7; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { - padding: 0.375rem 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; - font-size: 1rem; - color: rgba(0, 0, 0, 0.87); - padding: 0; - margin: 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: rgba(103, 58, 183, 0.12); - color: #673AB7; - border-radius: 4px; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; -} - -p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #B00020; -} - -.p-autocomplete-panel { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} -.p-autocomplete-panel .p-autocomplete-items:not(.p-autocomplete-virtualscroll) { - padding: 0; -} -.p-autocomplete-panel .p-autocomplete-items.p-autocomplete-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { - margin: 0; - padding: 0.75rem 0.75rem; - border: 0 none; - color: rgba(0, 0, 0, 0.87); - background: transparent; - transition: none; - border-radius: 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: rgba(0, 0, 0, 0.87); - background: rgba(0, 0, 0, 0.04); -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: #673AB7; - background: rgba(103, 58, 183, 0.12); -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.75rem 0.75rem; - color: rgba(0, 0, 0, 0.87); - background: transparent; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { - margin: 0; - padding: 0.75rem; - color: rgba(0, 0, 0, 0.6); - background: #ffffff; - font-weight: 400; -} - -p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { - border-color: #B00020; -} - -.p-datepicker { - padding: 0.5rem; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e5e5e5; - border-radius: 4px; -} -.p-datepicker:not(.p-datepicker-inline) { - background: #ffffff; - border: 0 none; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} -.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { - background: #ffffff; -} -.p-datepicker .p-datepicker-header { - padding: 0.5rem; - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - font-weight: 500; - margin: 0; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev, -.p-datepicker .p-datepicker-header .p-datepicker-next { - width: 2rem; - height: 2rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-datepicker .p-datepicker-header .p-datepicker-title { - line-height: 2rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - color: rgba(0, 0, 0, 0.87); - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - font-weight: 500; - padding: 0.5rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #673AB7; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - margin-right: 0.5rem; -} -.p-datepicker table { - font-size: 1rem; - margin: 0.5rem 0; -} -.p-datepicker table th { - padding: 0.5rem; -} -.p-datepicker table th > span { - width: 2.25rem; - height: 2.25rem; -} -.p-datepicker table td { - padding: 0.5rem; -} -.p-datepicker table td > span { - width: 2.25rem; - height: 2.25rem; - border-radius: 50%; - transition: none; - border: 1px solid transparent; -} -.p-datepicker table td > span.p-highlight { - color: #673AB7; - background: rgba(103, 58, 183, 0.12); -} -.p-datepicker table td > span:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-datepicker table td.p-datepicker-today > span { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border-color: black; -} -.p-datepicker table td.p-datepicker-today > span.p-highlight { - color: #673AB7; - background: rgba(103, 58, 183, 0.12); -} -.p-datepicker .p-datepicker-buttonbar { - padding: 0.75rem 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} -.p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; -} -.p-datepicker .p-timepicker { - border-top: 1px solid rgba(0, 0, 0, 0.12); - padding: 0.5rem; -} -.p-datepicker .p-timepicker button { - width: 2rem; - height: 2rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-timepicker button:enabled:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); -} -.p-datepicker .p-timepicker button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-datepicker .p-timepicker button:last-child { - margin-top: 0.2em; -} -.p-datepicker .p-timepicker span { - font-size: 1.25rem; -} -.p-datepicker .p-timepicker > div { - padding: 0 0.5rem; -} -.p-datepicker.p-datepicker-timeonly .p-timepicker { - border-top: 0 none; -} -.p-datepicker .p-monthpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-monthpicker .p-monthpicker-month { - padding: 0.5rem; - transition: none; - border-radius: 4px; -} -.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: #673AB7; - background: rgba(103, 58, 183, 0.12); -} -.p-datepicker .p-yearpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-yearpicker .p-yearpicker-year { - padding: 0.5rem; - transition: none; - border-radius: 4px; -} -.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { - color: #673AB7; - background: rgba(103, 58, 183, 0.12); -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid rgba(0, 0, 0, 0.12); - padding-right: 0.5rem; - padding-left: 0.5rem; - padding-top: 0; - padding-bottom: 0; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { - padding-left: 0; - border-left: 0 none; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { - padding-right: 0; -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { - background: rgba(0, 0, 0, 0.04); -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { - background: rgba(0, 0, 0, 0.04); -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -@media screen and (max-width: 769px) { - .p-datepicker table th, .p-datepicker table td { - padding: 0; - } -} -.p-cascadeselect { - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.38); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; -} -.p-cascadeselect:not(.p-disabled):hover { - border-color: rgba(0, 0, 0, 0.87); -} -.p-cascadeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #673AB7; -} -.p-cascadeselect .p-cascadeselect-label { - background: transparent; - border: 0 none; - padding: 0.75rem 0.75rem; -} -.p-cascadeselect .p-cascadeselect-label.p-placeholder { - color: rgba(0, 0, 0, 0.6); -} -.p-cascadeselect .p-cascadeselect-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-cascadeselect .p-cascadeselect-trigger { - background: transparent; - color: rgba(0, 0, 0, 0.6); - width: 2.75rem; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-cascadeselect-panel { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} -.p-cascadeselect-panel .p-cascadeselect-items { - padding: 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { - margin: 0; - border: 0 none; - color: rgba(0, 0, 0, 0.87); - background: transparent; - transition: none; - border-radius: 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.75rem 0.75rem; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { - color: #673AB7; - background: rgba(103, 58, 183, 0.12); -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(0, 0, 0, 0.87); - background: rgba(0, 0, 0, 0.04); -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { - font-size: 0.875rem; -} - -p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #B00020; -} - -.p-input-filled .p-cascadeselect { - background: #f5f5f5; -} -.p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #ececec; -} -.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #dcdcdc; -} - -.p-checkbox { - width: 18px; - height: 18px; -} -.p-checkbox .p-checkbox-box { - border: 2px solid #757575; - background: #ffffff; - width: 18px; - height: 18px; - color: rgba(0, 0, 0, 0.87); - border-radius: 4px; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-checkbox .p-checkbox-box .p-checkbox-icon { - transition-duration: 0.2s; - color: #ffffff; - font-size: 14px; -} -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #673AB7; - background: #673AB7; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: rgba(0, 0, 0, 0.87); -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #673AB7; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #673AB7; - background: #673AB7; - color: #ffffff; -} - -p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #B00020; -} - -.p-input-filled .p-checkbox .p-checkbox-box { - background-color: #f5f5f5; -} -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #673AB7; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #ececec; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #673AB7; -} - -.p-checkbox-label { - margin-left: 0.5rem; -} - -.p-chips .p-chips-multiple-container { - padding: 0.375rem 0.75rem; -} -.p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: rgba(0, 0, 0, 0.87); -} -.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #673AB7; -} -.p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: rgba(103, 58, 183, 0.12); - color: #673AB7; - border-radius: 4px; -} -.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { - margin-left: 0.5rem; -} -.p-chips .p-chips-multiple-container .p-chips-input-token { - padding: 0.375rem 0; -} -.p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; - font-size: 1rem; - color: rgba(0, 0, 0, 0.87); - padding: 0; - margin: 0; -} - -p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { - border-color: #B00020; -} - -.p-colorpicker-preview, -.p-fluid .p-colorpicker-preview.p-inputtext { - width: 2rem; - height: 2rem; -} - -.p-colorpicker-panel { - background: #323232; - border: 1px solid #191919; -} -.p-colorpicker-panel .p-colorpicker-color-handle, -.p-colorpicker-panel .p-colorpicker-hue-handle { - border-color: #ffffff; -} - -.p-colorpicker-overlay-panel { - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} - -.p-dropdown { - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.38); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; -} -.p-dropdown:not(.p-disabled):hover { - border-color: rgba(0, 0, 0, 0.87); -} -.p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #673AB7; -} -.p-dropdown.p-dropdown-clearable .p-dropdown-label { - padding-right: 1.75rem; -} -.p-dropdown .p-dropdown-label { - background: transparent; - border: 0 none; -} -.p-dropdown .p-dropdown-label.p-placeholder { - color: rgba(0, 0, 0, 0.6); -} -.p-dropdown .p-dropdown-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-dropdown .p-dropdown-trigger { - background: transparent; - color: rgba(0, 0, 0, 0.6); - width: 2.75rem; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} -.p-dropdown .p-dropdown-clear-icon { - color: rgba(0, 0, 0, 0.6); - right: 2.75rem; -} - -.p-dropdown-panel { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} -.p-dropdown-panel .p-dropdown-header { - padding: 0.75rem; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - margin: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { - padding-right: 1.75rem; - margin-right: -1.75rem; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { - right: 0.75rem; - color: rgba(0, 0, 0, 0.6); -} -.p-dropdown-panel .p-dropdown-items:not(.p-dropdown-virtualscroll) { - padding: 0; -} -.p-dropdown-panel .p-dropdown-items.p-dropdown-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item { - margin: 0; - padding: 0.75rem 0.75rem; - border: 0 none; - color: rgba(0, 0, 0, 0.87); - background: transparent; - transition: none; - border-radius: 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: #673AB7; - background: rgba(103, 58, 183, 0.12); -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(0, 0, 0, 0.87); - background: rgba(0, 0, 0, 0.04); -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.75rem 0.75rem; - color: rgba(0, 0, 0, 0.87); - background: transparent; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { - margin: 0; - padding: 0.75rem; - color: rgba(0, 0, 0, 0.6); - background: #ffffff; - font-weight: 400; -} - -p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #B00020; -} - -.p-input-filled .p-dropdown { - background: #f5f5f5; -} -.p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #ececec; -} -.p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: #dcdcdc; -} - -.p-editor-container .p-editor-toolbar { - background: #ffffff; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #e0e0e0; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: rgba(0, 0, 0, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: rgba(0, 0, 0, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: rgba(0, 0, 0, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: rgba(0, 0, 0, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: rgba(0, 0, 0, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: rgba(0, 0, 0, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: rgba(0, 0, 0, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: rgba(0, 0, 0, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: rgba(0, 0, 0, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #ffffff; - border: 0 none; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - border-radius: 4px; - padding: 0; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: rgba(0, 0, 0, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: rgba(0, 0, 0, 0.87); - background: rgba(0, 0, 0, 0.04); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.75rem 0.75rem; -} -.p-editor-container .p-editor-content { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-editor-container .p-editor-content.ql-snow { - border: 1px solid #e0e0e0; -} -.p-editor-container .p-editor-content .ql-editor { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: rgba(0, 0, 0, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: rgba(0, 0, 0, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: rgba(0, 0, 0, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #673AB7; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #673AB7; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #673AB7; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #673AB7; -} - -.p-inputgroup-addon { - background: #ffffff; - color: rgba(0, 0, 0, 0.6); - border-top: 1px solid rgba(0, 0, 0, 0.38); - border-left: 1px solid rgba(0, 0, 0, 0.38); - border-bottom: 1px solid rgba(0, 0, 0, 0.38); - padding: 0.75rem 0.75rem; - min-width: 2.75rem; -} -.p-inputgroup-addon:last-child { - border-right: 1px solid rgba(0, 0, 0, 0.38); -} - -.p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, -.p-inputgroup > .p-float-label > .p-component { - border-radius: 0; - margin: 0; -} -.p-inputgroup > .p-component + .p-inputgroup-addon, -.p-inputgroup > .p-element + .p-inputgroup-addon, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, -.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { - border-left: 0 none; -} -.p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, -.p-inputgroup > .p-float-label > .p-component:focus { - z-index: 1; -} -.p-inputgroup > .p-component:focus ~ label, -.p-inputgroup > .p-element:focus ~ label, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, -.p-inputgroup > .p-float-label > .p-component:focus ~ label { - z-index: 1; -} - -.p-inputgroup-addon:first-child, -.p-inputgroup button:first-child, -.p-inputgroup input:first-child, -.p-inputgroup > .p-inputwrapper:first-child > .p-component, -.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-inputgroup .p-float-label:first-child input { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-inputgroup-addon:last-child, -.p-inputgroup button:last-child, -.p-inputgroup input:last-child, -.p-inputgroup > .p-inputwrapper:last-child > .p-component, -.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-inputgroup .p-float-label:last-child input { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-fluid .p-inputgroup .p-button { - width: auto; -} -.p-fluid .p-inputgroup .p-button.p-button-icon-only { - width: 2.75rem; -} - -p-inputmask.ng-dirty.ng-invalid > .p-inputtext { - border-color: #B00020; -} - -p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { - border-color: #B00020; -} - -.p-inputswitch { - width: 2.75rem; - height: 1rem; -} -.p-inputswitch .p-inputswitch-slider { - background: rgba(0, 0, 0, 0.38); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 0.5rem; -} -.p-inputswitch .p-inputswitch-slider:before { - background: #ffffff; - width: 1.5rem; - height: 1.5rem; - left: -1px; - margin-top: -0.75rem; - border-radius: 50%; - transition-duration: 0.2s; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - transform: translateX(1.5rem); -} -.p-inputswitch.p-focus .p-inputswitch-slider { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: rgba(0, 0, 0, 0.38); -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: rgba(103, 58, 183, 0.5); -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: #673AB7; -} -.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: rgba(103, 58, 183, 0.5); -} - -p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { - border-color: #B00020; -} - -.p-inputtext { - font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; - font-size: 1rem; - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - padding: 0.75rem 0.75rem; - border: 1px solid rgba(0, 0, 0, 0.38); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - appearance: none; - border-radius: 4px; -} -.p-inputtext:enabled:hover { - border-color: rgba(0, 0, 0, 0.87); -} -.p-inputtext:enabled:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #673AB7; -} -.p-inputtext.ng-dirty.ng-invalid { - border-color: #B00020; -} -.p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.65625rem 0.65625rem; -} -.p-inputtext.p-inputtext-lg { - font-size: 1.25rem; - padding: 0.9375rem 0.9375rem; -} - -.p-float-label > label { - left: 0.75rem; - color: rgba(0, 0, 0, 0.6); - transition-duration: 0.2s; -} - -.p-float-label > .ng-invalid.ng-dirty + label { - color: #B00020; -} - -.p-input-icon-left > i:first-of-type { - left: 0.75rem; - color: rgba(0, 0, 0, 0.6); -} - -.p-input-icon-left > .p-inputtext { - padding-left: 2.5rem; -} - -.p-input-icon-left.p-float-label > label { - left: 2.5rem; -} - -.p-input-icon-right > i:last-of-type { - right: 0.75rem; - color: rgba(0, 0, 0, 0.6); -} - -.p-input-icon-right > .p-inputtext { - padding-right: 2.5rem; -} - -::-webkit-input-placeholder { - color: rgba(0, 0, 0, 0.6); -} - -:-moz-placeholder { - color: rgba(0, 0, 0, 0.6); -} - -::-moz-placeholder { - color: rgba(0, 0, 0, 0.6); -} - -:-ms-input-placeholder { - color: rgba(0, 0, 0, 0.6); -} - -.p-input-filled .p-inputtext { - background-color: #f5f5f5; -} -.p-input-filled .p-inputtext:enabled:hover { - background-color: #ececec; -} -.p-input-filled .p-inputtext:enabled:focus { - background-color: #dcdcdc; -} - -.p-inputtext-sm .p-inputtext { - font-size: 0.875rem; - padding: 0.65625rem 0.65625rem; -} - -.p-inputtext-lg .p-inputtext { - font-size: 1.25rem; - padding: 0.9375rem 0.9375rem; -} - -.p-listbox { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e5e5e5; - border-radius: 4px; -} -.p-listbox .p-listbox-header { - padding: 0.75rem; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - margin: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-listbox .p-listbox-header .p-listbox-filter { - padding-right: 1.75rem; -} -.p-listbox .p-listbox-header .p-listbox-filter-icon { - right: 0.75rem; - color: rgba(0, 0, 0, 0.6); -} -.p-listbox .p-listbox-header .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list { - padding: 0; -} -.p-listbox .p-listbox-list .p-listbox-item { - margin: 0; - padding: 0.75rem 0.75rem; - border: 0 none; - color: rgba(0, 0, 0, 0.87); - transition: none; - border-radius: 0; -} -.p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: #673AB7; - background: rgba(103, 58, 183, 0.12); -} -.p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list .p-listbox-item-group { - margin: 0; - padding: 0.75rem; - color: rgba(0, 0, 0, 0.6); - background: #ffffff; - font-weight: 400; -} -.p-listbox .p-listbox-list .p-listbox-empty-message { - padding: 0.75rem 0.75rem; - color: rgba(0, 0, 0, 0.87); - background: transparent; -} -.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(0, 0, 0, 0.87); - background: rgba(0, 0, 0, 0.04); -} - -p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #B00020; -} - -.p-multiselect { - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.38); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; -} -.p-multiselect:not(.p-disabled):hover { - border-color: rgba(0, 0, 0, 0.87); -} -.p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #673AB7; -} -.p-multiselect .p-multiselect-label { - padding: 0.75rem 0.75rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-multiselect .p-multiselect-label.p-placeholder { - color: rgba(0, 0, 0, 0.6); -} -.p-multiselect.p-multiselect-chip .p-multiselect-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: rgba(103, 58, 183, 0.12); - color: #673AB7; - border-radius: 4px; -} -.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { - margin-left: 0.5rem; -} -.p-multiselect .p-multiselect-trigger { - background: transparent; - color: rgba(0, 0, 0, 0.6); - width: 2.75rem; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { - padding: 0.375rem 0.75rem; -} - -.p-multiselect-panel { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} -.p-multiselect-panel .p-multiselect-header { - padding: 0.75rem; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - margin: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { - padding-right: 1.75rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { - right: 0.75rem; - color: rgba(0, 0, 0, 0.6); -} -.p-multiselect-panel .p-multiselect-header .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close { - margin-left: 0.5rem; - width: 2rem; - height: 2rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-multiselect-panel .p-multiselect-items:not(.p-multiselect-virtualscroll) { - padding: 0; -} -.p-multiselect-panel .p-multiselect-items.p-multiselect-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item { - margin: 0; - padding: 0.75rem 0.75rem; - border: 0 none; - color: rgba(0, 0, 0, 0.87); - background: transparent; - transition: none; - border-radius: 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: #673AB7; - background: rgba(103, 58, 183, 0.12); -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(0, 0, 0, 0.87); - background: rgba(0, 0, 0, 0.04); -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { - margin: 0; - padding: 0.75rem; - color: rgba(0, 0, 0, 0.6); - background: #ffffff; - font-weight: 400; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { - padding: 0.75rem 0.75rem; - color: rgba(0, 0, 0, 0.87); - background: transparent; -} - -p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #B00020; -} - -.p-input-filled .p-multiselect { - background: #f5f5f5; -} -.p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #ececec; -} -.p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #dcdcdc; -} - -p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #B00020; -} - -.p-password-panel { - padding: 0.75rem; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - border-radius: 4px; -} -.p-password-panel .p-password-meter { - margin-bottom: 0.5rem; - background: rgba(103, 58, 183, 0.32); -} -.p-password-panel .p-password-meter .p-password-strength.weak { - background: #D32F2F; -} -.p-password-panel .p-password-meter .p-password-strength.medium { - background: #FBC02D; -} -.p-password-panel .p-password-meter .p-password-strength.strong { - background: #689F38; -} - -.p-radiobutton { - width: 20px; - height: 20px; -} -.p-radiobutton .p-radiobutton-box { - border: 2px solid #757575; - background: #ffffff; - width: 20px; - height: 20px; - color: rgba(0, 0, 0, 0.87); - border-radius: 50%; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: rgba(0, 0, 0, 0.87); -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #673AB7; -} -.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - width: 10px; - height: 10px; - transition-duration: 0.2s; - background-color: #673AB7; -} -.p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #673AB7; - background: #ffffff; -} -.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #673AB7; - background: #ffffff; - color: #673AB7; -} - -p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #B00020; -} - -.p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #f5f5f5; -} -.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #ececec; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #ffffff; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #ffffff; -} - -.p-radiobutton-label { - margin-left: 0.5rem; -} - -.p-rating .p-rating-icon { - color: #673AB7; - margin-left: 0.5rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - font-size: 1rem; -} -.p-rating .p-rating-icon.p-rating-cancel { - color: #B00020; -} -.p-rating .p-rating-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-rating .p-rating-icon:first-child { - margin-left: 0; -} -.p-rating .p-rating-icon.pi-star-fill { - color: #673AB7; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { - color: #673AB7; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - color: #B00020; -} - -.p-selectbutton .p-button { - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-selectbutton .p-button .p-button-icon-left, -.p-selectbutton .p-button .p-button-icon-right { - color: rgba(0, 0, 0, 0.6); -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { - background: #f6f6f6; - border-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: rgba(0, 0, 0, 0.6); -} -.p-selectbutton .p-button.p-highlight { - background: #e0e0e1; - border-color: #e0e0e1; - color: rgba(0, 0, 0, 0.87); -} -.p-selectbutton .p-button.p-highlight .p-button-icon-left, -.p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: rgba(0, 0, 0, 0.6); -} -.p-selectbutton .p-button.p-highlight:hover { - background: #d9d8d9; - border-color: #d9d8d9; - color: rgba(0, 0, 0, 0.87); -} -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: rgba(0, 0, 0, 0.6); -} - -p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #B00020; -} - -.p-slider { - background: #c1c1c1; - border: 0 none; - border-radius: 4px; -} -.p-slider.p-slider-horizontal { - height: 2px; -} -.p-slider.p-slider-horizontal .p-slider-handle { - margin-top: -10px; - margin-left: -10px; -} -.p-slider.p-slider-vertical { - width: 2px; -} -.p-slider.p-slider-vertical .p-slider-handle { - margin-left: -10px; - margin-bottom: -10px; -} -.p-slider .p-slider-handle { - height: 20px; - width: 20px; - background: #673AB7; - border: 0 none; - border-radius: 50%; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-slider .p-slider-handle:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-slider .p-slider-range { - background: #673AB7; -} -.p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #673AB7; - border-color: 0 none; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), left 0.2s; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { - transition: width 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), bottom 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { - transition: height 0.2s; -} - -.p-togglebutton.p-button { - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-togglebutton.p-button .p-button-icon-left, -.p-togglebutton.p-button .p-button-icon-right { - color: rgba(0, 0, 0, 0.6); -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { - background: #f6f6f6; - border-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: rgba(0, 0, 0, 0.6); -} -.p-togglebutton.p-button.p-highlight { - background: #e0e0e1; - border-color: #e0e0e1; - color: rgba(0, 0, 0, 0.87); -} -.p-togglebutton.p-button.p-highlight .p-button-icon-left, -.p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: rgba(0, 0, 0, 0.6); -} -.p-togglebutton.p-button.p-highlight:hover { - background: #d9d8d9; - border-color: #d9d8d9; - color: rgba(0, 0, 0, 0.87); -} -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: rgba(0, 0, 0, 0.6); -} - -p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #B00020; -} - -.p-treeselect { - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.38); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; -} -.p-treeselect:not(.p-disabled):hover { - border-color: rgba(0, 0, 0, 0.87); -} -.p-treeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #673AB7; -} -.p-treeselect .p-treeselect-label { - padding: 0.75rem 0.75rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-treeselect .p-treeselect-label.p-placeholder { - color: rgba(0, 0, 0, 0.6); -} -.p-treeselect.p-treeselect-chip .p-treeselect-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); - border-radius: 16px; -} -.p-treeselect .p-treeselect-trigger { - background: transparent; - color: rgba(0, 0, 0, 0.6); - width: 2.75rem; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -p-treeselect.ng-invalid.ng-dirty > .p-treeselect { - border-color: #B00020; -} - -.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { - padding: 0.375rem 0.75rem; -} - -.p-treeselect-panel { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { - border: 0 none; -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { - padding: 0.75rem 0.75rem; - color: rgba(0, 0, 0, 0.87); - background: transparent; -} - -.p-input-filled .p-treeselect { - background: #f5f5f5; -} -.p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #ececec; -} -.p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: #dcdcdc; -} - -.p-button { - color: #ffffff; - background: #673AB7; - border: 0 none; - padding: 0.643rem 0.75rem; - font-size: 1rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; -} -.p-button:enabled:hover { - background: rgba(103, 58, 183, 0.92); - color: #ffffff; - border-color: transparent; -} -.p-button:enabled:active { - background: rgba(103, 58, 183, 0.68); - color: #ffffff; - border-color: transparent; -} -.p-button.p-button-outlined { - background-color: transparent; - color: #673AB7; - border: 0 none; -} -.p-button.p-button-outlined:enabled:hover { - background: rgba(103, 58, 183, 0.04); - color: #673AB7; - border: 0 none; -} -.p-button.p-button-outlined:enabled:active { - background: rgba(103, 58, 183, 0.16); - color: #673AB7; - border: 0 none; -} -.p-button.p-button-outlined.p-button-plain { - color: rgba(0, 0, 0, 0.6); - border-color: rgba(0, 0, 0, 0.6); -} -.p-button.p-button-outlined.p-button-plain:enabled:hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.6); -} -.p-button.p-button-outlined.p-button-plain:enabled:active { - background: rgba(0, 0, 0, 0.16); - color: rgba(0, 0, 0, 0.6); -} -.p-button.p-button-text { - background-color: transparent; - color: #673AB7; - border-color: transparent; -} -.p-button.p-button-text:enabled:hover { - background: rgba(103, 58, 183, 0.04); - color: #673AB7; - border-color: transparent; -} -.p-button.p-button-text:enabled:active { - background: rgba(103, 58, 183, 0.16); - color: #673AB7; - border-color: transparent; -} -.p-button.p-button-text.p-button-plain { - color: rgba(0, 0, 0, 0.6); -} -.p-button.p-button-text.p-button-plain:enabled:hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.6); -} -.p-button.p-button-text.p-button-plain:enabled:active { - background: rgba(0, 0, 0, 0.16); - color: rgba(0, 0, 0, 0.6); -} -.p-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-button .p-button-icon-left { - margin-right: 0.5rem; -} -.p-button .p-button-icon-right { - margin-left: 0.5rem; -} -.p-button .p-button-icon-bottom { - margin-top: 0.5rem; -} -.p-button .p-button-icon-top { - margin-bottom: 0.5rem; -} -.p-button .p-badge { - margin-left: 0.5rem; - min-width: 1rem; - height: 1rem; - line-height: 1rem; - color: #673AB7; - background-color: #ffffff; -} -.p-button.p-button-raised { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -} -.p-button.p-button-rounded { - border-radius: 2rem; -} -.p-button.p-button-icon-only { - width: 2.75rem; - padding: 0.643rem; -} -.p-button.p-button-icon-only .p-button-icon-left, -.p-button.p-button-icon-only .p-button-icon-right { - margin: 0; -} -.p-button.p-button-icon-only.p-button-rounded { - border-radius: 50%; - height: 2.75rem; -} -.p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.562625rem 0.65625rem; -} -.p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; -} -.p-button.p-button-lg { - font-size: 1.25rem; - padding: 0.80375rem 0.9375rem; -} -.p-button.p-button-lg .p-button-icon { - font-size: 1.25rem; -} -.p-button.p-button-loading-label-only .p-button-label { - margin-left: 0.5rem; -} -.p-button.p-button-loading-label-only .p-button-loading-icon { - margin-right: 0; -} - -.p-fluid .p-button { - width: 100%; -} -.p-fluid .p-button-icon-only { - width: 2.75rem; -} -.p-fluid .p-buttonset { - display: flex; -} -.p-fluid .p-buttonset .p-button { - flex: 1; -} - -.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { - color: #ffffff; - background: #4CAF50; - border: 0 none; -} -.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { - background: rgba(76, 175, 80, 0.92); - color: #ffffff; - border-color: transparent; -} -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - box-shadow: none; -} -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: rgba(76, 175, 80, 0.68); - color: #ffffff; - border-color: transparent; -} -.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { - background-color: transparent; - color: #4CAF50; - border: 0 none; -} -.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { - background: rgba(76, 175, 80, 0.04); - color: #4CAF50; - border: 0 none; -} -.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { - background: rgba(76, 175, 80, 0.16); - color: #4CAF50; - border: 0 none; -} -.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { - background-color: transparent; - color: #4CAF50; - border-color: transparent; -} -.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { - background: rgba(76, 175, 80, 0.04); - border-color: transparent; - color: #4CAF50; -} -.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { - background: rgba(76, 175, 80, 0.16); - border-color: transparent; - color: #4CAF50; -} - -.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { - color: #ffffff; - background: #2196F3; - border: 0 none; -} -.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { - background: rgba(33, 150, 243, 0.92); - color: #ffffff; - border-color: transparent; -} -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { - box-shadow: none; -} -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: rgba(33, 150, 243, 0.68); - color: #ffffff; - border-color: transparent; -} -.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { - background-color: transparent; - color: #2196F3; - border: 0 none; -} -.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { - background: rgba(33, 150, 243, 0.04); - color: #2196F3; - border: 0 none; -} -.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { - background: rgba(33, 150, 243, 0.16); - color: #2196F3; - border: 0 none; -} -.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { - background-color: transparent; - color: #2196F3; - border-color: transparent; -} -.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { - background: rgba(33, 150, 243, 0.04); - border-color: transparent; - color: #2196F3; -} -.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { - background: rgba(33, 150, 243, 0.16); - border-color: transparent; - color: #2196F3; -} - -.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { - color: #ffffff; - background: #689F38; - border: 0 none; -} -.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { - background: rgba(104, 159, 56, 0.92); - color: #ffffff; - border-color: transparent; -} -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { - box-shadow: none; -} -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: rgba(104, 159, 56, 0.68); - color: #ffffff; - border-color: transparent; -} -.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { - background-color: transparent; - color: #689F38; - border: 0 none; -} -.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { - background: rgba(104, 159, 56, 0.04); - color: #689F38; - border: 0 none; -} -.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { - background: rgba(104, 159, 56, 0.16); - color: #689F38; - border: 0 none; -} -.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { - background-color: transparent; - color: #689F38; - border-color: transparent; -} -.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { - background: rgba(104, 159, 56, 0.04); - border-color: transparent; - color: #689F38; -} -.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { - background: rgba(104, 159, 56, 0.16); - border-color: transparent; - color: #689F38; -} - -.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { - color: #212529; - background: #FBC02D; - border: 0 none; -} -.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { - background: rgba(251, 192, 45, 0.92); - color: #212529; - border-color: transparent; -} -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { - box-shadow: none; -} -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: rgba(251, 192, 45, 0.68); - color: #212529; - border-color: transparent; -} -.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { - background-color: transparent; - color: #FBC02D; - border: 0 none; -} -.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { - background: rgba(251, 192, 45, 0.04); - color: #FBC02D; - border: 0 none; -} -.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { - background: rgba(251, 192, 45, 0.16); - color: #FBC02D; - border: 0 none; -} -.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { - background-color: transparent; - color: #FBC02D; - border-color: transparent; -} -.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { - background: rgba(251, 192, 45, 0.04); - border-color: transparent; - color: #FBC02D; -} -.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { - background: rgba(251, 192, 45, 0.16); - border-color: transparent; - color: #FBC02D; -} - -.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { - color: #ffffff; - background: #9C27B0; - border: 0 none; -} -.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { - background: rgba(156, 39, 176, 0.92); - color: #ffffff; - border-color: transparent; -} -.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - box-shadow: none; -} -.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: rgba(156, 39, 176, 0.68); - color: #ffffff; - border-color: transparent; -} -.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { - background-color: transparent; - color: #9C27B0; - border: 0 none; -} -.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { - background: rgba(156, 39, 176, 0.04); - color: #9C27B0; - border: 0 none; -} -.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { - background: rgba(156, 39, 176, 0.16); - color: #9C27B0; - border: 0 none; -} -.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { - background-color: transparent; - color: #9C27B0; - border-color: transparent; -} -.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { - background: rgba(156, 39, 176, 0.04); - border-color: transparent; - color: #9C27B0; -} -.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { - background: rgba(156, 39, 176, 0.16); - border-color: transparent; - color: #9C27B0; -} - -.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { - color: #ffffff; - background: #D32F2F; - border: 0 none; -} -.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { - background: rgba(211, 47, 47, 0.92); - color: #ffffff; - border-color: transparent; -} -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { - box-shadow: none; -} -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: rgba(211, 47, 47, 0.68); - color: #ffffff; - border-color: transparent; -} -.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { - background-color: transparent; - color: #D32F2F; - border: 0 none; -} -.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { - background: rgba(211, 47, 47, 0.04); - color: #D32F2F; - border: 0 none; -} -.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { - background: rgba(211, 47, 47, 0.16); - color: #D32F2F; - border: 0 none; -} -.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { - background-color: transparent; - color: #D32F2F; - border-color: transparent; -} -.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { - background: rgba(211, 47, 47, 0.04); - border-color: transparent; - color: #D32F2F; -} -.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { - background: rgba(211, 47, 47, 0.16); - border-color: transparent; - color: #D32F2F; -} - -.p-button.p-button-link { - color: #673AB7; - background: transparent; - border: transparent; -} -.p-button.p-button-link:enabled:hover { - background: transparent; - color: #673AB7; - border-color: transparent; -} -.p-button.p-button-link:enabled:hover .p-button-label { - text-decoration: underline; -} -.p-button.p-button-link:enabled:focus { - background: transparent; - box-shadow: none; - border-color: transparent; -} -.p-button.p-button-link:enabled:active { - background: transparent; - color: #673AB7; - border-color: transparent; -} - -.p-speeddial-button.p-button.p-button-icon-only { - width: 4rem; - height: 4rem; -} -.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { - font-size: 2rem; -} - -.p-speeddial-action { - width: 3rem; - height: 3rem; - background: #4CAF50; - color: #fff; -} -.p-speeddial-action:hover { - background: rgba(76, 175, 80, 0.92); - color: #fff; -} - -.p-speeddial-direction-up .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-up .p-speeddial-item:first-child { - margin-bottom: 0.5rem; -} - -.p-speeddial-direction-down .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-down .p-speeddial-item:first-child { - margin-top: 0.5rem; -} - -.p-speeddial-direction-left .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-left .p-speeddial-item:first-child { - margin-right: 0.5rem; -} - -.p-speeddial-direction-right .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-right .p-speeddial-item:first-child { - margin-left: 0.5rem; -} - -.p-speeddial-circle .p-speeddial-item, -.p-speeddial-semi-circle .p-speeddial-item, -.p-speeddial-quarter-circle .p-speeddial-item { - margin: 0; -} -.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, -.p-speeddial-semi-circle .p-speeddial-item:first-child, -.p-speeddial-semi-circle .p-speeddial-item:last-child, -.p-speeddial-quarter-circle .p-speeddial-item:first-child, -.p-speeddial-quarter-circle .p-speeddial-item:last-child { - margin: 0; -} - -.p-speeddial-mask { - background-color: rgba(0, 0, 0, 0.32); -} - -.p-carousel .p-carousel-content .p-carousel-prev, -.p-carousel .p-carousel-content .p-carousel-next { - width: 2rem; - height: 2rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin: 0.5rem; -} -.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, -.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); -} -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-carousel .p-carousel-indicators { - padding: 1rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator { - margin-right: 0.5rem; - margin-bottom: 0.5rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: #dcdcdc; - width: 2rem; - height: 0.5rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 0; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { - background: #ececec; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: rgba(103, 58, 183, 0.12); - color: #673AB7; -} - -.p-datatable .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-datatable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-datatable .p-datatable-header { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - padding: 0.75rem 0.75rem; - font-weight: 500; -} -.p-datatable .p-datatable-footer { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - padding: 0.75rem 0.75rem; - font-weight: 500; -} -.p-datatable .p-datatable-thead > tr > th { - text-align: left; - padding: 0.75rem 0.75rem; - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - font-weight: 500; - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - transition: none; -} -.p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 0.75rem 0.75rem; - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - font-weight: 500; - color: rgba(0, 0, 0, 0.87); - background: #ffffff; -} -.p-datatable .p-sortable-column .p-sortable-column-icon { - color: rgba(0, 0, 0, 0.6); - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: #673AB7; - background: rgba(103, 58, 183, 0.12); - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column:not(.p-highlight):hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} -.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-datatable .p-sortable-column.p-highlight { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); -} -.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: rgba(0, 0, 0, 0.87); -} -.p-datatable .p-sortable-column.p-highlight:hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} -.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { - color: rgba(0, 0, 0, 0.87); -} -.p-datatable .p-sortable-column:focus { - box-shadow: none; - outline: 0 none; -} -.p-datatable .p-datatable-tbody > tr { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - transition: none; - outline-color: transparent; -} -.p-datatable .p-datatable-tbody > tr > td { - text-align: left; - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - padding: 0.75rem 0.75rem; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { - width: 2rem; - height: 2rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { - margin-right: 0.5rem; -} -.p-datatable .p-datatable-tbody > tr.p-highlight { - background: rgba(103, 58, 183, 0.12); - color: #673AB7; -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 rgba(103, 58, 183, 0.12); -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 rgba(103, 58, 183, 0.12); -} -.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} -.p-datatable .p-column-resizer-helper { - background: #673AB7; -} -.p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #ffffff; -} -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot { - background-color: #ffffff; -} -.p-datatable .p-datatable-loading-icon { - font-size: 2rem; -} -.p-datatable.p-datatable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-footer { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-top { - border-width: 0 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-bottom { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { - background: rgba(0, 0, 0, 0.02); -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: rgba(103, 58, 183, 0.12); - color: #673AB7; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: #673AB7; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: #673AB7; -} -.p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.375rem 0.375rem; -} -.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.375rem 0.375rem; -} -.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.375rem 0.375rem; -} -.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.375rem 0.375rem; -} -.p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.375rem 0.375rem; -} -.p-datatable.p-datatable-lg .p-datatable-header { - padding: 0.9375rem 0.9375rem; -} -.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { - padding: 0.9375rem 0.9375rem; -} -.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { - padding: 0.9375rem 0.9375rem; -} -.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { - padding: 0.9375rem 0.9375rem; -} -.p-datatable.p-datatable-lg .p-datatable-footer { - padding: 0.9375rem 0.9375rem; -} - -.p-dataview .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-dataview .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-dataview .p-dataview-header { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - padding: 0.75rem 0.75rem; - font-weight: 500; -} -.p-dataview .p-dataview-content { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - padding: 0.75rem; -} -.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid rgba(0, 0, 0, 0.12); - border-width: 0 0 1px 0; -} -.p-dataview .p-dataview-footer { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - padding: 0.75rem 0.75rem; - font-weight: 500; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; -} -.p-dataview .p-dataview-loading-icon { - font-size: 2rem; -} -.p-dataview .p-dataview-emptymessage { - padding: 0.75rem; -} - -.p-column-filter-row .p-column-filter-menu-button, -.p-column-filter-row .p-column-filter-clear-button { - margin-left: 0.5rem; -} - -.p-column-filter-menu-button { - width: 2rem; - height: 2rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-menu-button:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); -} -.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.6); -} -.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: rgba(103, 58, 183, 0.12); - color: #673AB7; -} -.p-column-filter-menu-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-column-filter-clear-button { - width: 2rem; - height: 2rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-clear-button:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); -} -.p-column-filter-clear-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-column-filter-overlay { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - min-width: 12.5rem; -} -.p-column-filter-overlay .p-column-filter-row-items { - padding: 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { - margin: 0; - padding: 0.75rem 0.75rem; - border: 0 none; - color: rgba(0, 0, 0, 0.87); - background: transparent; - transition: none; - border-radius: 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: #673AB7; - background: rgba(103, 58, 183, 0.12); -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(0, 0, 0, 0.87); - background: rgba(0, 0, 0, 0.04); -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid rgba(0, 0, 0, 0.12); - margin: 0.5rem 0; -} - -.p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.75rem; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - margin: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-column-filter-overlay-menu .p-column-filter-constraint { - padding: 0.75rem; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { - margin-bottom: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { - margin-top: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { - border-bottom: 0 none; -} -.p-column-filter-overlay-menu .p-column-filter-add-rule { - padding: 0.75rem 0.75rem; -} -.p-column-filter-overlay-menu .p-column-filter-buttonbar { - padding: 0.75rem; -} - -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #ffffff; - border: 1px solid #e0e0e0; - color: rgba(0, 0, 0, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #ffffff; - border: 1px solid #e0e0e0; - color: rgba(0, 0, 0, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #e0e0e0; -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #e0e0e0; -} -.fc.fc-unthemed .fc-view-container .fc-event { - background: rgba(103, 58, 183, 0.12); - border: 1px solid rgba(103, 58, 183, 0.12); - color: #673AB7; -} -.fc.fc-unthemed .fc-view-container .fc-divider { - background: #ffffff; - border: 1px solid #e0e0e0; -} -.fc.fc-unthemed .fc-toolbar .fc-button { - color: #ffffff; - background: #673AB7; - border: 0 none; - font-size: 1rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; - display: flex; - align-items: center; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: rgba(103, 58, 183, 0.92); - color: #ffffff; - border-color: transparent; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: rgba(103, 58, 183, 0.68); - color: #ffffff; - border-color: transparent; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #f6f6f6; - border-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #e0e0e1; - border-color: #e0e0e1; - color: rgba(0, 0, 0, 0.87); -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #d9d8d9; - border-color: #d9d8d9; - color: rgba(0, 0, 0, 0.87); -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - z-index: 1; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} -.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #e0e0e0; -} -.fc.fc-theme-standard .fc-view-harness th { - background: #ffffff; - border-color: #e0e0e0; - color: rgba(0, 0, 0, 0.87); -} -.fc.fc-theme-standard .fc-view-harness td { - color: rgba(0, 0, 0, 0.87); - border-color: #e0e0e0; -} -.fc.fc-theme-standard .fc-view-harness .fc-view { - background: #ffffff; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #e0e0e0; - padding: 0.75rem; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 0.75rem; - border: 1px solid #e0e0e0; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border-top: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #673AB7; - background: rgba(103, 58, 183, 0.12); - border-color: rgba(103, 58, 183, 0.12); -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #673AB7; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: rgba(103, 58, 183, 0.12); - border-color: rgba(103, 58, 183, 0.12); -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} -.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #ffffff; -} -.fc.fc-theme-standard .fc-toolbar .fc-button { - color: #ffffff; - background: #673AB7; - border: 0 none; - font-size: 1rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: rgba(103, 58, 183, 0.92); - color: #ffffff; - border-color: transparent; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: rgba(103, 58, 183, 0.68); - color: #ffffff; - border-color: transparent; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.38; - color: #ffffff; - background: #673AB7; - border: 0 none; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #f6f6f6; - border-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #e0e0e1; - border-color: #e0e0e1; - color: rgba(0, 0, 0, 0.87); -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #d9d8d9; - border-color: #d9d8d9; - color: rgba(0, 0, 0, 0.87); -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - z-index: 1; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} -.fc.fc-theme-standard a { - color: rgba(0, 0, 0, 0.87); -} -.fc.fc-theme-standard .fc-highlight { - color: #673AB7; - background: rgba(103, 58, 183, 0.12); -} - -.p-orderlist .p-orderlist-controls { - padding: 0.75rem; -} -.p-orderlist .p-orderlist-controls .p-button { - margin-bottom: 0.5rem; -} -.p-orderlist .p-orderlist-header { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e0e0e0; - padding: 0.75rem; - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-orderlist .p-orderlist-header .p-orderlist-title { - font-weight: 500; -} -.p-orderlist .p-orderlist-filter-container { - padding: 0.75rem; - background: #ffffff; - border: 1px solid #e0e0e0; - border-bottom: 0 none; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { - padding-right: 1.75rem; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { - right: 0.75rem; - color: rgba(0, 0, 0, 0.6); -} -.p-orderlist .p-orderlist-list { - border: 1px solid #e0e0e0; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - padding: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-orderlist .p-orderlist-list .p-orderlist-item { - padding: 0.75rem 0.75rem; - margin: 0; - border: 0 none; - color: rgba(0, 0, 0, 0.87); - background: transparent; - transition: none; -} -.p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #673AB7; - background: rgba(103, 58, 183, 0.12); -} -.p-orderlist .p-orderlist-list .p-orderlist-empty-message { - padding: 0.75rem 0.75rem; - color: rgba(0, 0, 0, 0.87); -} -.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} - -.p-orderlist-item.cdk-drag-preview { - padding: 0.75rem 0.75rem; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - border: 0 none; - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - margin: 0; -} - -.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} -.p-organizationchart .p-organizationchart-node-content.p-highlight { - background: rgba(103, 58, 183, 0.12); - color: #673AB7; -} -.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: rgba(49, 27, 86, 0.12); -} -.p-organizationchart .p-organizationchart-line-down { - background: rgba(0, 0, 0, 0.12); -} -.p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #e0e0e0; - border-color: rgba(0, 0, 0, 0.12); -} -.p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #e0e0e0; - border-color: rgba(0, 0, 0, 0.12); -} -.p-organizationchart .p-organizationchart-node-content { - border: 1px solid #e0e0e0; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - padding: 0.75rem; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler { - background: inherit; - color: inherit; - border-radius: 50%; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-paginator { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: solid #e4e4e4; - border-width: 0; - padding: 0.375rem 0.75rem; - border-radius: 4px; -} -.p-paginator .p-paginator-first, -.p-paginator .p-paginator-prev, -.p-paginator .p-paginator-next, -.p-paginator .p-paginator-last { - background-color: transparent; - border: 0 none; - color: rgba(0, 0, 0, 0.6); - min-width: 3rem; - height: 3rem; - margin: 0.143rem; - transition: none; - border-radius: 50%; -} -.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { - background: rgba(0, 0, 0, 0.04); - border-color: transparent; - color: rgba(0, 0, 0, 0.6); -} -.p-paginator .p-paginator-first { - border-top-left-radius: 50%; - border-bottom-left-radius: 50%; -} -.p-paginator .p-paginator-last { - border-top-right-radius: 50%; - border-bottom-right-radius: 50%; -} -.p-paginator .p-dropdown { - margin-left: 0.5rem; - margin-right: 0.5rem; - height: 3rem; -} -.p-paginator .p-dropdown .p-dropdown-label { - padding-right: 0; -} -.p-paginator .p-paginator-page-input { - margin-left: 0.5rem; - margin-right: 0.5rem; -} -.p-paginator .p-paginator-page-input .p-inputtext { - max-width: 3rem; -} -.p-paginator .p-paginator-current { - background-color: transparent; - border: 0 none; - color: rgba(0, 0, 0, 0.6); - min-width: 3rem; - height: 3rem; - margin: 0.143rem; - padding: 0 0.5rem; -} -.p-paginator .p-paginator-pages .p-paginator-page { - background-color: transparent; - border: 0 none; - color: rgba(0, 0, 0, 0.6); - min-width: 3rem; - height: 3rem; - margin: 0.143rem; - transition: none; - border-radius: 50%; -} -.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: rgba(103, 58, 183, 0.12); - border-color: rgba(103, 58, 183, 0.12); - color: #673AB7; -} -.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { - background: rgba(0, 0, 0, 0.04); - border-color: transparent; - color: rgba(0, 0, 0, 0.6); -} - -.p-picklist .p-picklist-buttons { - padding: 0.75rem; -} -.p-picklist .p-picklist-buttons .p-button { - margin-bottom: 0.5rem; -} -.p-picklist .p-picklist-header { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e0e0e0; - padding: 0.75rem; - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-picklist .p-picklist-header .p-picklist-title { - font-weight: 500; -} -.p-picklist .p-picklist-filter-container { - padding: 0.75rem; - background: #ffffff; - border: 1px solid #e0e0e0; - border-bottom: 0 none; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-input { - padding-right: 1.75rem; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { - right: 0.75rem; - color: rgba(0, 0, 0, 0.6); -} -.p-picklist .p-picklist-list { - border: 1px solid #e0e0e0; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - padding: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-picklist .p-picklist-list .p-picklist-item { - padding: 0.75rem 0.75rem; - margin: 0; - border: 0 none; - color: rgba(0, 0, 0, 0.87); - background: transparent; - transition: none; -} -.p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: #673AB7; - background: rgba(103, 58, 183, 0.12); -} -.p-picklist .p-picklist-list .p-picklist-empty-message { - padding: 0.75rem 0.75rem; - color: rgba(0, 0, 0, 0.87); -} -.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} - -.p-picklist-item.cdk-drag-preview { - padding: 0.75rem 0.75rem; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - border: 0 none; - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - margin: 0; -} - -.p-timeline .p-timeline-event-marker { - border: 0 none; - border-radius: 50%; - width: 1rem; - height: 1rem; - background-color: #bdbdbd; -} -.p-timeline .p-timeline-event-connector { - background-color: #bdbdbd; -} -.p-timeline.p-timeline-vertical .p-timeline-event-opposite, -.p-timeline.p-timeline-vertical .p-timeline-event-content { - padding: 0 1rem; -} -.p-timeline.p-timeline-vertical .p-timeline-event-connector { - width: 2px; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, -.p-timeline.p-timeline-horizontal .p-timeline-event-content { - padding: 1rem 0; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-connector { - height: 2px; -} - -.p-tree { - border: 1px solid #e0e0e0; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - padding: 0.75rem; - border-radius: 4px; -} -.p-tree .p-tree-container .p-treenode { - padding: 0.25rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content { - border-radius: 4px; - transition: none; - padding: 0.25rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; - width: 2rem; - height: 2rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { - margin-right: 0.5rem; - color: rgba(0, 0, 0, 0.6); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { - color: rgba(0, 0, 0, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: rgba(103, 58, 183, 0.12); - color: #673AB7; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #673AB7; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { - color: #673AB7; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} -.p-tree .p-tree-filter-container { - margin-bottom: 0.5rem; -} -.p-tree .p-tree-filter-container .p-tree-filter { - width: 100%; - padding-right: 1.75rem; -} -.p-tree .p-tree-filter-container .p-tree-filter-icon { - right: 0.75rem; - color: rgba(0, 0, 0, 0.6); -} -.p-tree .p-treenode-children { - padding: 0 0 0 1rem; -} -.p-tree .p-tree-loading-icon { - font-size: 2rem; -} -.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: rgba(82, 46, 146, 0.12); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { - border-radius: 4px; - border: 1px solid #e0e0e0; - background-color: #ffffff; - color: rgba(0, 0, 0, 0.87); - padding: 0.25rem; - transition: none; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { - background-color: rgba(103, 58, 183, 0.12); - color: #673AB7; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #673AB7; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { - color: rgba(0, 0, 0, 0.6); - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { - background-color: inherit; - color: inherit; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-treetable .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-treetable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-treetable .p-treetable-header { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - padding: 0.75rem 0.75rem; - font-weight: 500; -} -.p-treetable .p-treetable-footer { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - padding: 0.75rem 0.75rem; - font-weight: 500; -} -.p-treetable .p-treetable-thead > tr > th { - text-align: left; - padding: 0.75rem 0.75rem; - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - font-weight: 500; - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - transition: none; -} -.p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 0.75rem 0.75rem; - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - font-weight: 500; - color: rgba(0, 0, 0, 0.87); - background: #ffffff; -} -.p-treetable .p-sortable-column { - outline-color: transparent; -} -.p-treetable .p-sortable-column .p-sortable-column-icon { - color: rgba(0, 0, 0, 0.6); - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: #673AB7; - background: rgba(103, 58, 183, 0.12); - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column:not(.p-highlight):hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} -.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-treetable .p-sortable-column.p-highlight { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); -} -.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: rgba(0, 0, 0, 0.87); -} -.p-treetable .p-treetable-tbody > tr { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - transition: none; - outline-color: transparent; -} -.p-treetable .p-treetable-tbody > tr > td { - text-align: left; - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - padding: 0.75rem 0.75rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { - width: 2rem; - height: 2rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { - color: rgba(0, 0, 0, 0.87); -} -.p-treetable .p-treetable-tbody > tr.p-highlight { - background: rgba(103, 58, 183, 0.12); - color: #673AB7; -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: #673AB7; -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: #673AB7; -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { - color: rgba(0, 0, 0, 0.87); -} -.p-treetable .p-column-resizer-helper { - background: #673AB7; -} -.p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #ffffff; -} -.p-treetable .p-treetable-loading-icon { - font-size: 2rem; -} -.p-treetable.p-treetable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-footer { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-top { - border-width: 0 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-bottom { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-sm .p-treetable-header { - padding: 0.65625rem 0.65625rem; -} -.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { - padding: 0.375rem 0.375rem; -} -.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { - padding: 0.375rem 0.375rem; -} -.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { - padding: 0.375rem 0.375rem; -} -.p-treetable.p-treetable-sm .p-treetable-footer { - padding: 0.375rem 0.375rem; -} -.p-treetable.p-treetable-lg .p-treetable-header { - padding: 0.9375rem 0.9375rem; -} -.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { - padding: 0.9375rem 0.9375rem; -} -.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { - padding: 0.9375rem 0.9375rem; -} -.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { - padding: 0.9375rem 0.9375rem; -} -.p-treetable.p-treetable-lg .p-treetable-footer { - padding: 0.9375rem 0.9375rem; -} - -.p-virtualscroller .p-virtualscroller-header { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - padding: 0.75rem 0.75rem; - font-weight: 500; -} -.p-virtualscroller .p-virtualscroller-content { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - padding: 0.75rem; -} -.p-virtualscroller .p-virtualscroller-footer { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - padding: 0.75rem 0.75rem; - font-weight: 500; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-accordion .p-accordion-header .p-accordion-header-link { - padding: 1.25rem; - border: 0 none; - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - font-weight: 400; - border-radius: 4px; - transition: none; -} -.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { - margin-right: 0.5rem; -} -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { - background: #f6f6f6; - border-color: transparent; - color: rgba(0, 0, 0, 0.87); -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #ffffff; - border-color: transparent; - color: rgba(0, 0, 0, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-color: transparent; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); -} -.p-accordion .p-accordion-content { - padding: 0.75rem 1.25rem; - border: 0 none; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-accordion p-accordiontab .p-accordion-tab { - margin-bottom: 0; -} -.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { - border-radius: 0; -} -.p-accordion p-accordiontab .p-accordion-content { - border-radius: 0; -} -.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { - border-top: 0 none; -} -.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-top: 0 none; -} -.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-accordion p-accordiontab:last-child .p-accordion-content { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-card { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); - border-radius: 4px; -} -.p-card .p-card-body { - padding: 0.75rem; -} -.p-card .p-card-title { - font-size: 1.5rem; - font-weight: 700; - margin-bottom: 0.5rem; -} -.p-card .p-card-subtitle { - font-weight: 400; - margin-bottom: 0.5rem; - color: rgba(0, 0, 0, 0.6); -} -.p-card .p-card-content { - padding: 0.75rem 0; -} -.p-card .p-card-footer { - padding: 0.75rem 0 0 0; -} - -.p-divider .p-divider-content { - background-color: #ffffff; -} -.p-divider.p-divider-horizontal { - margin: 1.25rem 0; - padding: 0 1.25rem; -} -.p-divider.p-divider-horizontal:before { - border-top: 1px rgba(0, 0, 0, 0.12); -} -.p-divider.p-divider-horizontal .p-divider-content { - padding: 0 0.5rem; -} -.p-divider.p-divider-vertical { - margin: 0 1.25rem; - padding: 1.25rem 0; -} -.p-divider.p-divider-vertical:before { - border-left: 1px rgba(0, 0, 0, 0.12); -} -.p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; -} - -.p-fieldset { - border: 1px solid #e0e0e0; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border-radius: 4px; -} -.p-fieldset .p-fieldset-legend { - padding: 0.75rem; - border: 1px solid #e0e0e0; - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - font-weight: 500; - border-radius: 4px; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { - padding: 0; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { - padding: 0.75rem; - color: rgba(0, 0, 0, 0.87); - border-radius: 4px; - transition: none; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { - margin-right: 0.5rem; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: rgba(0, 0, 0, 0.04); - border-color: #e0e0e0; - color: rgba(0, 0, 0, 0.87); -} -.p-fieldset .p-fieldset-content { - padding: 0.75rem; -} - -.p-panel .p-panel-header { - border: 1px solid #e0e0e0; - padding: 0.75rem; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-panel .p-panel-header .p-panel-title { - font-weight: 500; -} -.p-panel .p-panel-header .p-panel-header-icon { - width: 2rem; - height: 2rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); -} -.p-panel .p-panel-header .p-panel-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-panel.p-panel-toggleable .p-panel-header { - padding: 0.5rem 1rem; -} -.p-panel .p-panel-content { - padding: 0.75rem; - border: 1px solid #e0e0e0; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - border-top: 0 none; -} -.p-panel .p-panel-footer { - padding: 0.75rem 0.75rem; - border: 1px solid #e0e0e0; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border-top: 0 none; -} - -.p-scrollpanel .p-scrollpanel-bar { - background: rgba(0, 0, 0, 0.12); - border: 0 none; -} - -.p-splitter { - border: 1px solid #e0e0e0; - background: #ffffff; - border-radius: 4px; - color: rgba(0, 0, 0, 0.87); -} -.p-splitter .p-splitter-gutter { - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - background: rgba(0, 0, 0, 0.04); -} -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: rgba(0, 0, 0, 0.12); -} -.p-splitter .p-splitter-gutter-resizing { - background: rgba(0, 0, 0, 0.12); -} - -.p-tabview .p-tabview-nav { - background: #ffffff; - border: solid rgba(0, 0, 0, 0.12); - border-width: 0 0 1px 0; -} -.p-tabview .p-tabview-nav li { - margin-right: 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid rgba(0, 0, 0, 0.12); - border-width: 0 0 1px 0; - border-color: transparent transparent rgba(0, 0, 0, 0.12) transparent; - background: #ffffff; - color: rgba(0, 0, 0, 0.6); - padding: 0.75rem 1.25rem; - font-weight: 500; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - transition: none; - margin: 0 0 0 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset none; -} -.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: rgba(103, 58, 183, 0.04); - border-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.6); -} -.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #ffffff; - border-color: rgba(0, 0, 0, 0.12); - color: #673AB7; -} -.p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; -} -.p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-close { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-nav-btn.p-link { - background: #ffffff; - color: #673AB7; - width: 2.75rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; -} -.p-tabview .p-tabview-nav-btn.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset none; -} -.p-tabview .p-tabview-panels { - background: #ffffff; - padding: 0.75rem; - border: 0 none; - color: rgba(0, 0, 0, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-toolbar { - background: #ffffff; - border: 1px solid #e0e0e0; - padding: 0.75rem; - border-radius: 4px; -} -.p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; -} - -.p-confirm-popup { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-confirm-popup .p-confirm-popup-content { - padding: 0.75rem; -} -.p-confirm-popup .p-confirm-popup-footer { - text-align: right; - padding: 0.75rem 0.75rem; -} -.p-confirm-popup .p-confirm-popup-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-confirm-popup .p-confirm-popup-footer button:last-child { - margin: 0; -} -.p-confirm-popup:after { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-confirm-popup:before { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-confirm-popup.p-confirm-popup-flipped:after { - border-top-color: #ffffff; -} -.p-confirm-popup.p-confirm-popup-flipped:before { - border-top-color: #ffffff; -} -.p-confirm-popup .p-confirm-popup-icon { - font-size: 1.5rem; -} -.p-confirm-popup .p-confirm-popup-message { - margin-left: 1rem; -} - -.p-dialog { - border-radius: 4px; - box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); - border: 0 none; -} -.p-dialog .p-dialog-header { - border-bottom: 0 none; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - padding: 1.25rem; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-dialog .p-dialog-header .p-dialog-title { - font-weight: 500; - font-size: 1.25rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon { - width: 2rem; - height: 2rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); -} -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { - margin-right: 0; -} -.p-dialog .p-dialog-content { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - padding: 0 1.25rem 1.25rem 1.25rem; -} -.p-dialog .p-dialog-footer { - border-top: 0 none; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - padding: 0.75rem 1.25rem; - text-align: right; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-dialog .p-dialog-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { - font-size: 2rem; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; -} - -.p-overlaypanel { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-overlaypanel .p-overlaypanel-content { - padding: 0.75rem; -} -.p-overlaypanel .p-overlaypanel-close { - background: #673AB7; - color: #ffffff; - width: 2rem; - height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; - position: absolute; - top: -1rem; - right: -1rem; -} -.p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: rgba(103, 58, 183, 0.92); - color: #ffffff; -} -.p-overlaypanel:after { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-overlaypanel:before { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-overlaypanel.p-overlaypanel-flipped:after { - border-top-color: #ffffff; -} -.p-overlaypanel.p-overlaypanel-flipped:before { - border-top-color: #ffffff; -} - -.p-sidebar { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-sidebar .p-sidebar-header { - padding: 0.75rem; -} -.p-sidebar .p-sidebar-header .p-sidebar-close, -.p-sidebar .p-sidebar-header .p-sidebar-icon { - width: 2rem; - height: 2rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, -.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); -} -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-sidebar .p-sidebar-header + .p-sidebar-content { - padding-top: 0; -} -.p-sidebar .p-sidebar-content { - padding: 0.75rem; -} - -.p-tooltip .p-tooltip-text { - background: rgba(97, 97, 97, 0.9); - color: #ffffff; - padding: 0.5rem; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - border-radius: 4px; -} -.p-tooltip.p-tooltip-right .p-tooltip-arrow { - border-right-color: rgba(97, 97, 97, 0.9); -} -.p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: rgba(97, 97, 97, 0.9); -} -.p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: rgba(97, 97, 97, 0.9); -} -.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: rgba(97, 97, 97, 0.9); -} - -.p-fileupload .p-fileupload-buttonbar { - background: #ffffff; - padding: 0.75rem; - border: 1px solid #e0e0e0; - color: rgba(0, 0, 0, 0.87); - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; -} -.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-fileupload .p-fileupload-content { - background: #ffffff; - padding: 2rem 1rem; - border: 1px solid #e0e0e0; - color: rgba(0, 0, 0, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-fileupload .p-progressbar { - height: 4px; -} -.p-fileupload .p-fileupload-row > div { - padding: 0.75rem 0.75rem; -} -.p-fileupload.p-fileupload-advanced .p-message { - margin-top: 0; -} - -.p-fileupload-choose:not(.p-disabled):hover { - background: rgba(103, 58, 183, 0.92); - color: #ffffff; - border-color: transparent; -} -.p-fileupload-choose:not(.p-disabled):active { - background: rgba(103, 58, 183, 0.68); - color: #ffffff; - border-color: transparent; -} - -.p-breadcrumb { - background: #ffffff; - border: 1px solid #e5e5e5; - border-radius: 4px; - padding: 0.75rem; -} -.p-breadcrumb ul li .p-menuitem-link { - transition: none; - border-radius: 4px; -} -.p-breadcrumb ul li .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-breadcrumb ul li.p-breadcrumb-chevron { - margin: 0 0.5rem 0 0.5rem; - color: rgba(0, 0, 0, 0.6); -} -.p-breadcrumb ul li:last-child .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-breadcrumb ul li:last-child .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); -} - -.p-contextmenu { - padding: 0.5rem 0; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 4px; - width: 12.5rem; -} -.p-contextmenu .p-menuitem-link { - padding: 0.75rem 0.75rem; - color: rgba(0, 0, 0, 0.87); - border-radius: 0; - transition: none; - user-select: none; -} -.p-contextmenu .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-contextmenu .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - margin-right: 0.5rem; -} -.p-contextmenu .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-contextmenu .p-submenu-list { - padding: 0.5rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 4px; -} -.p-contextmenu .p-menuitem { - margin: 0; -} -.p-contextmenu .p-menuitem:last-child { - margin: 0; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(0, 0, 0, 0.04); -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-contextmenu .p-menu-separator { - border-top: 1px solid rgba(0, 0, 0, 0.12); - margin: 0.5rem 0; -} -.p-contextmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-dock .p-dock-list { - background: rgba(255, 255, 255, 0.1); - border: 1px solid rgba(255, 255, 255, 0.2); - padding: 0.5rem 0.5rem; - border-radius: 0.5rem; -} -.p-dock .p-dock-item { - padding: 0.5rem; -} -.p-dock .p-dock-action { - width: 4rem; - height: 4rem; -} -.p-dock.p-dock-top .p-dock-item-second-prev, -.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, -.p-dock.p-dock-bottom .p-dock-item-second-next { - margin: 0 0.9rem; -} -.p-dock.p-dock-top .p-dock-item-prev, -.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, -.p-dock.p-dock-bottom .p-dock-item-next { - margin: 0 1.3rem; -} -.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { - margin: 0 1.5rem; -} -.p-dock.p-dock-left .p-dock-item-second-prev, -.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, -.p-dock.p-dock-right .p-dock-item-second-next { - margin: 0.9rem 0; -} -.p-dock.p-dock-left .p-dock-item-prev, -.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, -.p-dock.p-dock-right .p-dock-item-next { - margin: 1.3rem 0; -} -.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { - margin: 1.5rem 0; -} - -@media screen and (max-width: 960px) { - .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { - margin: auto 0; - } - .p-dock .p-dock-list .p-dock-item { - transform: none; - margin: 0; - } -} -.p-megamenu { - padding: 0.75rem; - background: transparent; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e5e5e5; - border-radius: 4px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem; - color: rgba(0, 0, 0, 0.87); - border-radius: 4px; - transition: none; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-megamenu .p-menuitem-link { - padding: 0.75rem 0.75rem; - color: rgba(0, 0, 0, 0.87); - border-radius: 0; - transition: none; - user-select: none; -} -.p-megamenu .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-megamenu .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-megamenu .p-megamenu-panel { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-megamenu .p-megamenu-submenu-header { - margin: 0; - padding: 0.75rem; - color: rgba(0, 0, 0, 0.6); - background: #ffffff; - font-weight: 400; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-megamenu .p-megamenu-submenu { - padding: 0.5rem 0; - width: 12.5rem; -} -.p-megamenu .p-megamenu-submenu .p-menu-separator { - border-top: 1px solid rgba(0, 0, 0, 0.12); - margin: 0.5rem 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem { - margin: 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { - margin: 0; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(0, 0, 0, 0.04); -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.5rem 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem { - margin: 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { - margin: 0; -} - -.p-menu { - padding: 0.5rem 0; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e5e5e5; - border-radius: 4px; - width: 12.5rem; -} -.p-menu .p-menuitem-link { - padding: 0.75rem 0.75rem; - color: rgba(0, 0, 0, 0.87); - border-radius: 0; - transition: none; - user-select: none; -} -.p-menu .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-menu .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - margin-right: 0.5rem; -} -.p-menu .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-menu.p-menu-overlay { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-menu .p-submenu-header { - margin: 0; - padding: 0.75rem; - color: rgba(0, 0, 0, 0.6); - background: #ffffff; - font-weight: 400; - border-top-right-radius: 0; - border-top-left-radius: 0; -} -.p-menu .p-menu-separator { - border-top: 1px solid rgba(0, 0, 0, 0.12); - margin: 0.5rem 0; -} -.p-menu .p-menuitem { - margin: 0; -} -.p-menu .p-menuitem:last-child { - margin: 0; -} - -.p-menubar { - padding: 0.75rem; - background: transparent; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e5e5e5; - border-radius: 4px; -} -.p-menubar .p-menuitem-link { - padding: 0.75rem 0.75rem; - color: rgba(0, 0, 0, 0.87); - border-radius: 0; - transition: none; - user-select: none; -} -.p-menubar .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-menubar .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - margin-right: 0.5rem; -} -.p-menubar .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem; - color: rgba(0, 0, 0, 0.87); - border-radius: 4px; - transition: none; - user-select: none; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - margin-right: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); - margin-left: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-menubar .p-submenu-list { - padding: 0.5rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - width: 12.5rem; -} -.p-menubar .p-submenu-list .p-menu-separator { - border-top: 1px solid rgba(0, 0, 0, 0.12); - margin: 0.5rem 0; -} -.p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; -} -.p-menubar .p-submenu-list .p-menuitem { - margin: 0; -} -.p-menubar .p-submenu-list .p-menuitem:last-child { - margin: 0; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(0, 0, 0, 0.04); -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} - -@media screen and (max-width: 960px) { - .p-menubar { - position: relative; - } - .p-menubar .p-menubar-button { - display: flex; - width: 2rem; - height: 2rem; - color: rgba(0, 0, 0, 0.6); - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-menubar .p-menubar-button:hover { - color: rgba(0, 0, 0, 0.6); - background: rgba(0, 0, 0, 0.04); - } - .p-menubar .p-menubar-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-menubar .p-menubar-root-list { - position: absolute; - display: none; - padding: 0.5rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - width: 100%; - } - .p-menubar .p-menubar-root-list .p-menu-separator { - border-top: 1px solid rgba(0, 0, 0, 0.12); - margin: 0.5rem 0; - } - .p-menubar .p-menubar-root-list .p-submenu-icon { - font-size: 0.875rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 0.75rem; - color: rgba(0, 0, 0, 0.87); - border-radius: 0; - transition: none; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - margin-right: 0.5rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - transition: transform 0.2s; - } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-180deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list { - width: 100%; - position: static; - box-shadow: none; - border: 0 none; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { - transition: transform 0.2s; - transform: rotate(90deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-90deg); - } - .p-menubar .p-menubar-root-list .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list ul li a { - padding-left: 2.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li a { - padding-left: 3.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li a { - padding-left: 5.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { - padding-left: 6.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { - padding-left: 8.25rem; - } - .p-menubar.p-menubar-mobile-active .p-menubar-root-list { - display: flex; - flex-direction: column; - top: 100%; - left: 0; - z-index: 1; - } -} -.p-panelmenu .p-panelmenu-header > a { - padding: 1.25rem; - border: 0 none; - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - font-weight: 400; - border-radius: 4px; - transition: none; -} -.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { - background: #f6f6f6; - border-color: transparent; - color: rgba(0, 0, 0, 0.87); -} -.p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight > a { - background: #ffffff; - border-color: transparent; - color: rgba(0, 0, 0, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { - border-color: transparent; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); -} -.p-panelmenu .p-panelmenu-content { - padding: 0.5rem 0; - border: 0 none; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - margin-bottom: 0; - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 0.75rem; - color: rgba(0, 0, 0, 0.87); - border-radius: 0; - transition: none; - user-select: none; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { - padding: 0 0 0 1rem; -} -.p-panelmenu .p-panelmenu-panel { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { - border-radius: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-content { - border-radius: 0; -} -.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { - border-top: 0 none; -} -.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { - border-top: 0 none; -} -.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-slidemenu { - padding: 0.5rem 0; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e5e5e5; - border-radius: 4px; - width: 12.5rem; -} -.p-slidemenu .p-menuitem-link { - padding: 0.75rem 0.75rem; - color: rgba(0, 0, 0, 0.87); - border-radius: 0; - transition: none; - user-select: none; -} -.p-slidemenu .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-slidemenu .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - margin-right: 0.5rem; -} -.p-slidemenu .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-slidemenu.p-slidemenu-overlay { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-slidemenu .p-slidemenu-list { - padding: 0.5rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { - background: rgba(0, 0, 0, 0.04); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { - color: rgba(0, 0, 0, 0.87); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-slidemenu .p-slidemenu-separator { - border-top: 1px solid rgba(0, 0, 0, 0.12); - margin: 0.5rem 0; -} -.p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; -} -.p-slidemenu .p-slidemenu-backward { - padding: 0.75rem 0.75rem; - color: rgba(0, 0, 0, 0.87); -} - -.p-steps .p-steps-item .p-menuitem-link { - background: transparent; - transition: none; - border-radius: 4px; - background: transparent; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-number { - color: rgba(0, 0, 0, 0.87); - border: 1px solid transparent; - background: transparent; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - z-index: 1; - border-radius: 50%; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-title { - margin-top: 0.5rem; - color: rgba(0, 0, 0, 0.87); -} -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-steps .p-steps-item.p-highlight .p-steps-number { - background: rgba(103, 58, 183, 0.12); - color: #673AB7; -} -.p-steps .p-steps-item.p-highlight .p-steps-title { - font-weight: 500; - color: rgba(0, 0, 0, 0.87); -} -.p-steps .p-steps-item:before { - content: " "; - border-top: 1px solid rgba(0, 0, 0, 0.12); - width: 100%; - top: 50%; - left: 0; - display: block; - position: absolute; - margin-top: -1rem; -} - -.p-tabmenu .p-tabmenu-nav { - background: #ffffff; - border: solid rgba(0, 0, 0, 0.12); - border-width: 0 0 1px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { - margin-right: 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { - border: solid rgba(0, 0, 0, 0.12); - border-width: 0 0 1px 0; - border-color: transparent transparent rgba(0, 0, 0, 0.12) transparent; - background: #ffffff; - color: rgba(0, 0, 0, 0.6); - padding: 0.75rem 1.25rem; - font-weight: 500; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - transition: none; - margin: 0 0 0 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset none; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: rgba(103, 58, 183, 0.04); - border-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.6); -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #ffffff; - border-color: rgba(0, 0, 0, 0.12); - color: #673AB7; -} - -.p-tieredmenu { - padding: 0.5rem 0; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e5e5e5; - border-radius: 4px; - width: 12.5rem; -} -.p-tieredmenu .p-menuitem-link { - padding: 0.75rem 0.75rem; - color: rgba(0, 0, 0, 0.87); - border-radius: 0; - transition: none; - user-select: none; -} -.p-tieredmenu .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-tieredmenu .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - margin-right: 0.5rem; -} -.p-tieredmenu .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-tieredmenu.p-tieredmenu-overlay { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-tieredmenu .p-submenu-list { - padding: 0.5rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-tieredmenu .p-menuitem { - margin: 0; -} -.p-tieredmenu .p-menuitem:last-child { - margin: 0; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(0, 0, 0, 0.04); -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-tieredmenu .p-menu-separator { - border-top: 1px solid rgba(0, 0, 0, 0.12); - margin: 0.5rem 0; -} -.p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-inline-message { - padding: 0.75rem 0.75rem; - margin: 0; - border-radius: 4px; -} -.p-inline-message.p-inline-message-info { - background: #B3E5FC; - border: solid transparent; - border-width: 1px; - color: #01579B; -} -.p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #01579B; -} -.p-inline-message.p-inline-message-success { - background: #C8E6C9; - border: solid transparent; - border-width: 1px; - color: #1B5E20; -} -.p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #1B5E20; -} -.p-inline-message.p-inline-message-warn { - background: #FFECB3; - border: solid transparent; - border-width: 1px; - color: #7f6003; -} -.p-inline-message.p-inline-message-warn .p-inline-message-icon { - color: #7f6003; -} -.p-inline-message.p-inline-message-error { - background: #FFCDD2; - border: solid transparent; - border-width: 1px; - color: #B71C1C; -} -.p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #B71C1C; -} -.p-inline-message .p-inline-message-icon { - font-size: 1rem; - margin-right: 0.5rem; -} -.p-inline-message .p-inline-message-text { - font-size: 1rem; -} -.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { - margin-right: 0; -} - -.p-message { - margin: 0.75rem 0; - border-radius: 4px; -} -.p-message .p-message-wrapper { - padding: 1rem 1.25rem; -} -.p-message .p-message-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-message .p-message-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-message.p-message-info { - background: #B3E5FC; - border: solid transparent; - border-width: 0 0 0 0; - color: #01579B; -} -.p-message.p-message-info .p-message-icon { - color: #01579B; -} -.p-message.p-message-info .p-message-close { - color: #01579B; -} -.p-message.p-message-success { - background: #C8E6C9; - border: solid transparent; - border-width: 0 0 0 0; - color: #1B5E20; -} -.p-message.p-message-success .p-message-icon { - color: #1B5E20; -} -.p-message.p-message-success .p-message-close { - color: #1B5E20; -} -.p-message.p-message-warn { - background: #FFECB3; - border: solid transparent; - border-width: 0 0 0 0; - color: #7f6003; -} -.p-message.p-message-warn .p-message-icon { - color: #7f6003; -} -.p-message.p-message-warn .p-message-close { - color: #7f6003; -} -.p-message.p-message-error { - background: #FFCDD2; - border: solid transparent; - border-width: 0 0 0 0; - color: #B71C1C; -} -.p-message.p-message-error .p-message-icon { - color: #B71C1C; -} -.p-message.p-message-error .p-message-close { - color: #B71C1C; -} -.p-message .p-message-text { - font-size: 1rem; - font-weight: 500; -} -.p-message .p-message-icon { - font-size: 1.5rem; - margin-right: 0.5rem; -} -.p-message .p-message-summary { - font-weight: 700; -} -.p-message .p-message-detail { - margin-left: 0.5rem; -} - -.p-toast { - opacity: 0.9; -} -.p-toast .p-toast-message { - margin: 0 0 1rem 0; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - border-radius: 4px; -} -.p-toast .p-toast-message .p-toast-message-content { - padding: 1.25rem; - border-width: 0 0 0 0; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { - margin: 0 0 0 1rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { - font-size: 2rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { - font-weight: 700; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { - margin: 0.5rem 0 0 0; -} -.p-toast .p-toast-message .p-toast-icon-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-toast .p-toast-message .p-toast-icon-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; - border: solid transparent; - border-width: 0 0 0 0; - color: #01579B; -} -.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { - color: #01579B; -} -.p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; - border: solid transparent; - border-width: 0 0 0 0; - color: #1B5E20; -} -.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { - color: #1B5E20; -} -.p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; - border: solid transparent; - border-width: 0 0 0 0; - color: #7f6003; -} -.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { - color: #7f6003; -} -.p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; - border: solid transparent; - border-width: 0 0 0 0; - color: #B71C1C; -} -.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { - color: #B71C1C; -} - -.p-galleria .p-galleria-close { - margin: 0.5rem; - background: transparent; - color: rgba(255, 255, 255, 0.87); - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-close .p-galleria-close-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-close:hover { - background: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.87); -} -.p-galleria .p-galleria-item-nav { - background: transparent; - color: #f6f6f6; - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; - margin: 0 0.5rem; -} -.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, -.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.87); -} -.p-galleria .p-galleria-caption { - background: rgba(0, 0, 0, 0.5); - color: rgba(255, 255, 255, 0.87); - padding: 1rem; -} -.p-galleria .p-galleria-indicators { - padding: 1rem; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #dcdcdc; - width: 1.25rem; - height: 1.25rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { - background: #ececec; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(103, 58, 183, 0.12); - color: #673AB7; -} -.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { - margin-right: 0.5rem; -} -.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { - margin-bottom: 0.5rem; -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { - background: rgba(0, 0, 0, 0.5); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { - background: rgba(255, 255, 255, 0.4); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { - background: rgba(255, 255, 255, 0.6); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(103, 58, 183, 0.12); - color: #673AB7; -} -.p-galleria .p-galleria-thumbnail-container { - background: rgba(0, 0, 0, 0.9); - padding: 1rem 0.25rem; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { - margin: 0.5rem; - background-color: transparent; - color: rgba(255, 255, 255, 0.87); - width: 2rem; - height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { - background: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.87); -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-galleria-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-preview-indicator { - background-color: transparent; - color: #f8f9fa; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} - -.p-image-preview-container:hover > .p-image-preview-indicator { - background-color: rgba(0, 0, 0, 0.5); -} - -.p-image-toolbar { - padding: 1rem; -} - -.p-image-action.p-link { - color: #f8f9fa; - background-color: transparent; - width: 3rem; - height: 3rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-image-action.p-link:last-child { - margin-right: 0; -} -.p-image-action.p-link:hover { - color: #f8f9fa; - background-color: rgba(255, 255, 255, 0.1); -} -.p-image-action.p-link i { - font-size: 1.5rem; -} - -.p-avatar { - background-color: rgba(0, 0, 0, 0.12); - border-radius: 4px; -} -.p-avatar.p-avatar-lg { - width: 3rem; - height: 3rem; - font-size: 1.5rem; -} -.p-avatar.p-avatar-lg .p-avatar-icon { - font-size: 1.5rem; -} -.p-avatar.p-avatar-xl { - width: 4rem; - height: 4rem; - font-size: 2rem; -} -.p-avatar.p-avatar-xl .p-avatar-icon { - font-size: 2rem; -} - -.p-avatar-group .p-avatar { - border: 2px solid #ffffff; -} - -.p-badge { - background: #673AB7; - color: #ffffff; - font-size: 0.75rem; - font-weight: 700; - min-width: 1.5rem; - height: 1.5rem; - line-height: 1.5rem; -} -.p-badge.p-badge-secondary { - background-color: #4CAF50; - color: #ffffff; -} -.p-badge.p-badge-success { - background-color: #689F38; - color: #ffffff; -} -.p-badge.p-badge-info { - background-color: #2196F3; - color: #ffffff; -} -.p-badge.p-badge-warning { - background-color: #FBC02D; - color: #212529; -} -.p-badge.p-badge-danger { - background-color: #D32F2F; - color: #ffffff; -} -.p-badge.p-badge-lg { - font-size: 1.125rem; - min-width: 2.25rem; - height: 2.25rem; - line-height: 2.25rem; -} -.p-badge.p-badge-xl { - font-size: 1.5rem; - min-width: 3rem; - height: 3rem; - line-height: 3rem; -} - -.p-chip { - background-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); - border-radius: 16px; - padding: 0 0.75rem; -} -.p-chip .p-chip-text { - line-height: 1.5; - margin-top: 0.375rem; - margin-bottom: 0.375rem; -} -.p-chip .p-chip-icon { - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - margin-left: 0.5rem; -} -.p-chip img { - width: 2.25rem; - height: 2.25rem; - margin-left: -0.75rem; - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - border-radius: 4px; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-inplace .p-inplace-display { - padding: 1rem 1rem; - border-radius: 4px; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-inplace .p-inplace-display:not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} -.p-inplace .p-inplace-display:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-progressbar { - border: 0 none; - height: 4px; - background: rgba(103, 58, 183, 0.32); - border-radius: 4px; -} -.p-progressbar .p-progressbar-value { - border: 0 none; - margin: 0; - background: #673AB7; -} -.p-progressbar .p-progressbar-label { - color: #ffffff; - line-height: 4px; -} - -.p-scrolltop { - width: 3rem; - height: 3rem; - border-radius: 50%; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-scrolltop.p-link { - background: #4CAF50; -} -.p-scrolltop.p-link:hover { - background: rgba(76, 175, 80, 0.92); -} -.p-scrolltop .p-scrolltop-icon { - font-size: 1.5rem; - color: #ffffff; -} - -.p-skeleton { - background-color: rgba(0, 0, 0, 0.08); - border-radius: 4px; -} -.p-skeleton:after { - background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); -} - -.p-tag { - background: #673AB7; - color: #ffffff; - font-size: 0.75rem; - font-weight: 700; - padding: 0.25rem 0.4rem; - border-radius: 4px; -} -.p-tag.p-tag-success { - background-color: #689F38; - color: #ffffff; -} -.p-tag.p-tag-info { - background-color: #2196F3; - color: #ffffff; -} -.p-tag.p-tag-warning { - background-color: #FBC02D; - color: #212529; -} -.p-tag.p-tag-danger { - background-color: #D32F2F; - color: #ffffff; -} -.p-tag .p-tag-icon { - margin-right: 0.25rem; - font-size: 0.75rem; -} - -.p-terminal { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e0e0e0; - padding: 0.75rem; -} -.p-terminal .p-terminal-input { - font-size: 1rem; - font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; -} - -.p-accordion .p-accordion-tab { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - margin-bottom: 0; - border-radius: 0; - position: relative; - transition: margin-bottom 225ms; -} -.p-accordion .p-accordion-tab:first-child { - border-top-left-radius: 4px; - border-top-right-radius: 4px; -} -.p-accordion .p-accordion-tab:last-child { - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; -} -.p-accordion .p-accordion-tab .p-accordion-toggle-icon { - order: 1; - margin-left: auto; - transition: transform 0.2s; -} -.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-header-link:focus { - background: #f6f6f6; -} -.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-toggle-icon { - transform: rotate(-270deg); -} -.p-accordion .p-accordion-tab.p-accordion-tab-active { - margin-bottom: 1rem; -} -.p-accordion .p-accordion-tab.p-accordion-tab-active .p-accordion-toggle-icon { - transform: rotate(-180deg); -} -.p-accordion .p-accordion-tab .p-accordion-header.p-disabled { - opacity: 1; -} -.p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * { - opacity: 0.38; -} - -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; -} - -.p-input-filled .p-autocomplete .p-autocomplete-multiple-container { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: #f5f5f5 no-repeat; - background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext { - background-image: none; - background-color: transparent; -} -.p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - background-color: #ececec; - border-color: transparent; - background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); -} -.p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-color: #dcdcdc; - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:focus { - background-image: none; - background: transparent; -} - -.p-float-label .p-autocomplete-multiple-container .p-autocomplete-token { - padding: 0.25rem 1rem; -} - -.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { - padding-top: 0; - padding-bottom: 0; -} -.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - font-size: 75%; -} -.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { - padding: 0; -} -.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext { - border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { - box-shadow: none; - border-color: transparent; -} -.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container { - border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} - -p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; -} -p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; -} - -.p-breadcrumb .p-menuitem-link { - padding: 0.25rem 0.5rem; -} -.p-breadcrumb .p-menuitem-link:focus { - background: rgba(0, 0, 0, 0.12); -} - -.p-button { - font-weight: 500; - min-width: 4rem; -} -.p-button.p-button-icon-only { - min-width: auto; -} -.p-button:enabled:focus { - background: rgba(103, 58, 183, 0.76); -} -.p-button:enabled:active { - background: rgba(103, 58, 183, 0.68); -} -.p-button .p-ink { - background-color: rgba(255, 255, 255, 0.32); -} -.p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus { - background: rgba(103, 58, 183, 0.12); -} -.p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active { - background: rgba(103, 58, 183, 0.16); -} -.p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink { - background-color: rgba(103, 58, 183, 0.16); -} -.p-button.p-button-outlined { - box-shadow: inset 0 0 0 1px; -} -.p-button.p-button-outlined:enabled:focus { - box-shadow: inset 0 0 0 1px; -} -.p-button.p-button-outlined:enabled:active { - box-shadow: inset 0 0 0 1px; -} -.p-button:disabled { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(0, 0, 0, 0.38) !important; - opacity: 1; -} -.p-button:disabled.p-button-text { - background-color: transparent !important; - color: rgba(0, 0, 0, 0.38) !important; -} -.p-button:disabled.p-button-outlined { - background-color: transparent !important; - color: rgba(0, 0, 0, 0.38) !important; - border-color: rgba(0, 0, 0, 0.38) !important; -} -.p-button.p-button-raised:enabled:focus { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -} - -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - background: rgba(76, 175, 80, 0.76); -} -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: rgba(76, 175, 80, 0.68); -} -.p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus { - background: rgba(76, 175, 80, 0.12); -} -.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { - background: rgba(76, 175, 80, 0.16); -} -.p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink { - background-color: rgba(76, 175, 80, 0.16); -} - -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { - background: rgba(33, 150, 243, 0.76); -} -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: rgba(33, 150, 243, 0.68); -} -.p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus { - background: rgba(33, 150, 243, 0.12); -} -.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { - background: rgba(33, 150, 243, 0.16); -} -.p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink { - background-color: rgba(33, 150, 243, 0.16); -} - -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { - background: rgba(104, 159, 56, 0.76); -} -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: rgba(104, 159, 56, 0.68); -} -.p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus { - background: rgba(104, 159, 56, 0.12); -} -.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { - background: rgba(104, 159, 56, 0.16); -} -.p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink { - background-color: rgba(104, 159, 56, 0.16); -} - -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { - background: rgba(251, 192, 45, 0.76); -} -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: rgba(251, 192, 45, 0.68); -} -.p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus { - background: rgba(251, 192, 45, 0.12); -} -.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { - background: rgba(251, 192, 45, 0.16); -} -.p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink { - background-color: rgba(251, 192, 45, 0.16); -} - -.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - background: rgba(156, 39, 176, 0.76); -} -.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: rgba(156, 39, 176, 0.68); -} -.p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus { - background: rgba(156, 39, 176, 0.12); -} -.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { - background: rgba(156, 39, 176, 0.16); -} -.p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink { - background-color: rgba(156, 39, 176, 0.16); -} - -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { - background: rgba(211, 47, 47, 0.76); -} -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: rgba(211, 47, 47, 0.68); -} -.p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus { - background: rgba(211, 47, 47, 0.12); -} -.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { - background: rgba(211, 47, 47, 0.16); -} -.p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink { - background-color: rgba(211, 47, 47, 0.16); -} - -.p-calendar-w-btn { - border: 1px solid rgba(0, 0, 0, 0.38); - background: #ffffff; - border-radius: 4px; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-calendar-w-btn .p-inputtext { - background-image: none; - background-color: transparent; - border: 0 none; -} -.p-calendar-w-btn .p-inputtext:enabled:focus { - box-shadow: none; -} -.p-calendar-w-btn .p-datepicker-trigger.p-button { - background-color: transparent; - border: 0 none; -} -.p-calendar-w-btn .p-datepicker-trigger.p-button span { - color: rgba(0, 0, 0, 0.6); -} -.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover { - background: rgba(0, 0, 0, 0.04); -} -.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus { - background: rgba(0, 0, 0, 0.12); -} -.p-calendar-w-btn .p-datepicker-trigger.p-button:disabled { - background-color: transparent !important; -} -.p-calendar-w-btn:not(.p-calendar-disabled):hover { - border-color: rgba(0, 0, 0, 0.87); -} -.p-calendar-w-btn:not(.p-calendar-disabled).p-focus { - border-color: #673AB7; - box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; -} -.p-calendar-w-btn.p-calendar-disabled { - opacity: 0.38; -} - -.p-datepicker .p-datepicker-header { - border-bottom: 0 none; -} -.p-datepicker .p-datepicker-header .p-datepicker-title { - margin: 0 auto 0 0; - order: 1; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev { - order: 2; -} -.p-datepicker .p-datepicker-header .p-datepicker-next { - order: 3; -} -.p-datepicker table th { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.38); - font-weight: 400; - font-size: 0.875rem; -} -.p-datepicker table td.p-datepicker-today > span { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38); -} -.p-datepicker table td.p-datepicker-today.p-highlight { - box-shadow: 0 0 0 1px rgba(103, 58, 183, 0.12); -} - -p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; -} -p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { - border-color: #B00020; -} -p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext:enabled:focus { - box-shadow: none; -} -p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; -} - -.p-input-filled .p-calendar-w-btn { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: #f5f5f5 no-repeat; - background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-calendar-w-btn .p-inputtext { - background-image: none; - background-color: transparent; -} -.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover { - background-color: #ececec; - border-color: transparent; - background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); -} -.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-color: #dcdcdc; - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:focus { - background-image: none; - background: transparent; -} -.p-input-filled .p-calendar-w-btn .p-inputtext { - border: 0 none; -} -.p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext { - border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: none; - border-color: transparent; -} -.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { - border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext { - border: 0 none; - background-image: none; -} - -.p-cascadeselect .p-inputtext, .p-cascadeselect .p-cascadeselect-trigger { - background-image: none; - background: transparent; -} -.p-cascadeselect .p-inputtext { - border: 0 none; -} -.p-cascadeselect:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; -} - -.p-cascadeselect-item .p-ink { - background-color: rgba(103, 58, 183, 0.16); -} - -.p-input-filled .p-cascadeselect { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: #f5f5f5 no-repeat; - background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-cascadeselect .p-inputtext { - background-image: none; - background-color: transparent; -} -.p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #ececec; - border-color: transparent; - background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); -} -.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-color: #dcdcdc; - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus { - background-image: none; - background: transparent; -} -.p-input-filled .p-cascadeselect .p-inputtext { - border: 0 none; -} -.p-input-filled .p-cascadeselect .p-cascadeselect-label:hover { - background-image: none; - background: transparent; -} -.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect { - border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} - -.p-input-filled .p-float-label .p-cascadeselect .p-cascadeselect-label { - padding-top: 1.25rem; - padding-bottom: 0.25rem; -} -.p-input-filled .p-float-label .p-inputwrapper-filled .p-cascadeselect .p-cascadeselect-label { - padding-top: 1.25rem; - padding-bottom: 0.25rem; -} -.p-input-filled .p-cascadeselect.p-invalid { - border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} - -p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; -} - -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #4CAF50; - color: #ffffff; -} - -.p-checkbox { - border-radius: 50%; - transition: box-shadow 0.2s; -} -.p-checkbox .p-checkbox-box { - border-color: #757575; - border-radius: 2px; - position: relative; -} -.p-checkbox .p-checkbox-box:not(.p-disabled):hover { - border-color: #757575; -} -.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { - border-color: #757575; -} -.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus { - border-color: #673AB7; -} -.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before { - content: ""; - position: absolute; - top: 6px; - left: 1px; - border-right: 2px solid transparent; - border-bottom: 2px solid transparent; - transform: rotate(45deg); - transform-origin: 0% 100%; - animation: checkbox-check 125ms 50ms linear forwards; -} -.p-checkbox:not(.p-checkbox-disabled):hover { - box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); -} -.p-checkbox:not(.p-checkbox-disabled).p-checkbox-focused { - box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); -} -.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover { - box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.04); -} -.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused { - box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12); -} - -.p-input-filled .p-checkbox .p-checkbox-box { - background-color: #ffffff; -} -.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { - background-color: #ffffff; -} - -@keyframes checkbox-check { - 0% { - width: 0; - height: 0; - border-color: #ffffff; - transform: translate3d(0, 0, 0) rotate(45deg); - } - 33% { - width: 4px; - height: 0; - transform: translate3d(0, 0, 0) rotate(45deg); - } - 100% { - width: 4px; - height: 10px; - border-color: #ffffff; - transform: translate3d(0, -10px, 0) rotate(45deg); - } -} -.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; -} - -.p-input-filled .p-chips-multiple-container { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: #f5f5f5 no-repeat; - background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-chips-multiple-container .p-inputtext { - background-image: none; - background-color: transparent; -} -.p-input-filled .p-chips-multiple-container:not(.p-disabled):hover { - background-color: #ececec; - border-color: transparent; - background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); -} -.p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-color: #dcdcdc; - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-chips-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:focus { - background-image: none; - background: transparent; -} - -.p-float-label .p-chips-multiple-container .p-chips-token { - padding: 0.25rem 1rem; -} - -.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token { - padding-top: 0; - padding-bottom: 0; -} -.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { - font-size: 75%; -} -.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token { - padding: 0; -} -.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container { - border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} - -p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; -} - -.p-datatable .p-sortable-column { - outline: 0 none; -} -.p-datatable .p-sortable-column:focus { - background-color: rgba(0, 0, 0, 0.03); -} -.p-datatable .p-datatable-tbody > tr { - outline: 0 none; -} -.p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus { - background-color: rgba(0, 0, 0, 0.03); -} - -.p-dropdown .p-inputtext, .p-dropdown .p-dropdown-trigger { - background-image: none; - background: transparent; -} -.p-dropdown .p-inputtext { - border: 0 none; -} -.p-dropdown:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; -} - -.p-dropdown-item .p-ink { - background-color: rgba(103, 58, 183, 0.16); -} - -.p-input-filled .p-dropdown { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: #f5f5f5 no-repeat; - background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-dropdown .p-inputtext { - background-image: none; - background-color: transparent; -} -.p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #ececec; - border-color: transparent; - background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); -} -.p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-color: #dcdcdc; - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-dropdown .p-inputtext:enabled:hover, .p-input-filled .p-dropdown .p-inputtext:enabled:focus { - background-image: none; - background: transparent; -} -.p-input-filled .p-dropdown .p-inputtext { - border: 0 none; -} -.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown { - border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus, .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} - -p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; -} - -.p-galleria .p-galleria-indicators { - padding: 1rem; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #4CAF50; - color: #ffffff; -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(76, 175, 80, 0.68); - color: #ffffff; -} - -.p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; -} -.p-inputtext:enabled:focus.ng-invalid.ng-dirty { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; -} - -.p-input-filled .p-inputtext { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: #f5f5f5 no-repeat; - background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-inputtext:enabled:hover { - background-color: #ececec; - border-color: transparent; - background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); -} -.p-input-filled .p-inputtext:enabled:focus { - box-shadow: none; - background-color: #dcdcdc; - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-inputtext.ng-invalid.ng-dirty { - border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled .p-inputtext.ng-invalid.ng-dirty:enabled:focus { - box-shadow: none; - border-color: transparent; -} - -.p-input-filled .p-inputgroup .p-inputgroup-addon { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: #f5f5f5 no-repeat; - background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-inputgroup .p-inputgroup-addon:last-child { - border-right-color: transparent; -} -.p-input-filled .p-inputgroup-addon:first-child, -.p-input-filled .p-inputgroup button:first-child, -.p-input-filled .p-inputgroup input:first-child { - border-bottom-left-radius: 0; -} -.p-input-filled .p-inputgroup .p-float-label:first-child input { - border-bottom-left-radius: 0; -} -.p-input-filled .p-inputgroup-addon:last-child, -.p-input-filled .p-inputgroup button:last-child, -.p-input-filled .p-inputgroup input:last-child { - border-bottom-right-radius: 0; -} -.p-input-filled .p-inputgroup .p-float-label:last-child input { - border-bottom-right-radius: 0; -} - -p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; -} - -.p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext { - border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: none; - border-color: transparent; -} - -p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; -} - -.p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext { - border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: none; - border-color: transparent; -} - -.p-inputswitch .p-inputswitch-slider:before { - transition-property: box-shadow transform; - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); -} -.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before { - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12), 0 0 1px 10px rgba(0, 0, 0, 0.04); -} -.p-inputswitch.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before { - box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); -} -.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before { - box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.04), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); -} -.p-inputswitch.p-inputswitch-checked.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before { - box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); -} - -.p-fieldset .p-fieldset-legend { - border: 0 none; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { - background: rgba(0, 0, 0, 0.12); -} - -.p-float-label input:focus ~ label, -.p-float-label input.p-filled ~ label, -.p-float-label textarea:focus ~ label, -.p-float-label textarea.p-filled ~ label, -.p-float-label .p-inputwrapper-focus ~ label, -.p-float-label .p-inputwrapper-filled ~ label { - top: -0.5rem !important; - background-color: #ffffff; - padding: 2px 4px; - margin-left: -4px; - margin-top: 0; -} - -.p-float-label textarea ~ label { - margin-top: 0; -} - -.p-float-label input:focus ~ label, -.p-float-label .p-inputwrapper-focus ~ label { - color: #673AB7; -} - -.p-input-filled .p-float-label .p-inputtext { - padding-top: 1.25rem; - padding-bottom: 0.25rem; -} -.p-input-filled .p-float-label input:focus ~ label, -.p-input-filled .p-float-label input.p-filled ~ label, -.p-input-filled .p-float-label textarea:focus ~ label, -.p-input-filled .p-float-label textarea.p-filled ~ label, -.p-input-filled .p-float-label .p-inputwrapper-focus ~ label, -.p-input-filled .p-float-label .p-inputwrapper-filled ~ label { - top: 0.25rem !important; - margin-top: 0; - background: transparent; -} - -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-toolbar .fc-button:focus { - background: rgba(103, 58, 183, 0.76); -} -.fc.fc-unthemed .fc-toolbar .fc-button:active { - background: rgba(103, 58, 183, 0.68); -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:focus { - background: rgba(103, 58, 183, 0.76); -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:active { - background: rgba(103, 58, 183, 0.68); -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { - background: #e0e0e1; - border-color: #e0e0e1; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { - background: #d9d8d9; - border-color: #d9d8d9; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:focus { - background: rgba(103, 58, 183, 0.76); -} -.fc.fc-theme-standard .fc-toolbar .fc-button:active { - background: rgba(103, 58, 183, 0.68); -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:focus { - background: rgba(103, 58, 183, 0.76); -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:active { - background: rgba(103, 58, 183, 0.68); -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { - background: #e0e0e1; - border-color: #e0e0e1; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { - background: #d9d8d9; - border-color: #d9d8d9; -} - -.p-listbox .p-listbox-list .p-listbox-item .p-ink { - background-color: rgba(103, 58, 183, 0.16); -} -.p-listbox .p-listbox-list .p-listbox-item:focus { - background: rgba(0, 0, 0, 0.12); -} -.p-listbox .p-listbox-list .p-listbox-item:focus.p-highlight { - background: rgba(103, 58, 183, 0.24); -} - -.p-megamenu .p-menuitem .p-menuitem-link:focus { - background: rgba(0, 0, 0, 0.12); -} - -.p-menu .p-menuitem .p-menuitem-link:focus { - background: rgba(0, 0, 0, 0.12); -} - -.p-menubar .p-menuitem .p-menuitem-link:focus { - background: rgba(0, 0, 0, 0.12); -} - -.p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger { - background-image: none; - background: transparent; -} -.p-multiselect .p-multiselect-label { - border: 0 none; -} -.p-multiselect:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; -} -.p-multiselect .p-multiselect-items .p-multiselect-item .p-ink { - background-color: rgba(103, 58, 183, 0.16); -} -.p-multiselect .p-multiselect-items .p-multiselect-item:focus { - background: rgba(0, 0, 0, 0.12); -} -.p-multiselect .p-multiselect-items .p-multiselect-item:focus.p-highlight { - background: rgba(103, 58, 183, 0.24); -} -.p-multiselect .p-multiselect-close:focus { - background: rgba(0, 0, 0, 0.12); -} - -.p-input-filled .p-multiselect { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: #f5f5f5 no-repeat; - background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-multiselect .p-inputtext { - background-image: none; - background-color: transparent; -} -.p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #ececec; - border-color: transparent; - background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); -} -.p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-color: #dcdcdc; - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-multiselect .p-inputtext:enabled:hover, .p-input-filled .p-multiselect .p-inputtext:enabled:focus { - background-image: none; - background: transparent; -} -.p-input-filled .p-multiselect .p-multiselect-label:hover { - background-image: none; - background: transparent; -} - -.p-float-label .p-multiselect-label .p-multiselect-token { - padding: 0.25rem 1rem; - margin-top: 0.25rem; - margin-bottom: 0.25rem; -} - -.p-input-filled .p-float-label .p-multiselect .p-multiselect-label { - padding-top: 1.25rem; - padding-bottom: 0.25rem; -} -.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect .p-multiselect-label { - padding-top: 1.25rem; - padding-bottom: 0.25rem; -} -.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token { - padding-top: 0; - padding-bottom: 0; - margin-top: 0; - margin-bottom: 0; -} -.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { - font-size: 75%; -} -.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect { - border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus, .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} - -p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; -} - -.p-orderlist .p-orderlist-list .p-orderlist-item:focus { - background: rgba(0, 0, 0, 0.12); -} -.p-orderlist .p-orderlist-list .p-orderlist-item:focus.p-highlight { - background: rgba(103, 58, 183, 0.24); -} - -.p-overlaypanel .p-overlaypanel-content { - padding: 1.5rem; -} - -.p-paginator { - justify-content: flex-end; -} -.p-paginator .p-paginator-element:focus { - background: rgba(0, 0, 0, 0.12); -} -.p-paginator .p-paginator-element:focus.p-highlight { - background: rgba(103, 58, 183, 0.24); -} - -.p-panel { - border-radius: 4px; - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); -} -.p-panel .p-panel-header, -.p-panel .p-panel-content, -.p-panel .p-panel-footer { - border: 0 none; -} -.p-panel .p-panel-content { - padding-top: 0; -} -.p-panel .p-panel-title { - font-size: 1.25rem; -} -.p-panel .p-panel-header-icon:focus { - background: rgba(0, 0, 0, 0.12); -} - -.p-panelmenu .p-panelmenu-panel { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - margin-bottom: 0; - border-radius: 0; - position: relative; - transition: margin-bottom 225ms; -} -.p-panelmenu .p-panelmenu-panel:first-child { - border-top-left-radius: 4px; - border-top-right-radius: 4px; -} -.p-panelmenu .p-panelmenu-panel:last-child { - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-icon { - order: 1; - margin-left: auto; - margin-right: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled { - opacity: 1; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-link > * { - opacity: 0.38; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-link:focus { - background: #f6f6f6; -} -.p-panelmenu .p-panelmenu-panel .p-menuitem .p-menuitem-link:focus { - background: rgba(0, 0, 0, 0.12); -} - -.p-picklist .p-picklist-list .p-picklist-item:focus { - background: rgba(0, 0, 0, 0.12); -} -.p-picklist .p-picklist-list .p-picklist-item:focus.p-highlight { - background: rgba(103, 58, 183, 0.24); -} - -.p-progressbar { - border-radius: 0; -} -.p-progressbar .p-progressbar-label { - display: none; -} - -.p-radiobutton { - border-radius: 50%; - transition: box-shadow 0.2s; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border: 2px solid #757575; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - border: 2px solid #757575; -} -.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus { - border-color: #673AB7; -} -.p-radiobutton:not(.p-radiobutton-disabled):hover { - box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); -} -.p-radiobutton:not(.p-radiobutton-disabled).p-radiobutton-focused { - box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); -} -.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover { - box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.04); -} -.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused { - box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12); -} - -.p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #ffffff; -} -.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #ffffff; -} - -.p-rating .p-rating-icon { - border-radius: 50%; - width: 2rem; - height: 2rem; - display: inline-flex; - justify-content: center; - align-items: center; - margin-left: 0; -} -.p-rating .p-rating-icon:focus { - background: rgba(103, 58, 183, 0.12); -} -.p-rating .p-rating-icon.p-rating-cancel:focus { - background: rgba(176, 0, 32, 0.12); -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { - background-color: rgba(0, 0, 0, 0.04); -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - background: rgba(176, 0, 32, 0.04); -} - -.p-selectbutton .p-button:focus { - background: #e0e0e1; - border-color: #e0e0e1; -} -.p-selectbutton .p-button:focus.p-highlight { - background: #d9d8d9; - border-color: #d9d8d9; -} - -.p-slidemenu .p-menuitem-link:focus { - background: rgba(0, 0, 0, 0.12); -} - -.p-slider .p-slider-handle { - transition: transform 0.2s, box-shadow 0.2s; - transform: scale(0.7); -} -.p-slider .p-slider-handle:focus { - box-shadow: 0 0 1px 10px rgba(76, 175, 80, 0.2); -} -.p-slider.p-slider-sliding .p-slider-handle { - transform: scale(1); -} - -.p-steps { - padding: 1rem 0; -} -.p-steps .p-steps-item { - justify-content: flex-start; - flex-direction: row-reverse; - align-items: center; -} -.p-steps .p-steps-item:before { - position: static; - left: auto; - top: auto; - margin-top: 0; -} -.p-steps .p-steps-item:last-child { - flex-grow: 0; -} -.p-steps .p-steps-item:last-child:before { - display: none; -} -.p-steps .p-steps-item .p-menuitem-link { - flex-direction: row; - flex: 1 1 auto; - overflow: visible; - padding: 1rem 0.5rem; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-number { - background-color: #9e9d9e; - color: #ffffff; - font-size: 0.857rem; - min-width: 1.714rem; - height: 1.714rem; - line-height: 1.714rem; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-title { - margin: 0; - padding-left: 0.5rem; -} -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { - background: rgba(0, 0, 0, 0.12); -} -.p-steps .p-steps-item.p-highlight .p-steps-number { - background-color: #673AB7; - color: #ffffff; -} -.p-steps .p-steps-item.p-highlight .p-steps-title { - font-weight: 600; - color: rgba(0, 0, 0, 0.87); -} -.p-steps .p-steps-item.p-disabled { - opacity: 1; -} - -.p-tabview .p-tabview-nav { - position: relative; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link { - transition: background-color 0.2s; - border-radius: 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link > .p-ink { - background-color: rgba(103, 58, 183, 0.16); -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link:focus { - background-color: rgba(103, 58, 183, 0.12); -} -.p-tabview .p-tabview-nav .p-tabview-ink-bar { - z-index: 1; - display: block; - position: absolute; - bottom: 0; - height: 2px; - background-color: #673AB7; - transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); -} - -.p-toolbar { - border: 0 none; -} - -.p-tooltip .p-tooltip-text { - box-shadow: none; - font-size: 0.875rem; -} -.p-tooltip .p-tooltip-arrow { - display: none; -} - -.p-tieredmenu .p-menuitem-link:focus { - background: rgba(0, 0, 0, 0.12); -} - -.p-treeselect .p-treeselect-label, .p-treeselect .p-treeselect-trigger { - background-image: none; - background: transparent; -} -.p-treeselect .p-treeselect-label { - border: 0 none; -} -.p-treeselect:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; -} - -.p-treeselect-item .p-ink { - background-color: rgba(103, 58, 183, 0.16); -} - -.p-input-filled .p-treeselect { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: #f5f5f5 no-repeat; - background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-treeselect .p-inputtext { - background-image: none; - background-color: transparent; -} -.p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #ececec; - border-color: transparent; - background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); -} -.p-input-filled .p-treeselect:not(.p-disabled).p-focus, .p-input-filled .p-treeselect:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-color: #dcdcdc; - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-treeselect .p-inputtext:enabled:hover, .p-input-filled .p-treeselect .p-inputtext:enabled:focus { - background-image: none; - background: transparent; -} -.p-input-filled .p-treeselect .p-treeselect-label:hover { - background-image: none; - background: transparent; -} - -.p-float-label .p-treeselect-label .p-treeselect-token { - padding: 0.25rem 1rem; - margin-top: 0.25rem; - margin-bottom: 0.25rem; -} - -.p-input-filled .p-float-label .p-treeselect .p-treeselect-label { - padding-top: 1.25rem; - padding-bottom: 0.25rem; -} -.p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect .p-treeselect-label { - padding-top: 1.25rem; - padding-bottom: 0.25rem; -} -.p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-token { - padding-top: 0; - padding-bottom: 0; - margin-top: 0; - margin-bottom: 0; -} -.p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-token .p-treeselect-token-icon { - font-size: 75%; -} -.p-input-filled .p-treeselect.p-invalid { - border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled .p-treeselect.p-invalid:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} - -.p-treeselect.p-invalid:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; -} - -.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - background: rgba(0, 0, 0, 0.12); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content:focus.p-highlight { - background: rgba(103, 58, 183, 0.24); -} - -.p-treetable .p-sortable-column { - outline: 0 none; -} -.p-treetable .p-sortable-column:focus { - background-color: rgba(0, 0, 0, 0.03); -} -.p-treetable .p-treetable-tbody > tr { - outline: 0 none; -} -.p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus { - background-color: rgba(0, 0, 0, 0.03); -} - -.p-tabmenu .p-tabmenu-nav { - position: relative; -} -.p-tabmenu .p-tabmenu-nav li .p-menuitem-link { - transition: background-color 0.2s; - border-radius: 0; -} -.p-tabmenu .p-tabmenu-nav li .p-menuitem-link > .p-ink { - background-color: rgba(103, 58, 183, 0.16); -} -.p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus { - background-color: rgba(103, 58, 183, 0.12); -} -.p-tabmenu .p-tabmenu-nav li.p-highlight .p-menuitem-link:focus { - background-color: rgba(103, 58, 183, 0.12); -} -.p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar { - display: block; - position: absolute; - bottom: 0; - height: 2px; - background-color: #673AB7; - transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); -} - -.p-timeline.p-timeline-vertical .p-timeline-event-connector { - margin: 0.5rem 0; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-connector { - margin: 0 0.5rem; -} - -.p-togglebutton.p-button:focus { - background: #e0e0e1; - border-color: #e0e0e1; -} -.p-togglebutton.p-button:focus.p-highlight { - background: #d9d8d9; - border-color: #d9d8d9; -} - -/* Customizations to the designer theme should be defined here */ diff --git a/src/assets/theme/mdc-light-indigo/theme.css b/src/assets/theme/mdc-light-indigo/theme.css deleted file mode 100644 index 333dfd8..0000000 --- a/src/assets/theme/mdc-light-indigo/theme.css +++ /dev/null @@ -1,7138 +0,0 @@ -:root { - --surface-a:#ffffff; - --surface-b:#fafafa; - --surface-c:rgba(0,0,0,.04); - --surface-d:rgba(0,0,0,.12); - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:rgba(0, 0, 0, 0.87); - --text-color-secondary:rgba(0, 0, 0, 0.6); - --primary-color:#3F51B5; - --primary-color-text:#ffffff; - --font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; - --surface-0: #ffffff; - --surface-50: #FAFAFA; - --surface-100: #F5F5F5; - --surface-200: #EEEEEE; - --surface-300: #E0E0E0; - --surface-400: #BDBDBD; - --surface-500: #9E9E9E; - --surface-600: #757575; - --surface-700: #616161; - --surface-800: #424242; - --surface-900: #212121; - --gray-50: #FAFAFA; - --gray-100: #F5F5F5; - --gray-200: #EEEEEE; - --gray-300: #E0E0E0; - --gray-400: #BDBDBD; - --gray-500: #9E9E9E; - --gray-600: #757575; - --gray-700: #616161; - --gray-800: #424242; - --gray-900: #212121; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:4px; - --surface-ground:#fafafa; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#rgba(0,0,0,.12); - --surface-hover:rgba(0,0,0,.04); - --maskbg: rgba(0, 0, 0, 0.32); - --focus-ring: none; -} - -/* roboto-regular - latin-ext_latin */ -@font-face { - font-family: "Roboto"; - font-style: normal; - font-weight: 400; - src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -/* roboto-500 - latin-ext_latin */ -@font-face { - font-family: "Roboto"; - font-style: normal; - font-weight: 500; - src: local("Roboto Medium"), local("Roboto-Medium"), url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-500.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -/* roboto-700 - latin-ext_latin */ -@font-face { - font-family: "Roboto"; - font-style: normal; - font-weight: 700; - src: local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -* { - box-sizing: border-box; -} - -.p-component { - font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; - font-size: 1rem; - font-weight: normal; -} - -.p-component-overlay { - background-color: rgba(0, 0, 0, 0.32); - transition-duration: 0.2s; -} - -.p-disabled, .p-component:disabled { - opacity: 0.38; -} - -.p-error { - color: #B00020; -} - -.p-text-secondary { - color: rgba(0, 0, 0, 0.6); -} - -.pi { - font-size: 1rem; -} - -.p-link { - font-size: 1rem; - font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; - border-radius: 4px; -} -.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-component-overlay-enter { - animation: p-component-overlay-enter-animation 150ms forwards; -} - -.p-component-overlay-leave { - animation: p-component-overlay-leave-animation 150ms forwards; -} - -@keyframes p-component-overlay-enter-animation { - from { - background-color: transparent; - } - to { - background-color: var(--maskbg); - } -} -@keyframes p-component-overlay-leave-animation { - from { - background-color: var(--maskbg); - } - to { - background-color: transparent; - } -} - -:root { - --blue-50:#f4fafe; - --blue-100:#cae6fc; - --blue-200:#a0d2fa; - --blue-300:#75bef8; - --blue-400:#4baaf5; - --blue-500:#2196f3; - --blue-600:#1c80cf; - --blue-700:#1769aa; - --blue-800:#125386; - --blue-900:#0d3c61; - --green-50:#f7faf5; - --green-100:#dbe8cf; - --green-200:#bed6a9; - --green-300:#a1c384; - --green-400:#85b15e; - --green-500:#689f38; - --green-600:#588730; - --green-700:#496f27; - --green-800:#39571f; - --green-900:#2a4016; - --yellow-50:#fffcf5; - --yellow-100:#fef0cd; - --yellow-200:#fde4a5; - --yellow-300:#fdd87d; - --yellow-400:#fccc55; - --yellow-500:#fbc02d; - --yellow-600:#d5a326; - --yellow-700:#b08620; - --yellow-800:#8a6a19; - --yellow-900:#644d12; - --cyan-50:#f2fcfd; - --cyan-100:#c2eff5; - --cyan-200:#91e2ed; - --cyan-300:#61d5e4; - --cyan-400:#30c9dc; - --cyan-500:#00bcd4; - --cyan-600:#00a0b4; - --cyan-700:#008494; - --cyan-800:#006775; - --cyan-900:#004b55; - --pink-50:#fef4f7; - --pink-100:#fac9da; - --pink-200:#f69ebc; - --pink-300:#f1749e; - --pink-400:#ed4981; - --pink-500:#e91e63; - --pink-600:#c61a54; - --pink-700:#a31545; - --pink-800:#801136; - --pink-900:#5d0c28; - --indigo-50:#f6f7fc; - --indigo-100:#d5d9ef; - --indigo-200:#b3bae2; - --indigo-300:#919cd5; - --indigo-400:#707dc8; - --indigo-500:#4e5fbb; - --indigo-600:#42519f; - --indigo-700:#374383; - --indigo-800:#2b3467; - --indigo-900:#1f264b; - --teal-50:#f2faf9; - --teal-100:#c2e6e2; - --teal-200:#91d2cc; - --teal-300:#61beb5; - --teal-400:#30aa9f; - --teal-500:#009688; - --teal-600:#008074; - --teal-700:#00695f; - --teal-800:#00534b; - --teal-900:#003c36; - --orange-50:#fffaf2; - --orange-100:#ffe6c2; - --orange-200:#ffd391; - --orange-300:#ffbf61; - --orange-400:#ffac30; - --orange-500:#ff9800; - --orange-600:#d98100; - --orange-700:#b36a00; - --orange-800:#8c5400; - --orange-900:#663d00; - --bluegray-50:#f7f9f9; - --bluegray-100:#d9e0e3; - --bluegray-200:#bbc7cd; - --bluegray-300:#9caeb7; - --bluegray-400:#7e96a1; - --bluegray-500:#607d8b; - --bluegray-600:#526a76; - --bluegray-700:#435861; - --bluegray-800:#35454c; - --bluegray-900:#263238; - --purple-50:#faf4fb; - --purple-100:#e7cbec; - --purple-200:#d4a2dd; - --purple-300:#c279ce; - --purple-400:#af50bf; - --purple-500:#9c27b0; - --purple-600:#852196; - --purple-700:#6d1b7b; - --purple-800:#561561; - --purple-900:#3e1046; -} - -.p-autocomplete .p-autocomplete-loader { - right: 0.75rem; -} -.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 3.5rem; -} -.p-autocomplete .p-autocomplete-multiple-container { - padding: 0.375rem 0.75rem; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: rgba(0, 0, 0, 0.87); -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #3F51B5; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { - padding: 0.375rem 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; - font-size: 1rem; - color: rgba(0, 0, 0, 0.87); - padding: 0; - margin: 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: rgba(63, 81, 181, 0.12); - color: #3F51B5; - border-radius: 4px; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; -} - -p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #B00020; -} - -.p-autocomplete-panel { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} -.p-autocomplete-panel .p-autocomplete-items:not(.p-autocomplete-virtualscroll) { - padding: 0; -} -.p-autocomplete-panel .p-autocomplete-items.p-autocomplete-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { - margin: 0; - padding: 0.75rem 0.75rem; - border: 0 none; - color: rgba(0, 0, 0, 0.87); - background: transparent; - transition: none; - border-radius: 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: rgba(0, 0, 0, 0.87); - background: rgba(0, 0, 0, 0.04); -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: #3F51B5; - background: rgba(63, 81, 181, 0.12); -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.75rem 0.75rem; - color: rgba(0, 0, 0, 0.87); - background: transparent; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { - margin: 0; - padding: 0.75rem; - color: rgba(0, 0, 0, 0.6); - background: #ffffff; - font-weight: 400; -} - -p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { - border-color: #B00020; -} - -.p-datepicker { - padding: 0.5rem; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e5e5e5; - border-radius: 4px; -} -.p-datepicker:not(.p-datepicker-inline) { - background: #ffffff; - border: 0 none; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} -.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { - background: #ffffff; -} -.p-datepicker .p-datepicker-header { - padding: 0.5rem; - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - font-weight: 500; - margin: 0; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev, -.p-datepicker .p-datepicker-header .p-datepicker-next { - width: 2rem; - height: 2rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-datepicker .p-datepicker-header .p-datepicker-title { - line-height: 2rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - color: rgba(0, 0, 0, 0.87); - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - font-weight: 500; - padding: 0.5rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #3F51B5; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - margin-right: 0.5rem; -} -.p-datepicker table { - font-size: 1rem; - margin: 0.5rem 0; -} -.p-datepicker table th { - padding: 0.5rem; -} -.p-datepicker table th > span { - width: 2.25rem; - height: 2.25rem; -} -.p-datepicker table td { - padding: 0.5rem; -} -.p-datepicker table td > span { - width: 2.25rem; - height: 2.25rem; - border-radius: 50%; - transition: none; - border: 1px solid transparent; -} -.p-datepicker table td > span.p-highlight { - color: #3F51B5; - background: rgba(63, 81, 181, 0.12); -} -.p-datepicker table td > span:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-datepicker table td.p-datepicker-today > span { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border-color: black; -} -.p-datepicker table td.p-datepicker-today > span.p-highlight { - color: #3F51B5; - background: rgba(63, 81, 181, 0.12); -} -.p-datepicker .p-datepicker-buttonbar { - padding: 0.75rem 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} -.p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; -} -.p-datepicker .p-timepicker { - border-top: 1px solid rgba(0, 0, 0, 0.12); - padding: 0.5rem; -} -.p-datepicker .p-timepicker button { - width: 2rem; - height: 2rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-timepicker button:enabled:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); -} -.p-datepicker .p-timepicker button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-datepicker .p-timepicker button:last-child { - margin-top: 0.2em; -} -.p-datepicker .p-timepicker span { - font-size: 1.25rem; -} -.p-datepicker .p-timepicker > div { - padding: 0 0.5rem; -} -.p-datepicker.p-datepicker-timeonly .p-timepicker { - border-top: 0 none; -} -.p-datepicker .p-monthpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-monthpicker .p-monthpicker-month { - padding: 0.5rem; - transition: none; - border-radius: 4px; -} -.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: #3F51B5; - background: rgba(63, 81, 181, 0.12); -} -.p-datepicker .p-yearpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-yearpicker .p-yearpicker-year { - padding: 0.5rem; - transition: none; - border-radius: 4px; -} -.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { - color: #3F51B5; - background: rgba(63, 81, 181, 0.12); -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid rgba(0, 0, 0, 0.12); - padding-right: 0.5rem; - padding-left: 0.5rem; - padding-top: 0; - padding-bottom: 0; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { - padding-left: 0; - border-left: 0 none; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { - padding-right: 0; -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { - background: rgba(0, 0, 0, 0.04); -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { - background: rgba(0, 0, 0, 0.04); -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -@media screen and (max-width: 769px) { - .p-datepicker table th, .p-datepicker table td { - padding: 0; - } -} -.p-cascadeselect { - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.38); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; -} -.p-cascadeselect:not(.p-disabled):hover { - border-color: rgba(0, 0, 0, 0.87); -} -.p-cascadeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #3F51B5; -} -.p-cascadeselect .p-cascadeselect-label { - background: transparent; - border: 0 none; - padding: 0.75rem 0.75rem; -} -.p-cascadeselect .p-cascadeselect-label.p-placeholder { - color: rgba(0, 0, 0, 0.6); -} -.p-cascadeselect .p-cascadeselect-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-cascadeselect .p-cascadeselect-trigger { - background: transparent; - color: rgba(0, 0, 0, 0.6); - width: 2.75rem; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-cascadeselect-panel { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} -.p-cascadeselect-panel .p-cascadeselect-items { - padding: 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { - margin: 0; - border: 0 none; - color: rgba(0, 0, 0, 0.87); - background: transparent; - transition: none; - border-radius: 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.75rem 0.75rem; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { - color: #3F51B5; - background: rgba(63, 81, 181, 0.12); -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(0, 0, 0, 0.87); - background: rgba(0, 0, 0, 0.04); -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { - font-size: 0.875rem; -} - -p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #B00020; -} - -.p-input-filled .p-cascadeselect { - background: #f5f5f5; -} -.p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #ececec; -} -.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #dcdcdc; -} - -.p-checkbox { - width: 18px; - height: 18px; -} -.p-checkbox .p-checkbox-box { - border: 2px solid #757575; - background: #ffffff; - width: 18px; - height: 18px; - color: rgba(0, 0, 0, 0.87); - border-radius: 4px; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-checkbox .p-checkbox-box .p-checkbox-icon { - transition-duration: 0.2s; - color: #ffffff; - font-size: 14px; -} -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #3F51B5; - background: #3F51B5; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: rgba(0, 0, 0, 0.87); -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #3F51B5; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #3F51B5; - background: #3F51B5; - color: #ffffff; -} - -p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #B00020; -} - -.p-input-filled .p-checkbox .p-checkbox-box { - background-color: #f5f5f5; -} -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #3F51B5; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #ececec; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #3F51B5; -} - -.p-checkbox-label { - margin-left: 0.5rem; -} - -.p-chips .p-chips-multiple-container { - padding: 0.375rem 0.75rem; -} -.p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: rgba(0, 0, 0, 0.87); -} -.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #3F51B5; -} -.p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: rgba(63, 81, 181, 0.12); - color: #3F51B5; - border-radius: 4px; -} -.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { - margin-left: 0.5rem; -} -.p-chips .p-chips-multiple-container .p-chips-input-token { - padding: 0.375rem 0; -} -.p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; - font-size: 1rem; - color: rgba(0, 0, 0, 0.87); - padding: 0; - margin: 0; -} - -p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { - border-color: #B00020; -} - -.p-colorpicker-preview, -.p-fluid .p-colorpicker-preview.p-inputtext { - width: 2rem; - height: 2rem; -} - -.p-colorpicker-panel { - background: #323232; - border: 1px solid #191919; -} -.p-colorpicker-panel .p-colorpicker-color-handle, -.p-colorpicker-panel .p-colorpicker-hue-handle { - border-color: #ffffff; -} - -.p-colorpicker-overlay-panel { - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} - -.p-dropdown { - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.38); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; -} -.p-dropdown:not(.p-disabled):hover { - border-color: rgba(0, 0, 0, 0.87); -} -.p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #3F51B5; -} -.p-dropdown.p-dropdown-clearable .p-dropdown-label { - padding-right: 1.75rem; -} -.p-dropdown .p-dropdown-label { - background: transparent; - border: 0 none; -} -.p-dropdown .p-dropdown-label.p-placeholder { - color: rgba(0, 0, 0, 0.6); -} -.p-dropdown .p-dropdown-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-dropdown .p-dropdown-trigger { - background: transparent; - color: rgba(0, 0, 0, 0.6); - width: 2.75rem; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} -.p-dropdown .p-dropdown-clear-icon { - color: rgba(0, 0, 0, 0.6); - right: 2.75rem; -} - -.p-dropdown-panel { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} -.p-dropdown-panel .p-dropdown-header { - padding: 0.75rem; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - margin: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { - padding-right: 1.75rem; - margin-right: -1.75rem; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { - right: 0.75rem; - color: rgba(0, 0, 0, 0.6); -} -.p-dropdown-panel .p-dropdown-items:not(.p-dropdown-virtualscroll) { - padding: 0; -} -.p-dropdown-panel .p-dropdown-items.p-dropdown-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item { - margin: 0; - padding: 0.75rem 0.75rem; - border: 0 none; - color: rgba(0, 0, 0, 0.87); - background: transparent; - transition: none; - border-radius: 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: #3F51B5; - background: rgba(63, 81, 181, 0.12); -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(0, 0, 0, 0.87); - background: rgba(0, 0, 0, 0.04); -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.75rem 0.75rem; - color: rgba(0, 0, 0, 0.87); - background: transparent; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { - margin: 0; - padding: 0.75rem; - color: rgba(0, 0, 0, 0.6); - background: #ffffff; - font-weight: 400; -} - -p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #B00020; -} - -.p-input-filled .p-dropdown { - background: #f5f5f5; -} -.p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #ececec; -} -.p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: #dcdcdc; -} - -.p-editor-container .p-editor-toolbar { - background: #ffffff; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #e0e0e0; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: rgba(0, 0, 0, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: rgba(0, 0, 0, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: rgba(0, 0, 0, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: rgba(0, 0, 0, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: rgba(0, 0, 0, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: rgba(0, 0, 0, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: rgba(0, 0, 0, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: rgba(0, 0, 0, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: rgba(0, 0, 0, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #ffffff; - border: 0 none; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - border-radius: 4px; - padding: 0; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: rgba(0, 0, 0, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: rgba(0, 0, 0, 0.87); - background: rgba(0, 0, 0, 0.04); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.75rem 0.75rem; -} -.p-editor-container .p-editor-content { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-editor-container .p-editor-content.ql-snow { - border: 1px solid #e0e0e0; -} -.p-editor-container .p-editor-content .ql-editor { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: rgba(0, 0, 0, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: rgba(0, 0, 0, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: rgba(0, 0, 0, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #3F51B5; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #3F51B5; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #3F51B5; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #3F51B5; -} - -.p-inputgroup-addon { - background: #ffffff; - color: rgba(0, 0, 0, 0.6); - border-top: 1px solid rgba(0, 0, 0, 0.38); - border-left: 1px solid rgba(0, 0, 0, 0.38); - border-bottom: 1px solid rgba(0, 0, 0, 0.38); - padding: 0.75rem 0.75rem; - min-width: 2.75rem; -} -.p-inputgroup-addon:last-child { - border-right: 1px solid rgba(0, 0, 0, 0.38); -} - -.p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, -.p-inputgroup > .p-float-label > .p-component { - border-radius: 0; - margin: 0; -} -.p-inputgroup > .p-component + .p-inputgroup-addon, -.p-inputgroup > .p-element + .p-inputgroup-addon, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, -.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { - border-left: 0 none; -} -.p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, -.p-inputgroup > .p-float-label > .p-component:focus { - z-index: 1; -} -.p-inputgroup > .p-component:focus ~ label, -.p-inputgroup > .p-element:focus ~ label, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, -.p-inputgroup > .p-float-label > .p-component:focus ~ label { - z-index: 1; -} - -.p-inputgroup-addon:first-child, -.p-inputgroup button:first-child, -.p-inputgroup input:first-child, -.p-inputgroup > .p-inputwrapper:first-child > .p-component, -.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-inputgroup .p-float-label:first-child input { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-inputgroup-addon:last-child, -.p-inputgroup button:last-child, -.p-inputgroup input:last-child, -.p-inputgroup > .p-inputwrapper:last-child > .p-component, -.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-inputgroup .p-float-label:last-child input { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-fluid .p-inputgroup .p-button { - width: auto; -} -.p-fluid .p-inputgroup .p-button.p-button-icon-only { - width: 2.75rem; -} - -p-inputmask.ng-dirty.ng-invalid > .p-inputtext { - border-color: #B00020; -} - -p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { - border-color: #B00020; -} - -.p-inputswitch { - width: 2.75rem; - height: 1rem; -} -.p-inputswitch .p-inputswitch-slider { - background: rgba(0, 0, 0, 0.38); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 0.5rem; -} -.p-inputswitch .p-inputswitch-slider:before { - background: #ffffff; - width: 1.5rem; - height: 1.5rem; - left: -1px; - margin-top: -0.75rem; - border-radius: 50%; - transition-duration: 0.2s; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - transform: translateX(1.5rem); -} -.p-inputswitch.p-focus .p-inputswitch-slider { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: rgba(0, 0, 0, 0.38); -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: rgba(63, 81, 181, 0.5); -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: #3F51B5; -} -.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: rgba(63, 81, 181, 0.5); -} - -p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { - border-color: #B00020; -} - -.p-inputtext { - font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; - font-size: 1rem; - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - padding: 0.75rem 0.75rem; - border: 1px solid rgba(0, 0, 0, 0.38); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - appearance: none; - border-radius: 4px; -} -.p-inputtext:enabled:hover { - border-color: rgba(0, 0, 0, 0.87); -} -.p-inputtext:enabled:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #3F51B5; -} -.p-inputtext.ng-dirty.ng-invalid { - border-color: #B00020; -} -.p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.65625rem 0.65625rem; -} -.p-inputtext.p-inputtext-lg { - font-size: 1.25rem; - padding: 0.9375rem 0.9375rem; -} - -.p-float-label > label { - left: 0.75rem; - color: rgba(0, 0, 0, 0.6); - transition-duration: 0.2s; -} - -.p-float-label > .ng-invalid.ng-dirty + label { - color: #B00020; -} - -.p-input-icon-left > i:first-of-type { - left: 0.75rem; - color: rgba(0, 0, 0, 0.6); -} - -.p-input-icon-left > .p-inputtext { - padding-left: 2.5rem; -} - -.p-input-icon-left.p-float-label > label { - left: 2.5rem; -} - -.p-input-icon-right > i:last-of-type { - right: 0.75rem; - color: rgba(0, 0, 0, 0.6); -} - -.p-input-icon-right > .p-inputtext { - padding-right: 2.5rem; -} - -::-webkit-input-placeholder { - color: rgba(0, 0, 0, 0.6); -} - -:-moz-placeholder { - color: rgba(0, 0, 0, 0.6); -} - -::-moz-placeholder { - color: rgba(0, 0, 0, 0.6); -} - -:-ms-input-placeholder { - color: rgba(0, 0, 0, 0.6); -} - -.p-input-filled .p-inputtext { - background-color: #f5f5f5; -} -.p-input-filled .p-inputtext:enabled:hover { - background-color: #ececec; -} -.p-input-filled .p-inputtext:enabled:focus { - background-color: #dcdcdc; -} - -.p-inputtext-sm .p-inputtext { - font-size: 0.875rem; - padding: 0.65625rem 0.65625rem; -} - -.p-inputtext-lg .p-inputtext { - font-size: 1.25rem; - padding: 0.9375rem 0.9375rem; -} - -.p-listbox { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e5e5e5; - border-radius: 4px; -} -.p-listbox .p-listbox-header { - padding: 0.75rem; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - margin: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-listbox .p-listbox-header .p-listbox-filter { - padding-right: 1.75rem; -} -.p-listbox .p-listbox-header .p-listbox-filter-icon { - right: 0.75rem; - color: rgba(0, 0, 0, 0.6); -} -.p-listbox .p-listbox-header .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list { - padding: 0; -} -.p-listbox .p-listbox-list .p-listbox-item { - margin: 0; - padding: 0.75rem 0.75rem; - border: 0 none; - color: rgba(0, 0, 0, 0.87); - transition: none; - border-radius: 0; -} -.p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: #3F51B5; - background: rgba(63, 81, 181, 0.12); -} -.p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list .p-listbox-item-group { - margin: 0; - padding: 0.75rem; - color: rgba(0, 0, 0, 0.6); - background: #ffffff; - font-weight: 400; -} -.p-listbox .p-listbox-list .p-listbox-empty-message { - padding: 0.75rem 0.75rem; - color: rgba(0, 0, 0, 0.87); - background: transparent; -} -.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(0, 0, 0, 0.87); - background: rgba(0, 0, 0, 0.04); -} - -p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #B00020; -} - -.p-multiselect { - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.38); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; -} -.p-multiselect:not(.p-disabled):hover { - border-color: rgba(0, 0, 0, 0.87); -} -.p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #3F51B5; -} -.p-multiselect .p-multiselect-label { - padding: 0.75rem 0.75rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-multiselect .p-multiselect-label.p-placeholder { - color: rgba(0, 0, 0, 0.6); -} -.p-multiselect.p-multiselect-chip .p-multiselect-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: rgba(63, 81, 181, 0.12); - color: #3F51B5; - border-radius: 4px; -} -.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { - margin-left: 0.5rem; -} -.p-multiselect .p-multiselect-trigger { - background: transparent; - color: rgba(0, 0, 0, 0.6); - width: 2.75rem; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { - padding: 0.375rem 0.75rem; -} - -.p-multiselect-panel { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} -.p-multiselect-panel .p-multiselect-header { - padding: 0.75rem; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - margin: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { - padding-right: 1.75rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { - right: 0.75rem; - color: rgba(0, 0, 0, 0.6); -} -.p-multiselect-panel .p-multiselect-header .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close { - margin-left: 0.5rem; - width: 2rem; - height: 2rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-multiselect-panel .p-multiselect-items:not(.p-multiselect-virtualscroll) { - padding: 0; -} -.p-multiselect-panel .p-multiselect-items.p-multiselect-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item { - margin: 0; - padding: 0.75rem 0.75rem; - border: 0 none; - color: rgba(0, 0, 0, 0.87); - background: transparent; - transition: none; - border-radius: 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: #3F51B5; - background: rgba(63, 81, 181, 0.12); -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(0, 0, 0, 0.87); - background: rgba(0, 0, 0, 0.04); -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { - margin: 0; - padding: 0.75rem; - color: rgba(0, 0, 0, 0.6); - background: #ffffff; - font-weight: 400; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { - padding: 0.75rem 0.75rem; - color: rgba(0, 0, 0, 0.87); - background: transparent; -} - -p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #B00020; -} - -.p-input-filled .p-multiselect { - background: #f5f5f5; -} -.p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #ececec; -} -.p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #dcdcdc; -} - -p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #B00020; -} - -.p-password-panel { - padding: 0.75rem; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - border-radius: 4px; -} -.p-password-panel .p-password-meter { - margin-bottom: 0.5rem; - background: rgba(63, 81, 181, 0.32); -} -.p-password-panel .p-password-meter .p-password-strength.weak { - background: #D32F2F; -} -.p-password-panel .p-password-meter .p-password-strength.medium { - background: #FBC02D; -} -.p-password-panel .p-password-meter .p-password-strength.strong { - background: #689F38; -} - -.p-radiobutton { - width: 20px; - height: 20px; -} -.p-radiobutton .p-radiobutton-box { - border: 2px solid #757575; - background: #ffffff; - width: 20px; - height: 20px; - color: rgba(0, 0, 0, 0.87); - border-radius: 50%; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: rgba(0, 0, 0, 0.87); -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #3F51B5; -} -.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - width: 10px; - height: 10px; - transition-duration: 0.2s; - background-color: #3F51B5; -} -.p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #3F51B5; - background: #ffffff; -} -.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #3F51B5; - background: #ffffff; - color: #3F51B5; -} - -p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #B00020; -} - -.p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #f5f5f5; -} -.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #ececec; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #ffffff; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #ffffff; -} - -.p-radiobutton-label { - margin-left: 0.5rem; -} - -.p-rating .p-rating-icon { - color: #3F51B5; - margin-left: 0.5rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - font-size: 1rem; -} -.p-rating .p-rating-icon.p-rating-cancel { - color: #B00020; -} -.p-rating .p-rating-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-rating .p-rating-icon:first-child { - margin-left: 0; -} -.p-rating .p-rating-icon.pi-star-fill { - color: #3F51B5; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { - color: #3F51B5; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - color: #B00020; -} - -.p-selectbutton .p-button { - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-selectbutton .p-button .p-button-icon-left, -.p-selectbutton .p-button .p-button-icon-right { - color: rgba(0, 0, 0, 0.6); -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { - background: #f6f6f6; - border-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: rgba(0, 0, 0, 0.6); -} -.p-selectbutton .p-button.p-highlight { - background: #e0e0e1; - border-color: #e0e0e1; - color: rgba(0, 0, 0, 0.87); -} -.p-selectbutton .p-button.p-highlight .p-button-icon-left, -.p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: rgba(0, 0, 0, 0.6); -} -.p-selectbutton .p-button.p-highlight:hover { - background: #d9d8d9; - border-color: #d9d8d9; - color: rgba(0, 0, 0, 0.87); -} -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: rgba(0, 0, 0, 0.6); -} - -p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #B00020; -} - -.p-slider { - background: #c1c1c1; - border: 0 none; - border-radius: 4px; -} -.p-slider.p-slider-horizontal { - height: 2px; -} -.p-slider.p-slider-horizontal .p-slider-handle { - margin-top: -10px; - margin-left: -10px; -} -.p-slider.p-slider-vertical { - width: 2px; -} -.p-slider.p-slider-vertical .p-slider-handle { - margin-left: -10px; - margin-bottom: -10px; -} -.p-slider .p-slider-handle { - height: 20px; - width: 20px; - background: #3F51B5; - border: 0 none; - border-radius: 50%; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-slider .p-slider-handle:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-slider .p-slider-range { - background: #3F51B5; -} -.p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #3F51B5; - border-color: 0 none; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), left 0.2s; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { - transition: width 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), bottom 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { - transition: height 0.2s; -} - -.p-togglebutton.p-button { - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-togglebutton.p-button .p-button-icon-left, -.p-togglebutton.p-button .p-button-icon-right { - color: rgba(0, 0, 0, 0.6); -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { - background: #f6f6f6; - border-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: rgba(0, 0, 0, 0.6); -} -.p-togglebutton.p-button.p-highlight { - background: #e0e0e1; - border-color: #e0e0e1; - color: rgba(0, 0, 0, 0.87); -} -.p-togglebutton.p-button.p-highlight .p-button-icon-left, -.p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: rgba(0, 0, 0, 0.6); -} -.p-togglebutton.p-button.p-highlight:hover { - background: #d9d8d9; - border-color: #d9d8d9; - color: rgba(0, 0, 0, 0.87); -} -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: rgba(0, 0, 0, 0.6); -} - -p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #B00020; -} - -.p-treeselect { - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.38); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; -} -.p-treeselect:not(.p-disabled):hover { - border-color: rgba(0, 0, 0, 0.87); -} -.p-treeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - border-color: #3F51B5; -} -.p-treeselect .p-treeselect-label { - padding: 0.75rem 0.75rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-treeselect .p-treeselect-label.p-placeholder { - color: rgba(0, 0, 0, 0.6); -} -.p-treeselect.p-treeselect-chip .p-treeselect-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); - border-radius: 16px; -} -.p-treeselect .p-treeselect-trigger { - background: transparent; - color: rgba(0, 0, 0, 0.6); - width: 2.75rem; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -p-treeselect.ng-invalid.ng-dirty > .p-treeselect { - border-color: #B00020; -} - -.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { - padding: 0.375rem 0.75rem; -} - -.p-treeselect-panel { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { - border: 0 none; -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { - padding: 0.75rem 0.75rem; - color: rgba(0, 0, 0, 0.87); - background: transparent; -} - -.p-input-filled .p-treeselect { - background: #f5f5f5; -} -.p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #ececec; -} -.p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: #dcdcdc; -} - -.p-button { - color: #ffffff; - background: #3F51B5; - border: 0 none; - padding: 0.643rem 0.75rem; - font-size: 1rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; -} -.p-button:enabled:hover { - background: rgba(63, 81, 181, 0.92); - color: #ffffff; - border-color: transparent; -} -.p-button:enabled:active { - background: rgba(63, 81, 181, 0.68); - color: #ffffff; - border-color: transparent; -} -.p-button.p-button-outlined { - background-color: transparent; - color: #3F51B5; - border: 0 none; -} -.p-button.p-button-outlined:enabled:hover { - background: rgba(63, 81, 181, 0.04); - color: #3F51B5; - border: 0 none; -} -.p-button.p-button-outlined:enabled:active { - background: rgba(63, 81, 181, 0.16); - color: #3F51B5; - border: 0 none; -} -.p-button.p-button-outlined.p-button-plain { - color: rgba(0, 0, 0, 0.6); - border-color: rgba(0, 0, 0, 0.6); -} -.p-button.p-button-outlined.p-button-plain:enabled:hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.6); -} -.p-button.p-button-outlined.p-button-plain:enabled:active { - background: rgba(0, 0, 0, 0.16); - color: rgba(0, 0, 0, 0.6); -} -.p-button.p-button-text { - background-color: transparent; - color: #3F51B5; - border-color: transparent; -} -.p-button.p-button-text:enabled:hover { - background: rgba(63, 81, 181, 0.04); - color: #3F51B5; - border-color: transparent; -} -.p-button.p-button-text:enabled:active { - background: rgba(63, 81, 181, 0.16); - color: #3F51B5; - border-color: transparent; -} -.p-button.p-button-text.p-button-plain { - color: rgba(0, 0, 0, 0.6); -} -.p-button.p-button-text.p-button-plain:enabled:hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.6); -} -.p-button.p-button-text.p-button-plain:enabled:active { - background: rgba(0, 0, 0, 0.16); - color: rgba(0, 0, 0, 0.6); -} -.p-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-button .p-button-icon-left { - margin-right: 0.5rem; -} -.p-button .p-button-icon-right { - margin-left: 0.5rem; -} -.p-button .p-button-icon-bottom { - margin-top: 0.5rem; -} -.p-button .p-button-icon-top { - margin-bottom: 0.5rem; -} -.p-button .p-badge { - margin-left: 0.5rem; - min-width: 1rem; - height: 1rem; - line-height: 1rem; - color: #3F51B5; - background-color: #ffffff; -} -.p-button.p-button-raised { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -} -.p-button.p-button-rounded { - border-radius: 2rem; -} -.p-button.p-button-icon-only { - width: 2.75rem; - padding: 0.643rem; -} -.p-button.p-button-icon-only .p-button-icon-left, -.p-button.p-button-icon-only .p-button-icon-right { - margin: 0; -} -.p-button.p-button-icon-only.p-button-rounded { - border-radius: 50%; - height: 2.75rem; -} -.p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.562625rem 0.65625rem; -} -.p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; -} -.p-button.p-button-lg { - font-size: 1.25rem; - padding: 0.80375rem 0.9375rem; -} -.p-button.p-button-lg .p-button-icon { - font-size: 1.25rem; -} -.p-button.p-button-loading-label-only .p-button-label { - margin-left: 0.5rem; -} -.p-button.p-button-loading-label-only .p-button-loading-icon { - margin-right: 0; -} - -.p-fluid .p-button { - width: 100%; -} -.p-fluid .p-button-icon-only { - width: 2.75rem; -} -.p-fluid .p-buttonset { - display: flex; -} -.p-fluid .p-buttonset .p-button { - flex: 1; -} - -.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { - color: #ffffff; - background: #ff4081; - border: 0 none; -} -.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { - background: rgba(255, 64, 129, 0.92); - color: #ffffff; - border-color: transparent; -} -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - box-shadow: none; -} -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: rgba(255, 64, 129, 0.68); - color: #ffffff; - border-color: transparent; -} -.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { - background-color: transparent; - color: #ff4081; - border: 0 none; -} -.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { - background: rgba(255, 64, 129, 0.04); - color: #ff4081; - border: 0 none; -} -.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { - background: rgba(255, 64, 129, 0.16); - color: #ff4081; - border: 0 none; -} -.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { - background-color: transparent; - color: #ff4081; - border-color: transparent; -} -.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { - background: rgba(255, 64, 129, 0.04); - border-color: transparent; - color: #ff4081; -} -.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { - background: rgba(255, 64, 129, 0.16); - border-color: transparent; - color: #ff4081; -} - -.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { - color: #ffffff; - background: #2196F3; - border: 0 none; -} -.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { - background: rgba(33, 150, 243, 0.92); - color: #ffffff; - border-color: transparent; -} -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { - box-shadow: none; -} -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: rgba(33, 150, 243, 0.68); - color: #ffffff; - border-color: transparent; -} -.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { - background-color: transparent; - color: #2196F3; - border: 0 none; -} -.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { - background: rgba(33, 150, 243, 0.04); - color: #2196F3; - border: 0 none; -} -.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { - background: rgba(33, 150, 243, 0.16); - color: #2196F3; - border: 0 none; -} -.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { - background-color: transparent; - color: #2196F3; - border-color: transparent; -} -.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { - background: rgba(33, 150, 243, 0.04); - border-color: transparent; - color: #2196F3; -} -.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { - background: rgba(33, 150, 243, 0.16); - border-color: transparent; - color: #2196F3; -} - -.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { - color: #ffffff; - background: #689F38; - border: 0 none; -} -.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { - background: rgba(104, 159, 56, 0.92); - color: #ffffff; - border-color: transparent; -} -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { - box-shadow: none; -} -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: rgba(104, 159, 56, 0.68); - color: #ffffff; - border-color: transparent; -} -.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { - background-color: transparent; - color: #689F38; - border: 0 none; -} -.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { - background: rgba(104, 159, 56, 0.04); - color: #689F38; - border: 0 none; -} -.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { - background: rgba(104, 159, 56, 0.16); - color: #689F38; - border: 0 none; -} -.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { - background-color: transparent; - color: #689F38; - border-color: transparent; -} -.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { - background: rgba(104, 159, 56, 0.04); - border-color: transparent; - color: #689F38; -} -.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { - background: rgba(104, 159, 56, 0.16); - border-color: transparent; - color: #689F38; -} - -.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { - color: #212529; - background: #FBC02D; - border: 0 none; -} -.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { - background: rgba(251, 192, 45, 0.92); - color: #212529; - border-color: transparent; -} -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { - box-shadow: none; -} -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: rgba(251, 192, 45, 0.68); - color: #212529; - border-color: transparent; -} -.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { - background-color: transparent; - color: #FBC02D; - border: 0 none; -} -.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { - background: rgba(251, 192, 45, 0.04); - color: #FBC02D; - border: 0 none; -} -.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { - background: rgba(251, 192, 45, 0.16); - color: #FBC02D; - border: 0 none; -} -.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { - background-color: transparent; - color: #FBC02D; - border-color: transparent; -} -.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { - background: rgba(251, 192, 45, 0.04); - border-color: transparent; - color: #FBC02D; -} -.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { - background: rgba(251, 192, 45, 0.16); - border-color: transparent; - color: #FBC02D; -} - -.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { - color: #ffffff; - background: #9C27B0; - border: 0 none; -} -.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { - background: rgba(156, 39, 176, 0.92); - color: #ffffff; - border-color: transparent; -} -.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - box-shadow: none; -} -.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: rgba(156, 39, 176, 0.68); - color: #ffffff; - border-color: transparent; -} -.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { - background-color: transparent; - color: #9C27B0; - border: 0 none; -} -.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { - background: rgba(156, 39, 176, 0.04); - color: #9C27B0; - border: 0 none; -} -.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { - background: rgba(156, 39, 176, 0.16); - color: #9C27B0; - border: 0 none; -} -.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { - background-color: transparent; - color: #9C27B0; - border-color: transparent; -} -.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { - background: rgba(156, 39, 176, 0.04); - border-color: transparent; - color: #9C27B0; -} -.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { - background: rgba(156, 39, 176, 0.16); - border-color: transparent; - color: #9C27B0; -} - -.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { - color: #ffffff; - background: #D32F2F; - border: 0 none; -} -.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { - background: rgba(211, 47, 47, 0.92); - color: #ffffff; - border-color: transparent; -} -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { - box-shadow: none; -} -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: rgba(211, 47, 47, 0.68); - color: #ffffff; - border-color: transparent; -} -.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { - background-color: transparent; - color: #D32F2F; - border: 0 none; -} -.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { - background: rgba(211, 47, 47, 0.04); - color: #D32F2F; - border: 0 none; -} -.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { - background: rgba(211, 47, 47, 0.16); - color: #D32F2F; - border: 0 none; -} -.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { - background-color: transparent; - color: #D32F2F; - border-color: transparent; -} -.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { - background: rgba(211, 47, 47, 0.04); - border-color: transparent; - color: #D32F2F; -} -.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { - background: rgba(211, 47, 47, 0.16); - border-color: transparent; - color: #D32F2F; -} - -.p-button.p-button-link { - color: #3F51B5; - background: transparent; - border: transparent; -} -.p-button.p-button-link:enabled:hover { - background: transparent; - color: #3F51B5; - border-color: transparent; -} -.p-button.p-button-link:enabled:hover .p-button-label { - text-decoration: underline; -} -.p-button.p-button-link:enabled:focus { - background: transparent; - box-shadow: none; - border-color: transparent; -} -.p-button.p-button-link:enabled:active { - background: transparent; - color: #3F51B5; - border-color: transparent; -} - -.p-speeddial-button.p-button.p-button-icon-only { - width: 4rem; - height: 4rem; -} -.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { - font-size: 2rem; -} - -.p-speeddial-action { - width: 3rem; - height: 3rem; - background: #ff4081; - color: #fff; -} -.p-speeddial-action:hover { - background: rgba(255, 64, 129, 0.92); - color: #fff; -} - -.p-speeddial-direction-up .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-up .p-speeddial-item:first-child { - margin-bottom: 0.5rem; -} - -.p-speeddial-direction-down .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-down .p-speeddial-item:first-child { - margin-top: 0.5rem; -} - -.p-speeddial-direction-left .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-left .p-speeddial-item:first-child { - margin-right: 0.5rem; -} - -.p-speeddial-direction-right .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-right .p-speeddial-item:first-child { - margin-left: 0.5rem; -} - -.p-speeddial-circle .p-speeddial-item, -.p-speeddial-semi-circle .p-speeddial-item, -.p-speeddial-quarter-circle .p-speeddial-item { - margin: 0; -} -.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, -.p-speeddial-semi-circle .p-speeddial-item:first-child, -.p-speeddial-semi-circle .p-speeddial-item:last-child, -.p-speeddial-quarter-circle .p-speeddial-item:first-child, -.p-speeddial-quarter-circle .p-speeddial-item:last-child { - margin: 0; -} - -.p-speeddial-mask { - background-color: rgba(0, 0, 0, 0.32); -} - -.p-carousel .p-carousel-content .p-carousel-prev, -.p-carousel .p-carousel-content .p-carousel-next { - width: 2rem; - height: 2rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin: 0.5rem; -} -.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, -.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); -} -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-carousel .p-carousel-indicators { - padding: 1rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator { - margin-right: 0.5rem; - margin-bottom: 0.5rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: #dcdcdc; - width: 2rem; - height: 0.5rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 0; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { - background: #ececec; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: rgba(63, 81, 181, 0.12); - color: #3F51B5; -} - -.p-datatable .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-datatable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-datatable .p-datatable-header { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - padding: 0.75rem 0.75rem; - font-weight: 500; -} -.p-datatable .p-datatable-footer { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - padding: 0.75rem 0.75rem; - font-weight: 500; -} -.p-datatable .p-datatable-thead > tr > th { - text-align: left; - padding: 0.75rem 0.75rem; - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - font-weight: 500; - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - transition: none; -} -.p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 0.75rem 0.75rem; - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - font-weight: 500; - color: rgba(0, 0, 0, 0.87); - background: #ffffff; -} -.p-datatable .p-sortable-column .p-sortable-column-icon { - color: rgba(0, 0, 0, 0.6); - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: #3F51B5; - background: rgba(63, 81, 181, 0.12); - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column:not(.p-highlight):hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} -.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-datatable .p-sortable-column.p-highlight { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); -} -.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: rgba(0, 0, 0, 0.87); -} -.p-datatable .p-sortable-column.p-highlight:hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} -.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { - color: rgba(0, 0, 0, 0.87); -} -.p-datatable .p-sortable-column:focus { - box-shadow: none; - outline: 0 none; -} -.p-datatable .p-datatable-tbody > tr { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - transition: none; - outline-color: transparent; -} -.p-datatable .p-datatable-tbody > tr > td { - text-align: left; - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - padding: 0.75rem 0.75rem; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { - width: 2rem; - height: 2rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { - margin-right: 0.5rem; -} -.p-datatable .p-datatable-tbody > tr.p-highlight { - background: rgba(63, 81, 181, 0.12); - color: #3F51B5; -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 rgba(63, 81, 181, 0.12); -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 rgba(63, 81, 181, 0.12); -} -.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} -.p-datatable .p-column-resizer-helper { - background: #3F51B5; -} -.p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #ffffff; -} -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot { - background-color: #ffffff; -} -.p-datatable .p-datatable-loading-icon { - font-size: 2rem; -} -.p-datatable.p-datatable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-footer { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-top { - border-width: 0 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-bottom { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { - background: rgba(0, 0, 0, 0.02); -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: rgba(63, 81, 181, 0.12); - color: #3F51B5; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: #3F51B5; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: #3F51B5; -} -.p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.375rem 0.375rem; -} -.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.375rem 0.375rem; -} -.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.375rem 0.375rem; -} -.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.375rem 0.375rem; -} -.p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.375rem 0.375rem; -} -.p-datatable.p-datatable-lg .p-datatable-header { - padding: 0.9375rem 0.9375rem; -} -.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { - padding: 0.9375rem 0.9375rem; -} -.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { - padding: 0.9375rem 0.9375rem; -} -.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { - padding: 0.9375rem 0.9375rem; -} -.p-datatable.p-datatable-lg .p-datatable-footer { - padding: 0.9375rem 0.9375rem; -} - -.p-dataview .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-dataview .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-dataview .p-dataview-header { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - padding: 0.75rem 0.75rem; - font-weight: 500; -} -.p-dataview .p-dataview-content { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - padding: 0.75rem; -} -.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid rgba(0, 0, 0, 0.12); - border-width: 0 0 1px 0; -} -.p-dataview .p-dataview-footer { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - padding: 0.75rem 0.75rem; - font-weight: 500; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; -} -.p-dataview .p-dataview-loading-icon { - font-size: 2rem; -} -.p-dataview .p-dataview-emptymessage { - padding: 0.75rem; -} - -.p-column-filter-row .p-column-filter-menu-button, -.p-column-filter-row .p-column-filter-clear-button { - margin-left: 0.5rem; -} - -.p-column-filter-menu-button { - width: 2rem; - height: 2rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-menu-button:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); -} -.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.6); -} -.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: rgba(63, 81, 181, 0.12); - color: #3F51B5; -} -.p-column-filter-menu-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-column-filter-clear-button { - width: 2rem; - height: 2rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-clear-button:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); -} -.p-column-filter-clear-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-column-filter-overlay { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - min-width: 12.5rem; -} -.p-column-filter-overlay .p-column-filter-row-items { - padding: 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { - margin: 0; - padding: 0.75rem 0.75rem; - border: 0 none; - color: rgba(0, 0, 0, 0.87); - background: transparent; - transition: none; - border-radius: 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: #3F51B5; - background: rgba(63, 81, 181, 0.12); -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(0, 0, 0, 0.87); - background: rgba(0, 0, 0, 0.04); -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid rgba(0, 0, 0, 0.12); - margin: 0.5rem 0; -} - -.p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.75rem; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - margin: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-column-filter-overlay-menu .p-column-filter-constraint { - padding: 0.75rem; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { - margin-bottom: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { - margin-top: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { - border-bottom: 0 none; -} -.p-column-filter-overlay-menu .p-column-filter-add-rule { - padding: 0.75rem 0.75rem; -} -.p-column-filter-overlay-menu .p-column-filter-buttonbar { - padding: 0.75rem; -} - -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #ffffff; - border: 1px solid #e0e0e0; - color: rgba(0, 0, 0, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #ffffff; - border: 1px solid #e0e0e0; - color: rgba(0, 0, 0, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #e0e0e0; -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #e0e0e0; -} -.fc.fc-unthemed .fc-view-container .fc-event { - background: rgba(63, 81, 181, 0.12); - border: 1px solid rgba(63, 81, 181, 0.12); - color: #3F51B5; -} -.fc.fc-unthemed .fc-view-container .fc-divider { - background: #ffffff; - border: 1px solid #e0e0e0; -} -.fc.fc-unthemed .fc-toolbar .fc-button { - color: #ffffff; - background: #3F51B5; - border: 0 none; - font-size: 1rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; - display: flex; - align-items: center; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: rgba(63, 81, 181, 0.92); - color: #ffffff; - border-color: transparent; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: rgba(63, 81, 181, 0.68); - color: #ffffff; - border-color: transparent; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #f6f6f6; - border-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #e0e0e1; - border-color: #e0e0e1; - color: rgba(0, 0, 0, 0.87); -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #d9d8d9; - border-color: #d9d8d9; - color: rgba(0, 0, 0, 0.87); -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - z-index: 1; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} -.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #e0e0e0; -} -.fc.fc-theme-standard .fc-view-harness th { - background: #ffffff; - border-color: #e0e0e0; - color: rgba(0, 0, 0, 0.87); -} -.fc.fc-theme-standard .fc-view-harness td { - color: rgba(0, 0, 0, 0.87); - border-color: #e0e0e0; -} -.fc.fc-theme-standard .fc-view-harness .fc-view { - background: #ffffff; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #e0e0e0; - padding: 0.75rem; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 0.75rem; - border: 1px solid #e0e0e0; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border-top: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #3F51B5; - background: rgba(63, 81, 181, 0.12); - border-color: rgba(63, 81, 181, 0.12); -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #3F51B5; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: rgba(63, 81, 181, 0.12); - border-color: rgba(63, 81, 181, 0.12); -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} -.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #ffffff; -} -.fc.fc-theme-standard .fc-toolbar .fc-button { - color: #ffffff; - background: #3F51B5; - border: 0 none; - font-size: 1rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: rgba(63, 81, 181, 0.92); - color: #ffffff; - border-color: transparent; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: rgba(63, 81, 181, 0.68); - color: #ffffff; - border-color: transparent; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.38; - color: #ffffff; - background: #3F51B5; - border: 0 none; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #f6f6f6; - border-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #e0e0e1; - border-color: #e0e0e1; - color: rgba(0, 0, 0, 0.87); -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #d9d8d9; - border-color: #d9d8d9; - color: rgba(0, 0, 0, 0.87); -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - z-index: 1; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} -.fc.fc-theme-standard a { - color: rgba(0, 0, 0, 0.87); -} -.fc.fc-theme-standard .fc-highlight { - color: #3F51B5; - background: rgba(63, 81, 181, 0.12); -} - -.p-orderlist .p-orderlist-controls { - padding: 0.75rem; -} -.p-orderlist .p-orderlist-controls .p-button { - margin-bottom: 0.5rem; -} -.p-orderlist .p-orderlist-header { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e0e0e0; - padding: 0.75rem; - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-orderlist .p-orderlist-header .p-orderlist-title { - font-weight: 500; -} -.p-orderlist .p-orderlist-filter-container { - padding: 0.75rem; - background: #ffffff; - border: 1px solid #e0e0e0; - border-bottom: 0 none; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { - padding-right: 1.75rem; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { - right: 0.75rem; - color: rgba(0, 0, 0, 0.6); -} -.p-orderlist .p-orderlist-list { - border: 1px solid #e0e0e0; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - padding: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-orderlist .p-orderlist-list .p-orderlist-item { - padding: 0.75rem 0.75rem; - margin: 0; - border: 0 none; - color: rgba(0, 0, 0, 0.87); - background: transparent; - transition: none; -} -.p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #3F51B5; - background: rgba(63, 81, 181, 0.12); -} -.p-orderlist .p-orderlist-list .p-orderlist-empty-message { - padding: 0.75rem 0.75rem; - color: rgba(0, 0, 0, 0.87); -} -.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} - -.p-orderlist-item.cdk-drag-preview { - padding: 0.75rem 0.75rem; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - border: 0 none; - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - margin: 0; -} - -.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} -.p-organizationchart .p-organizationchart-node-content.p-highlight { - background: rgba(63, 81, 181, 0.12); - color: #3F51B5; -} -.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: rgba(30, 39, 86, 0.12); -} -.p-organizationchart .p-organizationchart-line-down { - background: rgba(0, 0, 0, 0.12); -} -.p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #e0e0e0; - border-color: rgba(0, 0, 0, 0.12); -} -.p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #e0e0e0; - border-color: rgba(0, 0, 0, 0.12); -} -.p-organizationchart .p-organizationchart-node-content { - border: 1px solid #e0e0e0; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - padding: 0.75rem; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler { - background: inherit; - color: inherit; - border-radius: 50%; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-paginator { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: solid #e4e4e4; - border-width: 0; - padding: 0.375rem 0.75rem; - border-radius: 4px; -} -.p-paginator .p-paginator-first, -.p-paginator .p-paginator-prev, -.p-paginator .p-paginator-next, -.p-paginator .p-paginator-last { - background-color: transparent; - border: 0 none; - color: rgba(0, 0, 0, 0.6); - min-width: 3rem; - height: 3rem; - margin: 0.143rem; - transition: none; - border-radius: 50%; -} -.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { - background: rgba(0, 0, 0, 0.04); - border-color: transparent; - color: rgba(0, 0, 0, 0.6); -} -.p-paginator .p-paginator-first { - border-top-left-radius: 50%; - border-bottom-left-radius: 50%; -} -.p-paginator .p-paginator-last { - border-top-right-radius: 50%; - border-bottom-right-radius: 50%; -} -.p-paginator .p-dropdown { - margin-left: 0.5rem; - margin-right: 0.5rem; - height: 3rem; -} -.p-paginator .p-dropdown .p-dropdown-label { - padding-right: 0; -} -.p-paginator .p-paginator-page-input { - margin-left: 0.5rem; - margin-right: 0.5rem; -} -.p-paginator .p-paginator-page-input .p-inputtext { - max-width: 3rem; -} -.p-paginator .p-paginator-current { - background-color: transparent; - border: 0 none; - color: rgba(0, 0, 0, 0.6); - min-width: 3rem; - height: 3rem; - margin: 0.143rem; - padding: 0 0.5rem; -} -.p-paginator .p-paginator-pages .p-paginator-page { - background-color: transparent; - border: 0 none; - color: rgba(0, 0, 0, 0.6); - min-width: 3rem; - height: 3rem; - margin: 0.143rem; - transition: none; - border-radius: 50%; -} -.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: rgba(63, 81, 181, 0.12); - border-color: rgba(63, 81, 181, 0.12); - color: #3F51B5; -} -.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { - background: rgba(0, 0, 0, 0.04); - border-color: transparent; - color: rgba(0, 0, 0, 0.6); -} - -.p-picklist .p-picklist-buttons { - padding: 0.75rem; -} -.p-picklist .p-picklist-buttons .p-button { - margin-bottom: 0.5rem; -} -.p-picklist .p-picklist-header { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e0e0e0; - padding: 0.75rem; - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-picklist .p-picklist-header .p-picklist-title { - font-weight: 500; -} -.p-picklist .p-picklist-filter-container { - padding: 0.75rem; - background: #ffffff; - border: 1px solid #e0e0e0; - border-bottom: 0 none; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-input { - padding-right: 1.75rem; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { - right: 0.75rem; - color: rgba(0, 0, 0, 0.6); -} -.p-picklist .p-picklist-list { - border: 1px solid #e0e0e0; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - padding: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-picklist .p-picklist-list .p-picklist-item { - padding: 0.75rem 0.75rem; - margin: 0; - border: 0 none; - color: rgba(0, 0, 0, 0.87); - background: transparent; - transition: none; -} -.p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: #3F51B5; - background: rgba(63, 81, 181, 0.12); -} -.p-picklist .p-picklist-list .p-picklist-empty-message { - padding: 0.75rem 0.75rem; - color: rgba(0, 0, 0, 0.87); -} -.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} - -.p-picklist-item.cdk-drag-preview { - padding: 0.75rem 0.75rem; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - border: 0 none; - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - margin: 0; -} - -.p-timeline .p-timeline-event-marker { - border: 0 none; - border-radius: 50%; - width: 1rem; - height: 1rem; - background-color: #bdbdbd; -} -.p-timeline .p-timeline-event-connector { - background-color: #bdbdbd; -} -.p-timeline.p-timeline-vertical .p-timeline-event-opposite, -.p-timeline.p-timeline-vertical .p-timeline-event-content { - padding: 0 1rem; -} -.p-timeline.p-timeline-vertical .p-timeline-event-connector { - width: 2px; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, -.p-timeline.p-timeline-horizontal .p-timeline-event-content { - padding: 1rem 0; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-connector { - height: 2px; -} - -.p-tree { - border: 1px solid #e0e0e0; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - padding: 0.75rem; - border-radius: 4px; -} -.p-tree .p-tree-container .p-treenode { - padding: 0.25rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content { - border-radius: 4px; - transition: none; - padding: 0.25rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; - width: 2rem; - height: 2rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { - margin-right: 0.5rem; - color: rgba(0, 0, 0, 0.6); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { - color: rgba(0, 0, 0, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: rgba(63, 81, 181, 0.12); - color: #3F51B5; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #3F51B5; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { - color: #3F51B5; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} -.p-tree .p-tree-filter-container { - margin-bottom: 0.5rem; -} -.p-tree .p-tree-filter-container .p-tree-filter { - width: 100%; - padding-right: 1.75rem; -} -.p-tree .p-tree-filter-container .p-tree-filter-icon { - right: 0.75rem; - color: rgba(0, 0, 0, 0.6); -} -.p-tree .p-treenode-children { - padding: 0 0 0 1rem; -} -.p-tree .p-tree-loading-icon { - font-size: 2rem; -} -.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: rgba(50, 65, 145, 0.12); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { - border-radius: 4px; - border: 1px solid #e0e0e0; - background-color: #ffffff; - color: rgba(0, 0, 0, 0.87); - padding: 0.25rem; - transition: none; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { - background-color: rgba(63, 81, 181, 0.12); - color: #3F51B5; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #3F51B5; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { - color: rgba(0, 0, 0, 0.6); - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { - background-color: inherit; - color: inherit; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-treetable .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-treetable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-treetable .p-treetable-header { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - padding: 0.75rem 0.75rem; - font-weight: 500; -} -.p-treetable .p-treetable-footer { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - padding: 0.75rem 0.75rem; - font-weight: 500; -} -.p-treetable .p-treetable-thead > tr > th { - text-align: left; - padding: 0.75rem 0.75rem; - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - font-weight: 500; - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - transition: none; -} -.p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 0.75rem 0.75rem; - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - font-weight: 500; - color: rgba(0, 0, 0, 0.87); - background: #ffffff; -} -.p-treetable .p-sortable-column { - outline-color: transparent; -} -.p-treetable .p-sortable-column .p-sortable-column-icon { - color: rgba(0, 0, 0, 0.6); - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: #3F51B5; - background: rgba(63, 81, 181, 0.12); - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column:not(.p-highlight):hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} -.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-treetable .p-sortable-column.p-highlight { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); -} -.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: rgba(0, 0, 0, 0.87); -} -.p-treetable .p-treetable-tbody > tr { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - transition: none; - outline-color: transparent; -} -.p-treetable .p-treetable-tbody > tr > td { - text-align: left; - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - padding: 0.75rem 0.75rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { - width: 2rem; - height: 2rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { - color: rgba(0, 0, 0, 0.87); -} -.p-treetable .p-treetable-tbody > tr.p-highlight { - background: rgba(63, 81, 181, 0.12); - color: #3F51B5; -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: #3F51B5; -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: #3F51B5; -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { - color: rgba(0, 0, 0, 0.87); -} -.p-treetable .p-column-resizer-helper { - background: #3F51B5; -} -.p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #ffffff; -} -.p-treetable .p-treetable-loading-icon { - font-size: 2rem; -} -.p-treetable.p-treetable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-footer { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-top { - border-width: 0 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-bottom { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-sm .p-treetable-header { - padding: 0.65625rem 0.65625rem; -} -.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { - padding: 0.375rem 0.375rem; -} -.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { - padding: 0.375rem 0.375rem; -} -.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { - padding: 0.375rem 0.375rem; -} -.p-treetable.p-treetable-sm .p-treetable-footer { - padding: 0.375rem 0.375rem; -} -.p-treetable.p-treetable-lg .p-treetable-header { - padding: 0.9375rem 0.9375rem; -} -.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { - padding: 0.9375rem 0.9375rem; -} -.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { - padding: 0.9375rem 0.9375rem; -} -.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { - padding: 0.9375rem 0.9375rem; -} -.p-treetable.p-treetable-lg .p-treetable-footer { - padding: 0.9375rem 0.9375rem; -} - -.p-virtualscroller .p-virtualscroller-header { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - padding: 0.75rem 0.75rem; - font-weight: 500; -} -.p-virtualscroller .p-virtualscroller-content { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - padding: 0.75rem; -} -.p-virtualscroller .p-virtualscroller-footer { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - padding: 0.75rem 0.75rem; - font-weight: 500; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; -} - -.p-accordion .p-accordion-header .p-accordion-header-link { - padding: 1.25rem; - border: 0 none; - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - font-weight: 400; - border-radius: 4px; - transition: none; -} -.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { - margin-right: 0.5rem; -} -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { - background: #f6f6f6; - border-color: transparent; - color: rgba(0, 0, 0, 0.87); -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #ffffff; - border-color: transparent; - color: rgba(0, 0, 0, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-color: transparent; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); -} -.p-accordion .p-accordion-content { - padding: 0.75rem 1.25rem; - border: 0 none; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-accordion p-accordiontab .p-accordion-tab { - margin-bottom: 0; -} -.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { - border-radius: 0; -} -.p-accordion p-accordiontab .p-accordion-content { - border-radius: 0; -} -.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { - border-top: 0 none; -} -.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-top: 0 none; -} -.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-accordion p-accordiontab:last-child .p-accordion-content { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-card { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); - border-radius: 4px; -} -.p-card .p-card-body { - padding: 0.75rem; -} -.p-card .p-card-title { - font-size: 1.5rem; - font-weight: 700; - margin-bottom: 0.5rem; -} -.p-card .p-card-subtitle { - font-weight: 400; - margin-bottom: 0.5rem; - color: rgba(0, 0, 0, 0.6); -} -.p-card .p-card-content { - padding: 0.75rem 0; -} -.p-card .p-card-footer { - padding: 0.75rem 0 0 0; -} - -.p-divider .p-divider-content { - background-color: #ffffff; -} -.p-divider.p-divider-horizontal { - margin: 1.25rem 0; - padding: 0 1.25rem; -} -.p-divider.p-divider-horizontal:before { - border-top: 1px rgba(0, 0, 0, 0.12); -} -.p-divider.p-divider-horizontal .p-divider-content { - padding: 0 0.5rem; -} -.p-divider.p-divider-vertical { - margin: 0 1.25rem; - padding: 1.25rem 0; -} -.p-divider.p-divider-vertical:before { - border-left: 1px rgba(0, 0, 0, 0.12); -} -.p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; -} - -.p-fieldset { - border: 1px solid #e0e0e0; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border-radius: 4px; -} -.p-fieldset .p-fieldset-legend { - padding: 0.75rem; - border: 1px solid #e0e0e0; - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - font-weight: 500; - border-radius: 4px; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { - padding: 0; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { - padding: 0.75rem; - color: rgba(0, 0, 0, 0.87); - border-radius: 4px; - transition: none; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { - margin-right: 0.5rem; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: rgba(0, 0, 0, 0.04); - border-color: #e0e0e0; - color: rgba(0, 0, 0, 0.87); -} -.p-fieldset .p-fieldset-content { - padding: 0.75rem; -} - -.p-panel .p-panel-header { - border: 1px solid #e0e0e0; - padding: 0.75rem; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-panel .p-panel-header .p-panel-title { - font-weight: 500; -} -.p-panel .p-panel-header .p-panel-header-icon { - width: 2rem; - height: 2rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); -} -.p-panel .p-panel-header .p-panel-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-panel.p-panel-toggleable .p-panel-header { - padding: 0.5rem 1rem; -} -.p-panel .p-panel-content { - padding: 0.75rem; - border: 1px solid #e0e0e0; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - border-top: 0 none; -} -.p-panel .p-panel-footer { - padding: 0.75rem 0.75rem; - border: 1px solid #e0e0e0; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border-top: 0 none; -} - -.p-scrollpanel .p-scrollpanel-bar { - background: rgba(0, 0, 0, 0.12); - border: 0 none; -} - -.p-splitter { - border: 1px solid #e0e0e0; - background: #ffffff; - border-radius: 4px; - color: rgba(0, 0, 0, 0.87); -} -.p-splitter .p-splitter-gutter { - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - background: rgba(0, 0, 0, 0.04); -} -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: rgba(0, 0, 0, 0.12); -} -.p-splitter .p-splitter-gutter-resizing { - background: rgba(0, 0, 0, 0.12); -} - -.p-tabview .p-tabview-nav { - background: #ffffff; - border: solid rgba(0, 0, 0, 0.12); - border-width: 0 0 1px 0; -} -.p-tabview .p-tabview-nav li { - margin-right: 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid rgba(0, 0, 0, 0.12); - border-width: 0 0 1px 0; - border-color: transparent transparent rgba(0, 0, 0, 0.12) transparent; - background: #ffffff; - color: rgba(0, 0, 0, 0.6); - padding: 0.75rem 1.25rem; - font-weight: 500; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - transition: none; - margin: 0 0 0 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset none; -} -.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: rgba(63, 81, 181, 0.04); - border-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.6); -} -.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #ffffff; - border-color: rgba(0, 0, 0, 0.12); - color: #3F51B5; -} -.p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; -} -.p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-close { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-nav-btn.p-link { - background: #ffffff; - color: #3F51B5; - width: 2.75rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; -} -.p-tabview .p-tabview-nav-btn.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset none; -} -.p-tabview .p-tabview-panels { - background: #ffffff; - padding: 0.75rem; - border: 0 none; - color: rgba(0, 0, 0, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-toolbar { - background: #ffffff; - border: 1px solid #e0e0e0; - padding: 0.75rem; - border-radius: 4px; -} -.p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; -} - -.p-confirm-popup { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-confirm-popup .p-confirm-popup-content { - padding: 0.75rem; -} -.p-confirm-popup .p-confirm-popup-footer { - text-align: right; - padding: 0.75rem 0.75rem; -} -.p-confirm-popup .p-confirm-popup-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-confirm-popup .p-confirm-popup-footer button:last-child { - margin: 0; -} -.p-confirm-popup:after { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-confirm-popup:before { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-confirm-popup.p-confirm-popup-flipped:after { - border-top-color: #ffffff; -} -.p-confirm-popup.p-confirm-popup-flipped:before { - border-top-color: #ffffff; -} -.p-confirm-popup .p-confirm-popup-icon { - font-size: 1.5rem; -} -.p-confirm-popup .p-confirm-popup-message { - margin-left: 1rem; -} - -.p-dialog { - border-radius: 4px; - box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); - border: 0 none; -} -.p-dialog .p-dialog-header { - border-bottom: 0 none; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - padding: 1.25rem; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-dialog .p-dialog-header .p-dialog-title { - font-weight: 500; - font-size: 1.25rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon { - width: 2rem; - height: 2rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); -} -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { - margin-right: 0; -} -.p-dialog .p-dialog-content { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - padding: 0 1.25rem 1.25rem 1.25rem; -} -.p-dialog .p-dialog-footer { - border-top: 0 none; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - padding: 0.75rem 1.25rem; - text-align: right; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-dialog .p-dialog-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { - font-size: 2rem; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; -} - -.p-overlaypanel { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-overlaypanel .p-overlaypanel-content { - padding: 0.75rem; -} -.p-overlaypanel .p-overlaypanel-close { - background: #3F51B5; - color: #ffffff; - width: 2rem; - height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; - position: absolute; - top: -1rem; - right: -1rem; -} -.p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: rgba(63, 81, 181, 0.92); - color: #ffffff; -} -.p-overlaypanel:after { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-overlaypanel:before { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-overlaypanel.p-overlaypanel-flipped:after { - border-top-color: #ffffff; -} -.p-overlaypanel.p-overlaypanel-flipped:before { - border-top-color: #ffffff; -} - -.p-sidebar { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-sidebar .p-sidebar-header { - padding: 0.75rem; -} -.p-sidebar .p-sidebar-header .p-sidebar-close, -.p-sidebar .p-sidebar-header .p-sidebar-icon { - width: 2rem; - height: 2rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, -.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); -} -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-sidebar .p-sidebar-header + .p-sidebar-content { - padding-top: 0; -} -.p-sidebar .p-sidebar-content { - padding: 0.75rem; -} - -.p-tooltip .p-tooltip-text { - background: rgba(97, 97, 97, 0.9); - color: #ffffff; - padding: 0.5rem; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - border-radius: 4px; -} -.p-tooltip.p-tooltip-right .p-tooltip-arrow { - border-right-color: rgba(97, 97, 97, 0.9); -} -.p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: rgba(97, 97, 97, 0.9); -} -.p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: rgba(97, 97, 97, 0.9); -} -.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: rgba(97, 97, 97, 0.9); -} - -.p-fileupload .p-fileupload-buttonbar { - background: #ffffff; - padding: 0.75rem; - border: 1px solid #e0e0e0; - color: rgba(0, 0, 0, 0.87); - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; -} -.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-fileupload .p-fileupload-content { - background: #ffffff; - padding: 2rem 1rem; - border: 1px solid #e0e0e0; - color: rgba(0, 0, 0, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-fileupload .p-progressbar { - height: 4px; -} -.p-fileupload .p-fileupload-row > div { - padding: 0.75rem 0.75rem; -} -.p-fileupload.p-fileupload-advanced .p-message { - margin-top: 0; -} - -.p-fileupload-choose:not(.p-disabled):hover { - background: rgba(63, 81, 181, 0.92); - color: #ffffff; - border-color: transparent; -} -.p-fileupload-choose:not(.p-disabled):active { - background: rgba(63, 81, 181, 0.68); - color: #ffffff; - border-color: transparent; -} - -.p-breadcrumb { - background: #ffffff; - border: 1px solid #e5e5e5; - border-radius: 4px; - padding: 0.75rem; -} -.p-breadcrumb ul li .p-menuitem-link { - transition: none; - border-radius: 4px; -} -.p-breadcrumb ul li .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-breadcrumb ul li.p-breadcrumb-chevron { - margin: 0 0.5rem 0 0.5rem; - color: rgba(0, 0, 0, 0.6); -} -.p-breadcrumb ul li:last-child .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-breadcrumb ul li:last-child .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); -} - -.p-contextmenu { - padding: 0.5rem 0; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 4px; - width: 12.5rem; -} -.p-contextmenu .p-menuitem-link { - padding: 0.75rem 0.75rem; - color: rgba(0, 0, 0, 0.87); - border-radius: 0; - transition: none; - user-select: none; -} -.p-contextmenu .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-contextmenu .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - margin-right: 0.5rem; -} -.p-contextmenu .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-contextmenu .p-submenu-list { - padding: 0.5rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 4px; -} -.p-contextmenu .p-menuitem { - margin: 0; -} -.p-contextmenu .p-menuitem:last-child { - margin: 0; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(0, 0, 0, 0.04); -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-contextmenu .p-menu-separator { - border-top: 1px solid rgba(0, 0, 0, 0.12); - margin: 0.5rem 0; -} -.p-contextmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-dock .p-dock-list { - background: rgba(255, 255, 255, 0.1); - border: 1px solid rgba(255, 255, 255, 0.2); - padding: 0.5rem 0.5rem; - border-radius: 0.5rem; -} -.p-dock .p-dock-item { - padding: 0.5rem; -} -.p-dock .p-dock-action { - width: 4rem; - height: 4rem; -} -.p-dock.p-dock-top .p-dock-item-second-prev, -.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, -.p-dock.p-dock-bottom .p-dock-item-second-next { - margin: 0 0.9rem; -} -.p-dock.p-dock-top .p-dock-item-prev, -.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, -.p-dock.p-dock-bottom .p-dock-item-next { - margin: 0 1.3rem; -} -.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { - margin: 0 1.5rem; -} -.p-dock.p-dock-left .p-dock-item-second-prev, -.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, -.p-dock.p-dock-right .p-dock-item-second-next { - margin: 0.9rem 0; -} -.p-dock.p-dock-left .p-dock-item-prev, -.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, -.p-dock.p-dock-right .p-dock-item-next { - margin: 1.3rem 0; -} -.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { - margin: 1.5rem 0; -} - -@media screen and (max-width: 960px) { - .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { - margin: auto 0; - } - .p-dock .p-dock-list .p-dock-item { - transform: none; - margin: 0; - } -} -.p-megamenu { - padding: 0.75rem; - background: transparent; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e5e5e5; - border-radius: 4px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem; - color: rgba(0, 0, 0, 0.87); - border-radius: 4px; - transition: none; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-megamenu .p-menuitem-link { - padding: 0.75rem 0.75rem; - color: rgba(0, 0, 0, 0.87); - border-radius: 0; - transition: none; - user-select: none; -} -.p-megamenu .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-megamenu .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-megamenu .p-megamenu-panel { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-megamenu .p-megamenu-submenu-header { - margin: 0; - padding: 0.75rem; - color: rgba(0, 0, 0, 0.6); - background: #ffffff; - font-weight: 400; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-megamenu .p-megamenu-submenu { - padding: 0.5rem 0; - width: 12.5rem; -} -.p-megamenu .p-megamenu-submenu .p-menu-separator { - border-top: 1px solid rgba(0, 0, 0, 0.12); - margin: 0.5rem 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem { - margin: 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { - margin: 0; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(0, 0, 0, 0.04); -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.5rem 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem { - margin: 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { - margin: 0; -} - -.p-menu { - padding: 0.5rem 0; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e5e5e5; - border-radius: 4px; - width: 12.5rem; -} -.p-menu .p-menuitem-link { - padding: 0.75rem 0.75rem; - color: rgba(0, 0, 0, 0.87); - border-radius: 0; - transition: none; - user-select: none; -} -.p-menu .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-menu .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - margin-right: 0.5rem; -} -.p-menu .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-menu.p-menu-overlay { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-menu .p-submenu-header { - margin: 0; - padding: 0.75rem; - color: rgba(0, 0, 0, 0.6); - background: #ffffff; - font-weight: 400; - border-top-right-radius: 0; - border-top-left-radius: 0; -} -.p-menu .p-menu-separator { - border-top: 1px solid rgba(0, 0, 0, 0.12); - margin: 0.5rem 0; -} -.p-menu .p-menuitem { - margin: 0; -} -.p-menu .p-menuitem:last-child { - margin: 0; -} - -.p-menubar { - padding: 0.75rem; - background: transparent; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e5e5e5; - border-radius: 4px; -} -.p-menubar .p-menuitem-link { - padding: 0.75rem 0.75rem; - color: rgba(0, 0, 0, 0.87); - border-radius: 0; - transition: none; - user-select: none; -} -.p-menubar .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-menubar .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - margin-right: 0.5rem; -} -.p-menubar .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem; - color: rgba(0, 0, 0, 0.87); - border-radius: 4px; - transition: none; - user-select: none; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - margin-right: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); - margin-left: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-menubar .p-submenu-list { - padding: 0.5rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - width: 12.5rem; -} -.p-menubar .p-submenu-list .p-menu-separator { - border-top: 1px solid rgba(0, 0, 0, 0.12); - margin: 0.5rem 0; -} -.p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; -} -.p-menubar .p-submenu-list .p-menuitem { - margin: 0; -} -.p-menubar .p-submenu-list .p-menuitem:last-child { - margin: 0; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(0, 0, 0, 0.04); -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} - -@media screen and (max-width: 960px) { - .p-menubar { - position: relative; - } - .p-menubar .p-menubar-button { - display: flex; - width: 2rem; - height: 2rem; - color: rgba(0, 0, 0, 0.6); - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-menubar .p-menubar-button:hover { - color: rgba(0, 0, 0, 0.6); - background: rgba(0, 0, 0, 0.04); - } - .p-menubar .p-menubar-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-menubar .p-menubar-root-list { - position: absolute; - display: none; - padding: 0.5rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - width: 100%; - } - .p-menubar .p-menubar-root-list .p-menu-separator { - border-top: 1px solid rgba(0, 0, 0, 0.12); - margin: 0.5rem 0; - } - .p-menubar .p-menubar-root-list .p-submenu-icon { - font-size: 0.875rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 0.75rem; - color: rgba(0, 0, 0, 0.87); - border-radius: 0; - transition: none; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - margin-right: 0.5rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - transition: transform 0.2s; - } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-180deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list { - width: 100%; - position: static; - box-shadow: none; - border: 0 none; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { - transition: transform 0.2s; - transform: rotate(90deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-90deg); - } - .p-menubar .p-menubar-root-list .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list ul li a { - padding-left: 2.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li a { - padding-left: 3.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li a { - padding-left: 5.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { - padding-left: 6.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { - padding-left: 8.25rem; - } - .p-menubar.p-menubar-mobile-active .p-menubar-root-list { - display: flex; - flex-direction: column; - top: 100%; - left: 0; - z-index: 1; - } -} -.p-panelmenu .p-panelmenu-header > a { - padding: 1.25rem; - border: 0 none; - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - font-weight: 400; - border-radius: 4px; - transition: none; -} -.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { - background: #f6f6f6; - border-color: transparent; - color: rgba(0, 0, 0, 0.87); -} -.p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight > a { - background: #ffffff; - border-color: transparent; - color: rgba(0, 0, 0, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { - border-color: transparent; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); -} -.p-panelmenu .p-panelmenu-content { - padding: 0.5rem 0; - border: 0 none; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - margin-bottom: 0; - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 0.75rem; - color: rgba(0, 0, 0, 0.87); - border-radius: 0; - transition: none; - user-select: none; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { - padding: 0 0 0 1rem; -} -.p-panelmenu .p-panelmenu-panel { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { - border-radius: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-content { - border-radius: 0; -} -.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { - border-top: 0 none; -} -.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { - border-top: 0 none; -} -.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} - -.p-slidemenu { - padding: 0.5rem 0; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e5e5e5; - border-radius: 4px; - width: 12.5rem; -} -.p-slidemenu .p-menuitem-link { - padding: 0.75rem 0.75rem; - color: rgba(0, 0, 0, 0.87); - border-radius: 0; - transition: none; - user-select: none; -} -.p-slidemenu .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-slidemenu .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - margin-right: 0.5rem; -} -.p-slidemenu .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-slidemenu.p-slidemenu-overlay { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-slidemenu .p-slidemenu-list { - padding: 0.5rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { - background: rgba(0, 0, 0, 0.04); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { - color: rgba(0, 0, 0, 0.87); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-slidemenu .p-slidemenu-separator { - border-top: 1px solid rgba(0, 0, 0, 0.12); - margin: 0.5rem 0; -} -.p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; -} -.p-slidemenu .p-slidemenu-backward { - padding: 0.75rem 0.75rem; - color: rgba(0, 0, 0, 0.87); -} - -.p-steps .p-steps-item .p-menuitem-link { - background: transparent; - transition: none; - border-radius: 4px; - background: transparent; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-number { - color: rgba(0, 0, 0, 0.87); - border: 1px solid transparent; - background: transparent; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - z-index: 1; - border-radius: 50%; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-title { - margin-top: 0.5rem; - color: rgba(0, 0, 0, 0.87); -} -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-steps .p-steps-item.p-highlight .p-steps-number { - background: rgba(63, 81, 181, 0.12); - color: #3F51B5; -} -.p-steps .p-steps-item.p-highlight .p-steps-title { - font-weight: 500; - color: rgba(0, 0, 0, 0.87); -} -.p-steps .p-steps-item:before { - content: " "; - border-top: 1px solid rgba(0, 0, 0, 0.12); - width: 100%; - top: 50%; - left: 0; - display: block; - position: absolute; - margin-top: -1rem; -} - -.p-tabmenu .p-tabmenu-nav { - background: #ffffff; - border: solid rgba(0, 0, 0, 0.12); - border-width: 0 0 1px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { - margin-right: 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { - border: solid rgba(0, 0, 0, 0.12); - border-width: 0 0 1px 0; - border-color: transparent transparent rgba(0, 0, 0, 0.12) transparent; - background: #ffffff; - color: rgba(0, 0, 0, 0.6); - padding: 0.75rem 1.25rem; - font-weight: 500; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - transition: none; - margin: 0 0 0 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset none; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: rgba(63, 81, 181, 0.04); - border-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.6); -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #ffffff; - border-color: rgba(0, 0, 0, 0.12); - color: #3F51B5; -} - -.p-tieredmenu { - padding: 0.5rem 0; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e5e5e5; - border-radius: 4px; - width: 12.5rem; -} -.p-tieredmenu .p-menuitem-link { - padding: 0.75rem 0.75rem; - color: rgba(0, 0, 0, 0.87); - border-radius: 0; - transition: none; - user-select: none; -} -.p-tieredmenu .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-tieredmenu .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - margin-right: 0.5rem; -} -.p-tieredmenu .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-tieredmenu.p-tieredmenu-overlay { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-tieredmenu .p-submenu-list { - padding: 0.5rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-tieredmenu .p-menuitem { - margin: 0; -} -.p-tieredmenu .p-menuitem:last-child { - margin: 0; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(0, 0, 0, 0.04); -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} -.p-tieredmenu .p-menu-separator { - border-top: 1px solid rgba(0, 0, 0, 0.12); - margin: 0.5rem 0; -} -.p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-inline-message { - padding: 0.75rem 0.75rem; - margin: 0; - border-radius: 4px; -} -.p-inline-message.p-inline-message-info { - background: #B3E5FC; - border: solid transparent; - border-width: 1px; - color: #01579B; -} -.p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #01579B; -} -.p-inline-message.p-inline-message-success { - background: #C8E6C9; - border: solid transparent; - border-width: 1px; - color: #1B5E20; -} -.p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #1B5E20; -} -.p-inline-message.p-inline-message-warn { - background: #FFECB3; - border: solid transparent; - border-width: 1px; - color: #7f6003; -} -.p-inline-message.p-inline-message-warn .p-inline-message-icon { - color: #7f6003; -} -.p-inline-message.p-inline-message-error { - background: #FFCDD2; - border: solid transparent; - border-width: 1px; - color: #B71C1C; -} -.p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #B71C1C; -} -.p-inline-message .p-inline-message-icon { - font-size: 1rem; - margin-right: 0.5rem; -} -.p-inline-message .p-inline-message-text { - font-size: 1rem; -} -.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { - margin-right: 0; -} - -.p-message { - margin: 0.75rem 0; - border-radius: 4px; -} -.p-message .p-message-wrapper { - padding: 1rem 1.25rem; -} -.p-message .p-message-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-message .p-message-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-message.p-message-info { - background: #B3E5FC; - border: solid transparent; - border-width: 0 0 0 0; - color: #01579B; -} -.p-message.p-message-info .p-message-icon { - color: #01579B; -} -.p-message.p-message-info .p-message-close { - color: #01579B; -} -.p-message.p-message-success { - background: #C8E6C9; - border: solid transparent; - border-width: 0 0 0 0; - color: #1B5E20; -} -.p-message.p-message-success .p-message-icon { - color: #1B5E20; -} -.p-message.p-message-success .p-message-close { - color: #1B5E20; -} -.p-message.p-message-warn { - background: #FFECB3; - border: solid transparent; - border-width: 0 0 0 0; - color: #7f6003; -} -.p-message.p-message-warn .p-message-icon { - color: #7f6003; -} -.p-message.p-message-warn .p-message-close { - color: #7f6003; -} -.p-message.p-message-error { - background: #FFCDD2; - border: solid transparent; - border-width: 0 0 0 0; - color: #B71C1C; -} -.p-message.p-message-error .p-message-icon { - color: #B71C1C; -} -.p-message.p-message-error .p-message-close { - color: #B71C1C; -} -.p-message .p-message-text { - font-size: 1rem; - font-weight: 500; -} -.p-message .p-message-icon { - font-size: 1.5rem; - margin-right: 0.5rem; -} -.p-message .p-message-summary { - font-weight: 700; -} -.p-message .p-message-detail { - margin-left: 0.5rem; -} - -.p-toast { - opacity: 0.9; -} -.p-toast .p-toast-message { - margin: 0 0 1rem 0; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - border-radius: 4px; -} -.p-toast .p-toast-message .p-toast-message-content { - padding: 1.25rem; - border-width: 0 0 0 0; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { - margin: 0 0 0 1rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { - font-size: 2rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { - font-weight: 700; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { - margin: 0.5rem 0 0 0; -} -.p-toast .p-toast-message .p-toast-icon-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-toast .p-toast-message .p-toast-icon-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} -.p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; - border: solid transparent; - border-width: 0 0 0 0; - color: #01579B; -} -.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { - color: #01579B; -} -.p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; - border: solid transparent; - border-width: 0 0 0 0; - color: #1B5E20; -} -.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { - color: #1B5E20; -} -.p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; - border: solid transparent; - border-width: 0 0 0 0; - color: #7f6003; -} -.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { - color: #7f6003; -} -.p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; - border: solid transparent; - border-width: 0 0 0 0; - color: #B71C1C; -} -.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { - color: #B71C1C; -} - -.p-galleria .p-galleria-close { - margin: 0.5rem; - background: transparent; - color: rgba(255, 255, 255, 0.87); - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-close .p-galleria-close-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-close:hover { - background: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.87); -} -.p-galleria .p-galleria-item-nav { - background: transparent; - color: #f6f6f6; - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; - margin: 0 0.5rem; -} -.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, -.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.87); -} -.p-galleria .p-galleria-caption { - background: rgba(0, 0, 0, 0.5); - color: rgba(255, 255, 255, 0.87); - padding: 1rem; -} -.p-galleria .p-galleria-indicators { - padding: 1rem; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #dcdcdc; - width: 1.25rem; - height: 1.25rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { - background: #ececec; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(63, 81, 181, 0.12); - color: #3F51B5; -} -.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { - margin-right: 0.5rem; -} -.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { - margin-bottom: 0.5rem; -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { - background: rgba(0, 0, 0, 0.5); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { - background: rgba(255, 255, 255, 0.4); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { - background: rgba(255, 255, 255, 0.6); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(63, 81, 181, 0.12); - color: #3F51B5; -} -.p-galleria .p-galleria-thumbnail-container { - background: rgba(0, 0, 0, 0.9); - padding: 1rem 0.25rem; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { - margin: 0.5rem; - background-color: transparent; - color: rgba(255, 255, 255, 0.87); - width: 2rem; - height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { - background: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.87); -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-galleria-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-preview-indicator { - background-color: transparent; - color: #f8f9fa; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} - -.p-image-preview-container:hover > .p-image-preview-indicator { - background-color: rgba(0, 0, 0, 0.5); -} - -.p-image-toolbar { - padding: 1rem; -} - -.p-image-action.p-link { - color: #f8f9fa; - background-color: transparent; - width: 3rem; - height: 3rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-image-action.p-link:last-child { - margin-right: 0; -} -.p-image-action.p-link:hover { - color: #f8f9fa; - background-color: rgba(255, 255, 255, 0.1); -} -.p-image-action.p-link i { - font-size: 1.5rem; -} - -.p-avatar { - background-color: rgba(0, 0, 0, 0.12); - border-radius: 4px; -} -.p-avatar.p-avatar-lg { - width: 3rem; - height: 3rem; - font-size: 1.5rem; -} -.p-avatar.p-avatar-lg .p-avatar-icon { - font-size: 1.5rem; -} -.p-avatar.p-avatar-xl { - width: 4rem; - height: 4rem; - font-size: 2rem; -} -.p-avatar.p-avatar-xl .p-avatar-icon { - font-size: 2rem; -} - -.p-avatar-group .p-avatar { - border: 2px solid #ffffff; -} - -.p-badge { - background: #3F51B5; - color: #ffffff; - font-size: 0.75rem; - font-weight: 700; - min-width: 1.5rem; - height: 1.5rem; - line-height: 1.5rem; -} -.p-badge.p-badge-secondary { - background-color: #ff4081; - color: #ffffff; -} -.p-badge.p-badge-success { - background-color: #689F38; - color: #ffffff; -} -.p-badge.p-badge-info { - background-color: #2196F3; - color: #ffffff; -} -.p-badge.p-badge-warning { - background-color: #FBC02D; - color: #212529; -} -.p-badge.p-badge-danger { - background-color: #D32F2F; - color: #ffffff; -} -.p-badge.p-badge-lg { - font-size: 1.125rem; - min-width: 2.25rem; - height: 2.25rem; - line-height: 2.25rem; -} -.p-badge.p-badge-xl { - font-size: 1.5rem; - min-width: 3rem; - height: 3rem; - line-height: 3rem; -} - -.p-chip { - background-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); - border-radius: 16px; - padding: 0 0.75rem; -} -.p-chip .p-chip-text { - line-height: 1.5; - margin-top: 0.375rem; - margin-bottom: 0.375rem; -} -.p-chip .p-chip-icon { - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - margin-left: 0.5rem; -} -.p-chip img { - width: 2.25rem; - height: 2.25rem; - margin-left: -0.75rem; - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - border-radius: 4px; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-inplace .p-inplace-display { - padding: 1rem 1rem; - border-radius: 4px; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-inplace .p-inplace-display:not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} -.p-inplace .p-inplace-display:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; -} - -.p-progressbar { - border: 0 none; - height: 4px; - background: rgba(63, 81, 181, 0.32); - border-radius: 4px; -} -.p-progressbar .p-progressbar-value { - border: 0 none; - margin: 0; - background: #3F51B5; -} -.p-progressbar .p-progressbar-label { - color: #ffffff; - line-height: 4px; -} - -.p-scrolltop { - width: 3rem; - height: 3rem; - border-radius: 50%; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-scrolltop.p-link { - background: #ff4081; -} -.p-scrolltop.p-link:hover { - background: rgba(255, 64, 129, 0.92); -} -.p-scrolltop .p-scrolltop-icon { - font-size: 1.5rem; - color: #ffffff; -} - -.p-skeleton { - background-color: rgba(0, 0, 0, 0.08); - border-radius: 4px; -} -.p-skeleton:after { - background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); -} - -.p-tag { - background: #3F51B5; - color: #ffffff; - font-size: 0.75rem; - font-weight: 700; - padding: 0.25rem 0.4rem; - border-radius: 4px; -} -.p-tag.p-tag-success { - background-color: #689F38; - color: #ffffff; -} -.p-tag.p-tag-info { - background-color: #2196F3; - color: #ffffff; -} -.p-tag.p-tag-warning { - background-color: #FBC02D; - color: #212529; -} -.p-tag.p-tag-danger { - background-color: #D32F2F; - color: #ffffff; -} -.p-tag .p-tag-icon { - margin-right: 0.25rem; - font-size: 0.75rem; -} - -.p-terminal { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e0e0e0; - padding: 0.75rem; -} -.p-terminal .p-terminal-input { - font-size: 1rem; - font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; -} - -.p-accordion .p-accordion-tab { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - margin-bottom: 0; - border-radius: 0; - position: relative; - transition: margin-bottom 225ms; -} -.p-accordion .p-accordion-tab:first-child { - border-top-left-radius: 4px; - border-top-right-radius: 4px; -} -.p-accordion .p-accordion-tab:last-child { - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; -} -.p-accordion .p-accordion-tab .p-accordion-toggle-icon { - order: 1; - margin-left: auto; - transition: transform 0.2s; -} -.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-header-link:focus { - background: #f6f6f6; -} -.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-toggle-icon { - transform: rotate(-270deg); -} -.p-accordion .p-accordion-tab.p-accordion-tab-active { - margin-bottom: 1rem; -} -.p-accordion .p-accordion-tab.p-accordion-tab-active .p-accordion-toggle-icon { - transform: rotate(-180deg); -} -.p-accordion .p-accordion-tab .p-accordion-header.p-disabled { - opacity: 1; -} -.p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * { - opacity: 0.38; -} - -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; -} - -.p-input-filled .p-autocomplete .p-autocomplete-multiple-container { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: #f5f5f5 no-repeat; - background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext { - background-image: none; - background-color: transparent; -} -.p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - background-color: #ececec; - border-color: transparent; - background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); -} -.p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-color: #dcdcdc; - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:focus { - background-image: none; - background: transparent; -} - -.p-float-label .p-autocomplete-multiple-container .p-autocomplete-token { - padding: 0.25rem 1rem; -} - -.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { - padding-top: 0; - padding-bottom: 0; -} -.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - font-size: 75%; -} -.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { - padding: 0; -} -.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext { - border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { - box-shadow: none; - border-color: transparent; -} -.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container { - border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} - -p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; -} -p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; -} - -.p-breadcrumb .p-menuitem-link { - padding: 0.25rem 0.5rem; -} -.p-breadcrumb .p-menuitem-link:focus { - background: rgba(0, 0, 0, 0.12); -} - -.p-button { - font-weight: 500; - min-width: 4rem; -} -.p-button.p-button-icon-only { - min-width: auto; -} -.p-button:enabled:focus { - background: rgba(63, 81, 181, 0.76); -} -.p-button:enabled:active { - background: rgba(63, 81, 181, 0.68); -} -.p-button .p-ink { - background-color: rgba(255, 255, 255, 0.32); -} -.p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus { - background: rgba(63, 81, 181, 0.12); -} -.p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active { - background: rgba(63, 81, 181, 0.16); -} -.p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink { - background-color: rgba(63, 81, 181, 0.16); -} -.p-button.p-button-outlined { - box-shadow: inset 0 0 0 1px; -} -.p-button.p-button-outlined:enabled:focus { - box-shadow: inset 0 0 0 1px; -} -.p-button.p-button-outlined:enabled:active { - box-shadow: inset 0 0 0 1px; -} -.p-button:disabled { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(0, 0, 0, 0.38) !important; - opacity: 1; -} -.p-button:disabled.p-button-text { - background-color: transparent !important; - color: rgba(0, 0, 0, 0.38) !important; -} -.p-button:disabled.p-button-outlined { - background-color: transparent !important; - color: rgba(0, 0, 0, 0.38) !important; - border-color: rgba(0, 0, 0, 0.38) !important; -} -.p-button.p-button-raised:enabled:focus { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -} - -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - background: rgba(255, 64, 129, 0.76); -} -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: rgba(255, 64, 129, 0.68); -} -.p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus { - background: rgba(255, 64, 129, 0.12); -} -.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { - background: rgba(255, 64, 129, 0.16); -} -.p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink { - background-color: rgba(255, 64, 129, 0.16); -} - -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { - background: rgba(33, 150, 243, 0.76); -} -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: rgba(33, 150, 243, 0.68); -} -.p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus { - background: rgba(33, 150, 243, 0.12); -} -.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { - background: rgba(33, 150, 243, 0.16); -} -.p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink { - background-color: rgba(33, 150, 243, 0.16); -} - -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { - background: rgba(104, 159, 56, 0.76); -} -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: rgba(104, 159, 56, 0.68); -} -.p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus { - background: rgba(104, 159, 56, 0.12); -} -.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { - background: rgba(104, 159, 56, 0.16); -} -.p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink { - background-color: rgba(104, 159, 56, 0.16); -} - -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { - background: rgba(251, 192, 45, 0.76); -} -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: rgba(251, 192, 45, 0.68); -} -.p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus { - background: rgba(251, 192, 45, 0.12); -} -.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { - background: rgba(251, 192, 45, 0.16); -} -.p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink { - background-color: rgba(251, 192, 45, 0.16); -} - -.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - background: rgba(156, 39, 176, 0.76); -} -.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: rgba(156, 39, 176, 0.68); -} -.p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus { - background: rgba(156, 39, 176, 0.12); -} -.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { - background: rgba(156, 39, 176, 0.16); -} -.p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink { - background-color: rgba(156, 39, 176, 0.16); -} - -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { - background: rgba(211, 47, 47, 0.76); -} -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: rgba(211, 47, 47, 0.68); -} -.p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus { - background: rgba(211, 47, 47, 0.12); -} -.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { - background: rgba(211, 47, 47, 0.16); -} -.p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink { - background-color: rgba(211, 47, 47, 0.16); -} - -.p-calendar-w-btn { - border: 1px solid rgba(0, 0, 0, 0.38); - background: #ffffff; - border-radius: 4px; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); -} -.p-calendar-w-btn .p-inputtext { - background-image: none; - background-color: transparent; - border: 0 none; -} -.p-calendar-w-btn .p-inputtext:enabled:focus { - box-shadow: none; -} -.p-calendar-w-btn .p-datepicker-trigger.p-button { - background-color: transparent; - border: 0 none; -} -.p-calendar-w-btn .p-datepicker-trigger.p-button span { - color: rgba(0, 0, 0, 0.6); -} -.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover { - background: rgba(0, 0, 0, 0.04); -} -.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus { - background: rgba(0, 0, 0, 0.12); -} -.p-calendar-w-btn .p-datepicker-trigger.p-button:disabled { - background-color: transparent !important; -} -.p-calendar-w-btn:not(.p-calendar-disabled):hover { - border-color: rgba(0, 0, 0, 0.87); -} -.p-calendar-w-btn:not(.p-calendar-disabled).p-focus { - border-color: #3F51B5; - box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; -} -.p-calendar-w-btn.p-calendar-disabled { - opacity: 0.38; -} - -.p-datepicker .p-datepicker-header { - border-bottom: 0 none; -} -.p-datepicker .p-datepicker-header .p-datepicker-title { - margin: 0 auto 0 0; - order: 1; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev { - order: 2; -} -.p-datepicker .p-datepicker-header .p-datepicker-next { - order: 3; -} -.p-datepicker table th { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.38); - font-weight: 400; - font-size: 0.875rem; -} -.p-datepicker table td.p-datepicker-today > span { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38); -} -.p-datepicker table td.p-datepicker-today.p-highlight { - box-shadow: 0 0 0 1px rgba(63, 81, 181, 0.12); -} - -p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; -} -p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { - border-color: #B00020; -} -p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext:enabled:focus { - box-shadow: none; -} -p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; -} - -.p-input-filled .p-calendar-w-btn { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: #f5f5f5 no-repeat; - background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-calendar-w-btn .p-inputtext { - background-image: none; - background-color: transparent; -} -.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover { - background-color: #ececec; - border-color: transparent; - background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); -} -.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-color: #dcdcdc; - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:focus { - background-image: none; - background: transparent; -} -.p-input-filled .p-calendar-w-btn .p-inputtext { - border: 0 none; -} -.p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext { - border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: none; - border-color: transparent; -} -.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { - border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext { - border: 0 none; - background-image: none; -} - -.p-cascadeselect .p-inputtext, .p-cascadeselect .p-cascadeselect-trigger { - background-image: none; - background: transparent; -} -.p-cascadeselect .p-inputtext { - border: 0 none; -} -.p-cascadeselect:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; -} - -.p-cascadeselect-item .p-ink { - background-color: rgba(63, 81, 181, 0.16); -} - -.p-input-filled .p-cascadeselect { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: #f5f5f5 no-repeat; - background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-cascadeselect .p-inputtext { - background-image: none; - background-color: transparent; -} -.p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #ececec; - border-color: transparent; - background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); -} -.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-color: #dcdcdc; - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus { - background-image: none; - background: transparent; -} -.p-input-filled .p-cascadeselect .p-inputtext { - border: 0 none; -} -.p-input-filled .p-cascadeselect .p-cascadeselect-label:hover { - background-image: none; - background: transparent; -} -.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect { - border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} - -.p-input-filled .p-float-label .p-cascadeselect .p-cascadeselect-label { - padding-top: 1.25rem; - padding-bottom: 0.25rem; -} -.p-input-filled .p-float-label .p-inputwrapper-filled .p-cascadeselect .p-cascadeselect-label { - padding-top: 1.25rem; - padding-bottom: 0.25rem; -} -.p-input-filled .p-cascadeselect.p-invalid { - border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} - -p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; -} - -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #ff4081; - color: #ffffff; -} - -.p-checkbox { - border-radius: 50%; - transition: box-shadow 0.2s; -} -.p-checkbox .p-checkbox-box { - border-color: #757575; - border-radius: 2px; - position: relative; -} -.p-checkbox .p-checkbox-box:not(.p-disabled):hover { - border-color: #757575; -} -.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { - border-color: #757575; -} -.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus { - border-color: #3F51B5; -} -.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before { - content: ""; - position: absolute; - top: 6px; - left: 1px; - border-right: 2px solid transparent; - border-bottom: 2px solid transparent; - transform: rotate(45deg); - transform-origin: 0% 100%; - animation: checkbox-check 125ms 50ms linear forwards; -} -.p-checkbox:not(.p-checkbox-disabled):hover { - box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); -} -.p-checkbox:not(.p-checkbox-disabled).p-checkbox-focused { - box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); -} -.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover { - box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.04); -} -.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused { - box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12); -} - -.p-input-filled .p-checkbox .p-checkbox-box { - background-color: #ffffff; -} -.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { - background-color: #ffffff; -} - -@keyframes checkbox-check { - 0% { - width: 0; - height: 0; - border-color: #ffffff; - transform: translate3d(0, 0, 0) rotate(45deg); - } - 33% { - width: 4px; - height: 0; - transform: translate3d(0, 0, 0) rotate(45deg); - } - 100% { - width: 4px; - height: 10px; - border-color: #ffffff; - transform: translate3d(0, -10px, 0) rotate(45deg); - } -} -.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; -} - -.p-input-filled .p-chips-multiple-container { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: #f5f5f5 no-repeat; - background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-chips-multiple-container .p-inputtext { - background-image: none; - background-color: transparent; -} -.p-input-filled .p-chips-multiple-container:not(.p-disabled):hover { - background-color: #ececec; - border-color: transparent; - background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); -} -.p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-color: #dcdcdc; - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-chips-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:focus { - background-image: none; - background: transparent; -} - -.p-float-label .p-chips-multiple-container .p-chips-token { - padding: 0.25rem 1rem; -} - -.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token { - padding-top: 0; - padding-bottom: 0; -} -.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { - font-size: 75%; -} -.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token { - padding: 0; -} -.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container { - border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} - -p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; -} - -.p-datatable .p-sortable-column { - outline: 0 none; -} -.p-datatable .p-sortable-column:focus { - background-color: rgba(0, 0, 0, 0.03); -} -.p-datatable .p-datatable-tbody > tr { - outline: 0 none; -} -.p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus { - background-color: rgba(0, 0, 0, 0.03); -} - -.p-dropdown .p-inputtext, .p-dropdown .p-dropdown-trigger { - background-image: none; - background: transparent; -} -.p-dropdown .p-inputtext { - border: 0 none; -} -.p-dropdown:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; -} - -.p-dropdown-item .p-ink { - background-color: rgba(63, 81, 181, 0.16); -} - -.p-input-filled .p-dropdown { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: #f5f5f5 no-repeat; - background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-dropdown .p-inputtext { - background-image: none; - background-color: transparent; -} -.p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #ececec; - border-color: transparent; - background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); -} -.p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-color: #dcdcdc; - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-dropdown .p-inputtext:enabled:hover, .p-input-filled .p-dropdown .p-inputtext:enabled:focus { - background-image: none; - background: transparent; -} -.p-input-filled .p-dropdown .p-inputtext { - border: 0 none; -} -.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown { - border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus, .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} - -p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; -} - -.p-galleria .p-galleria-indicators { - padding: 1rem; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #ff4081; - color: #ffffff; -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(255, 64, 129, 0.68); - color: #ffffff; -} - -.p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; -} -.p-inputtext:enabled:focus.ng-invalid.ng-dirty { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; -} - -.p-input-filled .p-inputtext { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: #f5f5f5 no-repeat; - background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-inputtext:enabled:hover { - background-color: #ececec; - border-color: transparent; - background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); -} -.p-input-filled .p-inputtext:enabled:focus { - box-shadow: none; - background-color: #dcdcdc; - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-inputtext.ng-invalid.ng-dirty { - border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled .p-inputtext.ng-invalid.ng-dirty:enabled:focus { - box-shadow: none; - border-color: transparent; -} - -.p-input-filled .p-inputgroup .p-inputgroup-addon { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: #f5f5f5 no-repeat; - background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-inputgroup .p-inputgroup-addon:last-child { - border-right-color: transparent; -} -.p-input-filled .p-inputgroup-addon:first-child, -.p-input-filled .p-inputgroup button:first-child, -.p-input-filled .p-inputgroup input:first-child { - border-bottom-left-radius: 0; -} -.p-input-filled .p-inputgroup .p-float-label:first-child input { - border-bottom-left-radius: 0; -} -.p-input-filled .p-inputgroup-addon:last-child, -.p-input-filled .p-inputgroup button:last-child, -.p-input-filled .p-inputgroup input:last-child { - border-bottom-right-radius: 0; -} -.p-input-filled .p-inputgroup .p-float-label:last-child input { - border-bottom-right-radius: 0; -} - -p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; -} - -.p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext { - border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: none; - border-color: transparent; -} - -p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; -} - -.p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext { - border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: none; - border-color: transparent; -} - -.p-inputswitch .p-inputswitch-slider:before { - transition-property: box-shadow transform; - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); -} -.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before { - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12), 0 0 1px 10px rgba(0, 0, 0, 0.04); -} -.p-inputswitch.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before { - box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); -} -.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before { - box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.04), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); -} -.p-inputswitch.p-inputswitch-checked.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before { - box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); -} - -.p-fieldset .p-fieldset-legend { - border: 0 none; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { - background: rgba(0, 0, 0, 0.12); -} - -.p-float-label input:focus ~ label, -.p-float-label input.p-filled ~ label, -.p-float-label textarea:focus ~ label, -.p-float-label textarea.p-filled ~ label, -.p-float-label .p-inputwrapper-focus ~ label, -.p-float-label .p-inputwrapper-filled ~ label { - top: -0.5rem !important; - background-color: #ffffff; - padding: 2px 4px; - margin-left: -4px; - margin-top: 0; -} - -.p-float-label textarea ~ label { - margin-top: 0; -} - -.p-float-label input:focus ~ label, -.p-float-label .p-inputwrapper-focus ~ label { - color: #3F51B5; -} - -.p-input-filled .p-float-label .p-inputtext { - padding-top: 1.25rem; - padding-bottom: 0.25rem; -} -.p-input-filled .p-float-label input:focus ~ label, -.p-input-filled .p-float-label input.p-filled ~ label, -.p-input-filled .p-float-label textarea:focus ~ label, -.p-input-filled .p-float-label textarea.p-filled ~ label, -.p-input-filled .p-float-label .p-inputwrapper-focus ~ label, -.p-input-filled .p-float-label .p-inputwrapper-filled ~ label { - top: 0.25rem !important; - margin-top: 0; - background: transparent; -} - -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-toolbar .fc-button:focus { - background: rgba(63, 81, 181, 0.76); -} -.fc.fc-unthemed .fc-toolbar .fc-button:active { - background: rgba(63, 81, 181, 0.68); -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:focus { - background: rgba(63, 81, 181, 0.76); -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:active { - background: rgba(63, 81, 181, 0.68); -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { - background: #e0e0e1; - border-color: #e0e0e1; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { - background: #d9d8d9; - border-color: #d9d8d9; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:focus { - background: rgba(63, 81, 181, 0.76); -} -.fc.fc-theme-standard .fc-toolbar .fc-button:active { - background: rgba(63, 81, 181, 0.68); -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:focus { - background: rgba(63, 81, 181, 0.76); -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:active { - background: rgba(63, 81, 181, 0.68); -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { - background: #e0e0e1; - border-color: #e0e0e1; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { - background: #d9d8d9; - border-color: #d9d8d9; -} - -.p-listbox .p-listbox-list .p-listbox-item .p-ink { - background-color: rgba(63, 81, 181, 0.16); -} -.p-listbox .p-listbox-list .p-listbox-item:focus { - background: rgba(0, 0, 0, 0.12); -} -.p-listbox .p-listbox-list .p-listbox-item:focus.p-highlight { - background: rgba(63, 81, 181, 0.24); -} - -.p-megamenu .p-menuitem .p-menuitem-link:focus { - background: rgba(0, 0, 0, 0.12); -} - -.p-menu .p-menuitem .p-menuitem-link:focus { - background: rgba(0, 0, 0, 0.12); -} - -.p-menubar .p-menuitem .p-menuitem-link:focus { - background: rgba(0, 0, 0, 0.12); -} - -.p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger { - background-image: none; - background: transparent; -} -.p-multiselect .p-multiselect-label { - border: 0 none; -} -.p-multiselect:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; -} -.p-multiselect .p-multiselect-items .p-multiselect-item .p-ink { - background-color: rgba(63, 81, 181, 0.16); -} -.p-multiselect .p-multiselect-items .p-multiselect-item:focus { - background: rgba(0, 0, 0, 0.12); -} -.p-multiselect .p-multiselect-items .p-multiselect-item:focus.p-highlight { - background: rgba(63, 81, 181, 0.24); -} -.p-multiselect .p-multiselect-close:focus { - background: rgba(0, 0, 0, 0.12); -} - -.p-input-filled .p-multiselect { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: #f5f5f5 no-repeat; - background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-multiselect .p-inputtext { - background-image: none; - background-color: transparent; -} -.p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #ececec; - border-color: transparent; - background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); -} -.p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-color: #dcdcdc; - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-multiselect .p-inputtext:enabled:hover, .p-input-filled .p-multiselect .p-inputtext:enabled:focus { - background-image: none; - background: transparent; -} -.p-input-filled .p-multiselect .p-multiselect-label:hover { - background-image: none; - background: transparent; -} - -.p-float-label .p-multiselect-label .p-multiselect-token { - padding: 0.25rem 1rem; - margin-top: 0.25rem; - margin-bottom: 0.25rem; -} - -.p-input-filled .p-float-label .p-multiselect .p-multiselect-label { - padding-top: 1.25rem; - padding-bottom: 0.25rem; -} -.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect .p-multiselect-label { - padding-top: 1.25rem; - padding-bottom: 0.25rem; -} -.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token { - padding-top: 0; - padding-bottom: 0; - margin-top: 0; - margin-bottom: 0; -} -.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { - font-size: 75%; -} -.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect { - border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus, .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} - -p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; -} - -.p-orderlist .p-orderlist-list .p-orderlist-item:focus { - background: rgba(0, 0, 0, 0.12); -} -.p-orderlist .p-orderlist-list .p-orderlist-item:focus.p-highlight { - background: rgba(63, 81, 181, 0.24); -} - -.p-overlaypanel .p-overlaypanel-content { - padding: 1.5rem; -} - -.p-paginator { - justify-content: flex-end; -} -.p-paginator .p-paginator-element:focus { - background: rgba(0, 0, 0, 0.12); -} -.p-paginator .p-paginator-element:focus.p-highlight { - background: rgba(63, 81, 181, 0.24); -} - -.p-panel { - border-radius: 4px; - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); -} -.p-panel .p-panel-header, -.p-panel .p-panel-content, -.p-panel .p-panel-footer { - border: 0 none; -} -.p-panel .p-panel-content { - padding-top: 0; -} -.p-panel .p-panel-title { - font-size: 1.25rem; -} -.p-panel .p-panel-header-icon:focus { - background: rgba(0, 0, 0, 0.12); -} - -.p-panelmenu .p-panelmenu-panel { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - margin-bottom: 0; - border-radius: 0; - position: relative; - transition: margin-bottom 225ms; -} -.p-panelmenu .p-panelmenu-panel:first-child { - border-top-left-radius: 4px; - border-top-right-radius: 4px; -} -.p-panelmenu .p-panelmenu-panel:last-child { - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-icon { - order: 1; - margin-left: auto; - margin-right: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled { - opacity: 1; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-link > * { - opacity: 0.38; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-link:focus { - background: #f6f6f6; -} -.p-panelmenu .p-panelmenu-panel .p-menuitem .p-menuitem-link:focus { - background: rgba(0, 0, 0, 0.12); -} - -.p-picklist .p-picklist-list .p-picklist-item:focus { - background: rgba(0, 0, 0, 0.12); -} -.p-picklist .p-picklist-list .p-picklist-item:focus.p-highlight { - background: rgba(63, 81, 181, 0.24); -} - -.p-progressbar { - border-radius: 0; -} -.p-progressbar .p-progressbar-label { - display: none; -} - -.p-radiobutton { - border-radius: 50%; - transition: box-shadow 0.2s; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border: 2px solid #757575; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - border: 2px solid #757575; -} -.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus { - border-color: #3F51B5; -} -.p-radiobutton:not(.p-radiobutton-disabled):hover { - box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); -} -.p-radiobutton:not(.p-radiobutton-disabled).p-radiobutton-focused { - box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); -} -.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover { - box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.04); -} -.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused { - box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12); -} - -.p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #ffffff; -} -.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #ffffff; -} - -.p-rating .p-rating-icon { - border-radius: 50%; - width: 2rem; - height: 2rem; - display: inline-flex; - justify-content: center; - align-items: center; - margin-left: 0; -} -.p-rating .p-rating-icon:focus { - background: rgba(63, 81, 181, 0.12); -} -.p-rating .p-rating-icon.p-rating-cancel:focus { - background: rgba(176, 0, 32, 0.12); -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { - background-color: rgba(0, 0, 0, 0.04); -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - background: rgba(176, 0, 32, 0.04); -} - -.p-selectbutton .p-button:focus { - background: #e0e0e1; - border-color: #e0e0e1; -} -.p-selectbutton .p-button:focus.p-highlight { - background: #d9d8d9; - border-color: #d9d8d9; -} - -.p-slidemenu .p-menuitem-link:focus { - background: rgba(0, 0, 0, 0.12); -} - -.p-slider .p-slider-handle { - transition: transform 0.2s, box-shadow 0.2s; - transform: scale(0.7); -} -.p-slider .p-slider-handle:focus { - box-shadow: 0 0 1px 10px rgba(255, 64, 129, 0.2); -} -.p-slider.p-slider-sliding .p-slider-handle { - transform: scale(1); -} - -.p-steps { - padding: 1rem 0; -} -.p-steps .p-steps-item { - justify-content: flex-start; - flex-direction: row-reverse; - align-items: center; -} -.p-steps .p-steps-item:before { - position: static; - left: auto; - top: auto; - margin-top: 0; -} -.p-steps .p-steps-item:last-child { - flex-grow: 0; -} -.p-steps .p-steps-item:last-child:before { - display: none; -} -.p-steps .p-steps-item .p-menuitem-link { - flex-direction: row; - flex: 1 1 auto; - overflow: visible; - padding: 1rem 0.5rem; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-number { - background-color: #9e9d9e; - color: #ffffff; - font-size: 0.857rem; - min-width: 1.714rem; - height: 1.714rem; - line-height: 1.714rem; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-title { - margin: 0; - padding-left: 0.5rem; -} -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { - background: rgba(0, 0, 0, 0.12); -} -.p-steps .p-steps-item.p-highlight .p-steps-number { - background-color: #3F51B5; - color: #ffffff; -} -.p-steps .p-steps-item.p-highlight .p-steps-title { - font-weight: 600; - color: rgba(0, 0, 0, 0.87); -} -.p-steps .p-steps-item.p-disabled { - opacity: 1; -} - -.p-tabview .p-tabview-nav { - position: relative; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link { - transition: background-color 0.2s; - border-radius: 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link > .p-ink { - background-color: rgba(63, 81, 181, 0.16); -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link:focus { - background-color: rgba(63, 81, 181, 0.12); -} -.p-tabview .p-tabview-nav .p-tabview-ink-bar { - z-index: 1; - display: block; - position: absolute; - bottom: 0; - height: 2px; - background-color: #3F51B5; - transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); -} - -.p-toolbar { - border: 0 none; -} - -.p-tooltip .p-tooltip-text { - box-shadow: none; - font-size: 0.875rem; -} -.p-tooltip .p-tooltip-arrow { - display: none; -} - -.p-tieredmenu .p-menuitem-link:focus { - background: rgba(0, 0, 0, 0.12); -} - -.p-treeselect .p-treeselect-label, .p-treeselect .p-treeselect-trigger { - background-image: none; - background: transparent; -} -.p-treeselect .p-treeselect-label { - border: 0 none; -} -.p-treeselect:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; -} - -.p-treeselect-item .p-ink { - background-color: rgba(63, 81, 181, 0.16); -} - -.p-input-filled .p-treeselect { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: 1px solid transparent; - background: #f5f5f5 no-repeat; - background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - background-origin: border-box; -} -.p-input-filled .p-treeselect .p-inputtext { - background-image: none; - background-color: transparent; -} -.p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #ececec; - border-color: transparent; - background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); -} -.p-input-filled .p-treeselect:not(.p-disabled).p-focus, .p-input-filled .p-treeselect:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-color: #dcdcdc; - border-color: transparent; - background-size: 100% 2px, 100% 1px; -} -.p-input-filled .p-treeselect .p-inputtext:enabled:hover, .p-input-filled .p-treeselect .p-inputtext:enabled:focus { - background-image: none; - background: transparent; -} -.p-input-filled .p-treeselect .p-treeselect-label:hover { - background-image: none; - background: transparent; -} - -.p-float-label .p-treeselect-label .p-treeselect-token { - padding: 0.25rem 1rem; - margin-top: 0.25rem; - margin-bottom: 0.25rem; -} - -.p-input-filled .p-float-label .p-treeselect .p-treeselect-label { - padding-top: 1.25rem; - padding-bottom: 0.25rem; -} -.p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect .p-treeselect-label { - padding-top: 1.25rem; - padding-bottom: 0.25rem; -} -.p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-token { - padding-top: 0; - padding-bottom: 0; - margin-top: 0; - margin-bottom: 0; -} -.p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-token .p-treeselect-token-icon { - font-size: 75%; -} -.p-input-filled .p-treeselect.p-invalid { - border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled .p-treeselect.p-invalid:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} -.p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { - box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); -} - -.p-treeselect.p-invalid:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; -} - -.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - background: rgba(0, 0, 0, 0.12); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content:focus.p-highlight { - background: rgba(63, 81, 181, 0.24); -} - -.p-treetable .p-sortable-column { - outline: 0 none; -} -.p-treetable .p-sortable-column:focus { - background-color: rgba(0, 0, 0, 0.03); -} -.p-treetable .p-treetable-tbody > tr { - outline: 0 none; -} -.p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus { - background-color: rgba(0, 0, 0, 0.03); -} - -.p-tabmenu .p-tabmenu-nav { - position: relative; -} -.p-tabmenu .p-tabmenu-nav li .p-menuitem-link { - transition: background-color 0.2s; - border-radius: 0; -} -.p-tabmenu .p-tabmenu-nav li .p-menuitem-link > .p-ink { - background-color: rgba(63, 81, 181, 0.16); -} -.p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus { - background-color: rgba(63, 81, 181, 0.12); -} -.p-tabmenu .p-tabmenu-nav li.p-highlight .p-menuitem-link:focus { - background-color: rgba(63, 81, 181, 0.12); -} -.p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar { - display: block; - position: absolute; - bottom: 0; - height: 2px; - background-color: #3F51B5; - transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); -} - -.p-timeline.p-timeline-vertical .p-timeline-event-connector { - margin: 0.5rem 0; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-connector { - margin: 0 0.5rem; -} - -.p-togglebutton.p-button:focus { - background: #e0e0e1; - border-color: #e0e0e1; -} -.p-togglebutton.p-button:focus.p-highlight { - background: #d9d8d9; - border-color: #d9d8d9; -} - -/* Customizations to the designer theme should be defined here */ diff --git a/src/assets/theme/saga-blue/theme.css b/src/assets/theme/saga-blue/theme.css deleted file mode 100644 index 5356f41..0000000 --- a/src/assets/theme/saga-blue/theme.css +++ /dev/null @@ -1,5680 +0,0 @@ -:root { - --surface-a:#ffffff; - --surface-b:#f8f9fa; - --surface-c:#e9ecef; - --surface-d:#dee2e6; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#495057; - --text-color-secondary:#6c757d; - --primary-color:#2196F3; - --primary-color-text:#ffffff; - --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; - --surface-0: #ffffff; - --surface-50: #FAFAFA; - --surface-100: #F5F5F5; - --surface-200: #EEEEEE; - --surface-300: #E0E0E0; - --surface-400: #BDBDBD; - --surface-500: #9E9E9E; - --surface-600: #757575; - --surface-700: #616161; - --surface-800: #424242; - --surface-900: #212121; - --gray-50: #FAFAFA; - --gray-100: #F5F5F5; - --gray-200: #EEEEEE; - --gray-300: #E0E0E0; - --gray-400: #BDBDBD; - --gray-500: #9E9E9E; - --gray-600: #757575; - --gray-700: #616161; - --gray-800: #424242; - --gray-900: #212121; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:3px; - --surface-ground:#f8f9fa; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#dee2e6; - --surface-hover: #e9ecef; - --maskbg: rgba(0, 0, 0, 0.4); - --focus-ring: 0 0 0 0.2rem #a6d5fa; -} - -* { - box-sizing: border-box; -} - -.p-component { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - font-weight: normal; -} - -.p-component-overlay { - background-color: rgba(0, 0, 0, 0.4); - transition-duration: 0.2s; -} - -.p-disabled, .p-component:disabled { - opacity: 0.6; -} - -.p-error { - color: #f44336; -} - -.p-text-secondary { - color: #6c757d; -} - -.pi { - font-size: 1rem; -} - -.p-link { - font-size: 1rem; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - border-radius: 3px; -} -.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; -} - -.p-component-overlay-enter { - animation: p-component-overlay-enter-animation 150ms forwards; -} - -.p-component-overlay-leave { - animation: p-component-overlay-leave-animation 150ms forwards; -} - -@keyframes p-component-overlay-enter-animation { - from { - background-color: transparent; - } - to { - background-color: var(--maskbg); - } -} -@keyframes p-component-overlay-leave-animation { - from { - background-color: var(--maskbg); - } - to { - background-color: transparent; - } -} - -:root { - --blue-50:#f4fafe; - --blue-100:#cae6fc; - --blue-200:#a0d2fa; - --blue-300:#75bef8; - --blue-400:#4baaf5; - --blue-500:#2196f3; - --blue-600:#1c80cf; - --blue-700:#1769aa; - --blue-800:#125386; - --blue-900:#0d3c61; - --green-50:#f6fbf6; - --green-100:#d4ecd5; - --green-200:#b2ddb4; - --green-300:#90cd93; - --green-400:#6ebe71; - --green-500:#4caf50; - --green-600:#419544; - --green-700:#357b38; - --green-800:#2a602c; - --green-900:#1e4620; - --yellow-50:#fffcf5; - --yellow-100:#fef0cd; - --yellow-200:#fde4a5; - --yellow-300:#fdd87d; - --yellow-400:#fccc55; - --yellow-500:#fbc02d; - --yellow-600:#d5a326; - --yellow-700:#b08620; - --yellow-800:#8a6a19; - --yellow-900:#644d12; - --cyan-50:#f2fcfd; - --cyan-100:#c2eff5; - --cyan-200:#91e2ed; - --cyan-300:#61d5e4; - --cyan-400:#30c9dc; - --cyan-500:#00bcd4; - --cyan-600:#00a0b4; - --cyan-700:#008494; - --cyan-800:#006775; - --cyan-900:#004b55; - --pink-50:#fef4f7; - --pink-100:#fac9da; - --pink-200:#f69ebc; - --pink-300:#f1749e; - --pink-400:#ed4981; - --pink-500:#e91e63; - --pink-600:#c61a54; - --pink-700:#a31545; - --pink-800:#801136; - --pink-900:#5d0c28; - --indigo-50:#f5f6fb; - --indigo-100:#d1d5ed; - --indigo-200:#acb4df; - --indigo-300:#8893d1; - --indigo-400:#6372c3; - --indigo-500:#3f51b5; - --indigo-600:#36459a; - --indigo-700:#2c397f; - --indigo-800:#232d64; - --indigo-900:#192048; - --teal-50:#f2faf9; - --teal-100:#c2e6e2; - --teal-200:#91d2cc; - --teal-300:#61beb5; - --teal-400:#30aa9f; - --teal-500:#009688; - --teal-600:#008074; - --teal-700:#00695f; - --teal-800:#00534b; - --teal-900:#003c36; - --orange-50:#fff8f2; - --orange-100:#fde0c2; - --orange-200:#fbc791; - --orange-300:#f9ae61; - --orange-400:#f79530; - --orange-500:#f57c00; - --orange-600:#d06900; - --orange-700:#ac5700; - --orange-800:#874400; - --orange-900:#623200; - --bluegray-50:#f7f9f9; - --bluegray-100:#d9e0e3; - --bluegray-200:#bbc7cd; - --bluegray-300:#9caeb7; - --bluegray-400:#7e96a1; - --bluegray-500:#607d8b; - --bluegray-600:#526a76; - --bluegray-700:#435861; - --bluegray-800:#35454c; - --bluegray-900:#263238; - --purple-50:#faf4fb; - --purple-100:#e7cbec; - --purple-200:#d4a2dd; - --purple-300:#c279ce; - --purple-400:#af50bf; - --purple-500:#9c27b0; - --purple-600:#852196; - --purple-700:#6d1b7b; - --purple-800:#561561; - --purple-900:#3e1046; -} - -.p-autocomplete .p-autocomplete-loader { - right: 0.5rem; -} -.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 2.857rem; -} -.p-autocomplete .p-autocomplete-multiple-container { - padding: 0.25rem 0.5rem; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: #2196F3; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; - border-color: #2196F3; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { - padding: 0.25rem 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - color: #495057; - padding: 0; - margin: 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { - padding: 0.25rem 0.5rem; - margin-right: 0.5rem; - background: #E3F2FD; - color: #495057; - border-radius: 3px; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; -} - -p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #f44336; -} - -.p-autocomplete-panel { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-autocomplete-panel .p-autocomplete-items:not(.p-autocomplete-virtualscroll) { - padding: 0.5rem 0; -} -.p-autocomplete-panel .p-autocomplete-items.p-autocomplete-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.5rem 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: #495057; - background: #e9ecef; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: #495057; - background: #E3F2FD; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.5rem 1rem; - color: #495057; - background: transparent; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: #495057; - background: #ffffff; - font-weight: 600; -} - -p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { - border-color: #f44336; -} - -.p-datepicker { - padding: 0.5rem; - background: #ffffff; - color: #495057; - border: 1px solid #ced4da; - border-radius: 3px; -} -.p-datepicker:not(.p-datepicker-inline) { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { - background: #ffffff; -} -.p-datepicker .p-datepicker-header { - padding: 0.5rem; - color: #495057; - background: #ffffff; - font-weight: 600; - margin: 0; - border-bottom: 1px solid #dee2e6; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev, -.p-datepicker .p-datepicker-header .p-datepicker-next { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { - color: #495057; - border-color: transparent; - background: #e9ecef; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; -} -.p-datepicker .p-datepicker-header .p-datepicker-title { - line-height: 2rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - color: #495057; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - font-weight: 600; - padding: 0.5rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #2196F3; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - margin-right: 0.5rem; -} -.p-datepicker table { - font-size: 1rem; - margin: 0.5rem 0; -} -.p-datepicker table th { - padding: 0.5rem; -} -.p-datepicker table th > span { - width: 2.5rem; - height: 2.5rem; -} -.p-datepicker table td { - padding: 0.5rem; -} -.p-datepicker table td > span { - width: 2.5rem; - height: 2.5rem; - border-radius: 50%; - transition: box-shadow 0.2s; - border: 1px solid transparent; -} -.p-datepicker table td > span.p-highlight { - color: #495057; - background: #E3F2FD; -} -.p-datepicker table td > span:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; -} -.p-datepicker table td.p-datepicker-today > span { - background: #ced4da; - color: #495057; - border-color: transparent; -} -.p-datepicker table td.p-datepicker-today > span.p-highlight { - color: #495057; - background: #E3F2FD; -} -.p-datepicker .p-datepicker-buttonbar { - padding: 1rem 0; - border-top: 1px solid #dee2e6; -} -.p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; -} -.p-datepicker .p-timepicker { - border-top: 1px solid #dee2e6; - padding: 0.5rem; -} -.p-datepicker .p-timepicker button { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-timepicker button:enabled:hover { - color: #495057; - border-color: transparent; - background: #e9ecef; -} -.p-datepicker .p-timepicker button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; -} -.p-datepicker .p-timepicker button:last-child { - margin-top: 0.2em; -} -.p-datepicker .p-timepicker span { - font-size: 1.25rem; -} -.p-datepicker .p-timepicker > div { - padding: 0 0.5rem; -} -.p-datepicker.p-datepicker-timeonly .p-timepicker { - border-top: 0 none; -} -.p-datepicker .p-monthpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-monthpicker .p-monthpicker-month { - padding: 0.5rem; - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: #495057; - background: #E3F2FD; -} -.p-datepicker .p-yearpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-yearpicker .p-yearpicker-year { - padding: 0.5rem; - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { - color: #495057; - background: #E3F2FD; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #dee2e6; - padding-right: 0.5rem; - padding-left: 0.5rem; - padding-top: 0; - padding-bottom: 0; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { - padding-left: 0; - border-left: 0 none; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { - padding-right: 0; -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { - background: #e9ecef; -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; -} - -@media screen and (max-width: 769px) { - .p-datepicker table th, .p-datepicker table td { - padding: 0; - } -} -.p-cascadeselect { - background: #ffffff; - border: 1px solid #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-cascadeselect:not(.p-disabled):hover { - border-color: #2196F3; -} -.p-cascadeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; - border-color: #2196F3; -} -.p-cascadeselect .p-cascadeselect-label { - background: transparent; - border: 0 none; - padding: 0.5rem 0.5rem; -} -.p-cascadeselect .p-cascadeselect-label.p-placeholder { - color: #6c757d; -} -.p-cascadeselect .p-cascadeselect-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-cascadeselect .p-cascadeselect-trigger { - background: transparent; - color: #6c757d; - width: 2.357rem; - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-cascadeselect-panel { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-cascadeselect-panel .p-cascadeselect-items { - padding: 0.5rem 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { - margin: 0; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.5rem 1rem; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a6d5fa; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { - color: #495057; - background: #E3F2FD; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { - font-size: 0.875rem; -} - -p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #f44336; -} - -.p-input-filled .p-cascadeselect { - background: #f8f9fa; -} -.p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #f8f9fa; -} -.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #ffffff; -} - -.p-checkbox { - width: 20px; - height: 20px; -} -.p-checkbox .p-checkbox-box { - border: 2px solid #ced4da; - background: #ffffff; - width: 20px; - height: 20px; - color: #495057; - border-radius: 3px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-checkbox .p-checkbox-box .p-checkbox-icon { - transition-duration: 0.2s; - color: #ffffff; - font-size: 14px; -} -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #2196F3; - background: #2196F3; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #2196F3; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; - border-color: #2196F3; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #0b7ad1; - background: #0b7ad1; - color: #ffffff; -} - -p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #f44336; -} - -.p-input-filled .p-checkbox .p-checkbox-box { - background-color: #f8f9fa; -} -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #2196F3; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #f8f9fa; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #0b7ad1; -} - -.p-checkbox-label { - margin-left: 0.5rem; -} - -.p-chips .p-chips-multiple-container { - padding: 0.25rem 0.5rem; -} -.p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: #2196F3; -} -.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; - border-color: #2196F3; -} -.p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.25rem 0.5rem; - margin-right: 0.5rem; - background: #E3F2FD; - color: #495057; - border-radius: 3px; -} -.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { - margin-left: 0.5rem; -} -.p-chips .p-chips-multiple-container .p-chips-input-token { - padding: 0.25rem 0; -} -.p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - color: #495057; - padding: 0; - margin: 0; -} - -p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { - border-color: #f44336; -} - -.p-colorpicker-preview, -.p-fluid .p-colorpicker-preview.p-inputtext { - width: 2rem; - height: 2rem; -} - -.p-colorpicker-panel { - background: #323232; - border: 1px solid #191919; -} -.p-colorpicker-panel .p-colorpicker-color-handle, -.p-colorpicker-panel .p-colorpicker-hue-handle { - border-color: #ffffff; -} - -.p-colorpicker-overlay-panel { - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} - -.p-dropdown { - background: #ffffff; - border: 1px solid #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-dropdown:not(.p-disabled):hover { - border-color: #2196F3; -} -.p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; - border-color: #2196F3; -} -.p-dropdown.p-dropdown-clearable .p-dropdown-label { - padding-right: 1.5rem; -} -.p-dropdown .p-dropdown-label { - background: transparent; - border: 0 none; -} -.p-dropdown .p-dropdown-label.p-placeholder { - color: #6c757d; -} -.p-dropdown .p-dropdown-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-dropdown .p-dropdown-trigger { - background: transparent; - color: #6c757d; - width: 2.357rem; - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} -.p-dropdown .p-dropdown-clear-icon { - color: #6c757d; - right: 2.357rem; -} - -.p-dropdown-panel { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-dropdown-panel .p-dropdown-header { - padding: 0.5rem 1rem; - border-bottom: 0 none; - color: #495057; - background: #f8f9fa; - margin: 0; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { - padding-right: 1.5rem; - margin-right: -1.5rem; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { - right: 0.5rem; - color: #6c757d; -} -.p-dropdown-panel .p-dropdown-items:not(.p-dropdown-virtualscroll) { - padding: 0.5rem 0; -} -.p-dropdown-panel .p-dropdown-items.p-dropdown-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.5rem 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: #495057; - background: #E3F2FD; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.5rem 1rem; - color: #495057; - background: transparent; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: #495057; - background: #ffffff; - font-weight: 600; -} - -p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #f44336; -} - -.p-input-filled .p-dropdown { - background: #f8f9fa; -} -.p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #f8f9fa; -} -.p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: #ffffff; -} - -.p-editor-container .p-editor-toolbar { - background: #f8f9fa; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #dee2e6; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: #6c757d; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: #6c757d; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: #6c757d; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; - padding: 0.5rem 0; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: #495057; - background: #e9ecef; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.5rem 1rem; -} -.p-editor-container .p-editor-content { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-editor-container .p-editor-content.ql-snow { - border: 1px solid #dee2e6; -} -.p-editor-container .p-editor-content .ql-editor { - background: #ffffff; - color: #495057; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: #495057; -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: #495057; -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: #495057; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #2196F3; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #2196F3; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #2196F3; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #2196F3; -} - -.p-inputgroup-addon { - background: #e9ecef; - color: #6c757d; - border-top: 1px solid #ced4da; - border-left: 1px solid #ced4da; - border-bottom: 1px solid #ced4da; - padding: 0.5rem 0.5rem; - min-width: 2.357rem; -} -.p-inputgroup-addon:last-child { - border-right: 1px solid #ced4da; -} - -.p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, -.p-inputgroup > .p-float-label > .p-component { - border-radius: 0; - margin: 0; -} -.p-inputgroup > .p-component + .p-inputgroup-addon, -.p-inputgroup > .p-element + .p-inputgroup-addon, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, -.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { - border-left: 0 none; -} -.p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, -.p-inputgroup > .p-float-label > .p-component:focus { - z-index: 1; -} -.p-inputgroup > .p-component:focus ~ label, -.p-inputgroup > .p-element:focus ~ label, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, -.p-inputgroup > .p-float-label > .p-component:focus ~ label { - z-index: 1; -} - -.p-inputgroup-addon:first-child, -.p-inputgroup button:first-child, -.p-inputgroup input:first-child, -.p-inputgroup > .p-inputwrapper:first-child > .p-component, -.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-inputgroup .p-float-label:first-child input { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-inputgroup-addon:last-child, -.p-inputgroup button:last-child, -.p-inputgroup input:last-child, -.p-inputgroup > .p-inputwrapper:last-child > .p-component, -.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-inputgroup .p-float-label:last-child input { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-fluid .p-inputgroup .p-button { - width: auto; -} -.p-fluid .p-inputgroup .p-button.p-button-icon-only { - width: 2.357rem; -} - -p-inputmask.ng-dirty.ng-invalid > .p-inputtext { - border-color: #f44336; -} - -p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { - border-color: #f44336; -} - -.p-inputswitch { - width: 3rem; - height: 1.75rem; -} -.p-inputswitch .p-inputswitch-slider { - background: #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 30px; -} -.p-inputswitch .p-inputswitch-slider:before { - background: #ffffff; - width: 1.25rem; - height: 1.25rem; - left: 0.25rem; - margin-top: -0.625rem; - border-radius: 50%; - transition-duration: 0.2s; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - transform: translateX(1.25rem); -} -.p-inputswitch.p-focus .p-inputswitch-slider { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; -} -.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #b6bfc8; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #2196F3; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: #ffffff; -} -.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #0d89ec; -} - -p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { - border-color: #f44336; -} - -.p-inputtext { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - color: #495057; - background: #ffffff; - padding: 0.5rem 0.5rem; - border: 1px solid #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - appearance: none; - border-radius: 3px; -} -.p-inputtext:enabled:hover { - border-color: #2196F3; -} -.p-inputtext:enabled:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; - border-color: #2196F3; -} -.p-inputtext.ng-dirty.ng-invalid { - border-color: #f44336; -} -.p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.4375rem; -} -.p-inputtext.p-inputtext-lg { - font-size: 1.25rem; - padding: 0.625rem 0.625rem; -} - -.p-float-label > label { - left: 0.5rem; - color: #6c757d; - transition-duration: 0.2s; -} - -.p-float-label > .ng-invalid.ng-dirty + label { - color: #f44336; -} - -.p-input-icon-left > i:first-of-type { - left: 0.5rem; - color: #6c757d; -} - -.p-input-icon-left > .p-inputtext { - padding-left: 2rem; -} - -.p-input-icon-left.p-float-label > label { - left: 2rem; -} - -.p-input-icon-right > i:last-of-type { - right: 0.5rem; - color: #6c757d; -} - -.p-input-icon-right > .p-inputtext { - padding-right: 2rem; -} - -::-webkit-input-placeholder { - color: #6c757d; -} - -:-moz-placeholder { - color: #6c757d; -} - -::-moz-placeholder { - color: #6c757d; -} - -:-ms-input-placeholder { - color: #6c757d; -} - -.p-input-filled .p-inputtext { - background-color: #f8f9fa; -} -.p-input-filled .p-inputtext:enabled:hover { - background-color: #f8f9fa; -} -.p-input-filled .p-inputtext:enabled:focus { - background-color: #ffffff; -} - -.p-inputtext-sm .p-inputtext { - font-size: 0.875rem; - padding: 0.4375rem 0.4375rem; -} - -.p-inputtext-lg .p-inputtext { - font-size: 1.25rem; - padding: 0.625rem 0.625rem; -} - -.p-listbox { - background: #ffffff; - color: #495057; - border: 1px solid #ced4da; - border-radius: 3px; -} -.p-listbox .p-listbox-header { - padding: 0.5rem 1rem; - border-bottom: 0 none; - color: #495057; - background: #f8f9fa; - margin: 0; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-listbox .p-listbox-header .p-listbox-filter { - padding-right: 1.5rem; -} -.p-listbox .p-listbox-header .p-listbox-filter-icon { - right: 0.5rem; - color: #6c757d; -} -.p-listbox .p-listbox-header .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list { - padding: 0.5rem 0; -} -.p-listbox .p-listbox-list .p-listbox-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: #495057; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: #495057; - background: #E3F2FD; -} -.p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a6d5fa; -} -.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list .p-listbox-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: #495057; - background: #ffffff; - font-weight: 600; -} -.p-listbox .p-listbox-list .p-listbox-empty-message { - padding: 0.5rem 1rem; - color: #495057; - background: transparent; -} -.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; -} - -p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #f44336; -} - -.p-multiselect { - background: #ffffff; - border: 1px solid #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-multiselect:not(.p-disabled):hover { - border-color: #2196F3; -} -.p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; - border-color: #2196F3; -} -.p-multiselect .p-multiselect-label { - padding: 0.5rem 0.5rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-multiselect .p-multiselect-label.p-placeholder { - color: #6c757d; -} -.p-multiselect.p-multiselect-chip .p-multiselect-token { - padding: 0.25rem 0.5rem; - margin-right: 0.5rem; - background: #E3F2FD; - color: #495057; - border-radius: 3px; -} -.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { - margin-left: 0.5rem; -} -.p-multiselect .p-multiselect-trigger { - background: transparent; - color: #6c757d; - width: 2.357rem; - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { - padding: 0.25rem 0.5rem; -} - -.p-multiselect-panel { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-multiselect-panel .p-multiselect-header { - padding: 0.5rem 1rem; - border-bottom: 0 none; - color: #495057; - background: #f8f9fa; - margin: 0; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { - padding-right: 1.5rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { - right: 0.5rem; - color: #6c757d; -} -.p-multiselect-panel .p-multiselect-header .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close { - margin-left: 0.5rem; - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { - color: #495057; - border-color: transparent; - background: #e9ecef; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; -} -.p-multiselect-panel .p-multiselect-items:not(.p-multiselect-virtualscroll) { - padding: 0.5rem 0; -} -.p-multiselect-panel .p-multiselect-items.p-multiselect-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.5rem 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: #495057; - background: #E3F2FD; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a6d5fa; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: #495057; - background: #ffffff; - font-weight: 600; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { - padding: 0.5rem 1rem; - color: #495057; - background: transparent; -} - -p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #f44336; -} - -.p-input-filled .p-multiselect { - background: #f8f9fa; -} -.p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #f8f9fa; -} -.p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #ffffff; -} - -p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #f44336; -} - -.p-password-panel { - padding: 1rem; - background: #ffffff; - color: #495057; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; -} -.p-password-panel .p-password-meter { - margin-bottom: 0.5rem; - background: #dee2e6; -} -.p-password-panel .p-password-meter .p-password-strength.weak { - background: #D32F2F; -} -.p-password-panel .p-password-meter .p-password-strength.medium { - background: #FBC02D; -} -.p-password-panel .p-password-meter .p-password-strength.strong { - background: #689F38; -} - -.p-radiobutton { - width: 20px; - height: 20px; -} -.p-radiobutton .p-radiobutton-box { - border: 2px solid #ced4da; - background: #ffffff; - width: 20px; - height: 20px; - color: #495057; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #2196F3; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; - border-color: #2196F3; -} -.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - width: 12px; - height: 12px; - transition-duration: 0.2s; - background-color: #ffffff; -} -.p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #2196F3; - background: #2196F3; -} -.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #0b7ad1; - background: #0b7ad1; - color: #ffffff; -} - -p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #f44336; -} - -.p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #f8f9fa; -} -.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #f8f9fa; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #2196F3; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #0b7ad1; -} - -.p-radiobutton-label { - margin-left: 0.5rem; -} - -.p-rating .p-rating-icon { - color: #495057; - margin-left: 0.5rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - font-size: 1.143rem; -} -.p-rating .p-rating-icon.p-rating-cancel { - color: #e74c3c; -} -.p-rating .p-rating-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; -} -.p-rating .p-rating-icon:first-child { - margin-left: 0; -} -.p-rating .p-rating-icon.pi-star-fill { - color: #2196F3; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { - color: #2196F3; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - color: #c0392b; -} - -.p-selectbutton .p-button { - background: #ffffff; - border: 1px solid #ced4da; - color: #495057; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-selectbutton .p-button .p-button-icon-left, -.p-selectbutton .p-button .p-button-icon-right { - color: #6c757d; -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: #6c757d; -} -.p-selectbutton .p-button.p-highlight { - background: #2196F3; - border-color: #2196F3; - color: #ffffff; -} -.p-selectbutton .p-button.p-highlight .p-button-icon-left, -.p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: #ffffff; -} -.p-selectbutton .p-button.p-highlight:hover { - background: #0d89ec; - border-color: #0d89ec; - color: #ffffff; -} -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: #ffffff; -} - -p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #f44336; -} - -.p-slider { - background: #dee2e6; - border: 0 none; - border-radius: 3px; -} -.p-slider.p-slider-horizontal { - height: 0.286rem; -} -.p-slider.p-slider-horizontal .p-slider-handle { - margin-top: -0.5715rem; - margin-left: -0.5715rem; -} -.p-slider.p-slider-vertical { - width: 0.286rem; -} -.p-slider.p-slider-vertical .p-slider-handle { - margin-left: -0.5715rem; - margin-bottom: -0.5715rem; -} -.p-slider .p-slider-handle { - height: 1.143rem; - width: 1.143rem; - background: #ffffff; - border: 2px solid #2196F3; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-slider .p-slider-handle:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; -} -.p-slider .p-slider-range { - background: #2196F3; -} -.p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #2196F3; - border-color: #2196F3; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { - transition: width 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { - transition: height 0.2s; -} - -.p-togglebutton.p-button { - background: #ffffff; - border: 1px solid #ced4da; - color: #495057; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-togglebutton.p-button .p-button-icon-left, -.p-togglebutton.p-button .p-button-icon-right { - color: #6c757d; -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: #6c757d; -} -.p-togglebutton.p-button.p-highlight { - background: #2196F3; - border-color: #2196F3; - color: #ffffff; -} -.p-togglebutton.p-button.p-highlight .p-button-icon-left, -.p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: #ffffff; -} -.p-togglebutton.p-button.p-highlight:hover { - background: #0d89ec; - border-color: #0d89ec; - color: #ffffff; -} -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: #ffffff; -} - -p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #f44336; -} - -.p-treeselect { - background: #ffffff; - border: 1px solid #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-treeselect:not(.p-disabled):hover { - border-color: #2196F3; -} -.p-treeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; - border-color: #2196F3; -} -.p-treeselect .p-treeselect-label { - padding: 0.5rem 0.5rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-treeselect .p-treeselect-label.p-placeholder { - color: #6c757d; -} -.p-treeselect.p-treeselect-chip .p-treeselect-token { - padding: 0.25rem 0.5rem; - margin-right: 0.5rem; - background: #dee2e6; - color: #495057; - border-radius: 16px; -} -.p-treeselect .p-treeselect-trigger { - background: transparent; - color: #6c757d; - width: 2.357rem; - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -p-treeselect.ng-invalid.ng-dirty > .p-treeselect { - border-color: #f44336; -} - -.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { - padding: 0.25rem 0.5rem; -} - -.p-treeselect-panel { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { - border: 0 none; -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { - padding: 0.5rem 1rem; - color: #495057; - background: transparent; -} - -.p-input-filled .p-treeselect { - background: #f8f9fa; -} -.p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #f8f9fa; -} -.p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: #ffffff; -} - -.p-button { - color: #ffffff; - background: #2196F3; - border: 1px solid #2196F3; - padding: 0.5rem 1rem; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-button:enabled:hover { - background: #0d89ec; - color: #ffffff; - border-color: #0d89ec; -} -.p-button:enabled:active { - background: #0b7ad1; - color: #ffffff; - border-color: #0b7ad1; -} -.p-button.p-button-outlined { - background-color: transparent; - color: #2196F3; - border: 1px solid; -} -.p-button.p-button-outlined:enabled:hover { - background: rgba(33, 150, 243, 0.04); - color: #2196F3; - border: 1px solid; -} -.p-button.p-button-outlined:enabled:active { - background: rgba(33, 150, 243, 0.16); - color: #2196F3; - border: 1px solid; -} -.p-button.p-button-outlined.p-button-plain { - color: #6c757d; - border-color: #6c757d; -} -.p-button.p-button-outlined.p-button-plain:enabled:hover { - background: #e9ecef; - color: #6c757d; -} -.p-button.p-button-outlined.p-button-plain:enabled:active { - background: #dee2e6; - color: #6c757d; -} -.p-button.p-button-text { - background-color: transparent; - color: #2196F3; - border-color: transparent; -} -.p-button.p-button-text:enabled:hover { - background: rgba(33, 150, 243, 0.04); - color: #2196F3; - border-color: transparent; -} -.p-button.p-button-text:enabled:active { - background: rgba(33, 150, 243, 0.16); - color: #2196F3; - border-color: transparent; -} -.p-button.p-button-text.p-button-plain { - color: #6c757d; -} -.p-button.p-button-text.p-button-plain:enabled:hover { - background: #e9ecef; - color: #6c757d; -} -.p-button.p-button-text.p-button-plain:enabled:active { - background: #dee2e6; - color: #6c757d; -} -.p-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; -} -.p-button .p-button-icon-left { - margin-right: 0.5rem; -} -.p-button .p-button-icon-right { - margin-left: 0.5rem; -} -.p-button .p-button-icon-bottom { - margin-top: 0.5rem; -} -.p-button .p-button-icon-top { - margin-bottom: 0.5rem; -} -.p-button .p-badge { - margin-left: 0.5rem; - min-width: 1rem; - height: 1rem; - line-height: 1rem; - color: #2196F3; - background-color: #ffffff; -} -.p-button.p-button-raised { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -} -.p-button.p-button-rounded { - border-radius: 2rem; -} -.p-button.p-button-icon-only { - width: 2.357rem; - padding: 0.5rem 0; -} -.p-button.p-button-icon-only .p-button-icon-left, -.p-button.p-button-icon-only .p-button-icon-right { - margin: 0; -} -.p-button.p-button-icon-only.p-button-rounded { - border-radius: 50%; - height: 2.357rem; -} -.p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.875rem; -} -.p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; -} -.p-button.p-button-lg { - font-size: 1.25rem; - padding: 0.625rem 1.25rem; -} -.p-button.p-button-lg .p-button-icon { - font-size: 1.25rem; -} -.p-button.p-button-loading-label-only .p-button-label { - margin-left: 0.5rem; -} -.p-button.p-button-loading-label-only .p-button-loading-icon { - margin-right: 0; -} - -.p-fluid .p-button { - width: 100%; -} -.p-fluid .p-button-icon-only { - width: 2.357rem; -} -.p-fluid .p-buttonset { - display: flex; -} -.p-fluid .p-buttonset .p-button { - flex: 1; -} - -.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { - color: #ffffff; - background: #607D8B; - border: 1px solid #607D8B; -} -.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { - background: #56717d; - color: #ffffff; - border-color: #56717d; -} -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #beccd2; -} -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: #4d646f; - color: #ffffff; - border-color: #4d646f; -} -.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { - background-color: transparent; - color: #607D8B; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { - background: rgba(96, 125, 139, 0.04); - color: #607D8B; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { - background: rgba(96, 125, 139, 0.16); - color: #607D8B; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { - background-color: transparent; - color: #607D8B; - border-color: transparent; -} -.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { - background: rgba(96, 125, 139, 0.04); - border-color: transparent; - color: #607D8B; -} -.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { - background: rgba(96, 125, 139, 0.16); - border-color: transparent; - color: #607D8B; -} - -.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { - color: #ffffff; - background: #0288D1; - border: 1px solid #0288D1; -} -.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { - background: #027abc; - color: #ffffff; - border-color: #027abc; -} -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #89d4fe; -} -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: #026da7; - color: #ffffff; - border-color: #026da7; -} -.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { - background-color: transparent; - color: #0288D1; - border: 1px solid; -} -.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { - background: rgba(2, 136, 209, 0.04); - color: #0288D1; - border: 1px solid; -} -.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { - background: rgba(2, 136, 209, 0.16); - color: #0288D1; - border: 1px solid; -} -.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { - background-color: transparent; - color: #0288D1; - border-color: transparent; -} -.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { - background: rgba(2, 136, 209, 0.04); - border-color: transparent; - color: #0288D1; -} -.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { - background: rgba(2, 136, 209, 0.16); - border-color: transparent; - color: #0288D1; -} - -.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { - color: #ffffff; - background: #689F38; - border: 1px solid #689F38; -} -.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { - background: #5e8f32; - color: #ffffff; - border-color: #5e8f32; -} -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #c2e0a8; -} -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: #537f2d; - color: #ffffff; - border-color: #537f2d; -} -.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { - background-color: transparent; - color: #689F38; - border: 1px solid; -} -.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { - background: rgba(104, 159, 56, 0.04); - color: #689F38; - border: 1px solid; -} -.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { - background: rgba(104, 159, 56, 0.16); - color: #689F38; - border: 1px solid; -} -.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { - background-color: transparent; - color: #689F38; - border-color: transparent; -} -.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { - background: rgba(104, 159, 56, 0.04); - border-color: transparent; - color: #689F38; -} -.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { - background: rgba(104, 159, 56, 0.16); - border-color: transparent; - color: #689F38; -} - -.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { - color: #212529; - background: #FBC02D; - border: 1px solid #FBC02D; -} -.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { - background: #fab710; - color: #212529; - border-color: #fab710; -} -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #fde6ab; -} -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: #e8a704; - color: #212529; - border-color: #e8a704; -} -.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { - background-color: transparent; - color: #FBC02D; - border: 1px solid; -} -.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { - background: rgba(251, 192, 45, 0.04); - color: #FBC02D; - border: 1px solid; -} -.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { - background: rgba(251, 192, 45, 0.16); - color: #FBC02D; - border: 1px solid; -} -.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { - background-color: transparent; - color: #FBC02D; - border-color: transparent; -} -.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { - background: rgba(251, 192, 45, 0.04); - border-color: transparent; - color: #FBC02D; -} -.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { - background: rgba(251, 192, 45, 0.16); - border-color: transparent; - color: #FBC02D; -} - -.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { - color: #ffffff; - background: #9C27B0; - border: 1px solid #9C27B0; -} -.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { - background: #8c239e; - color: #ffffff; - border-color: #8c239e; -} -.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #df9eea; -} -.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: #7d1f8d; - color: #ffffff; - border-color: #7d1f8d; -} -.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { - background-color: transparent; - color: #9C27B0; - border: 1px solid; -} -.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { - background: rgba(156, 39, 176, 0.04); - color: #9C27B0; - border: 1px solid; -} -.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { - background: rgba(156, 39, 176, 0.16); - color: #9C27B0; - border: 1px solid; -} -.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { - background-color: transparent; - color: #9C27B0; - border-color: transparent; -} -.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { - background: rgba(156, 39, 176, 0.04); - border-color: transparent; - color: #9C27B0; -} -.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { - background: rgba(156, 39, 176, 0.16); - border-color: transparent; - color: #9C27B0; -} - -.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { - color: #ffffff; - background: #D32F2F; - border: 1px solid #D32F2F; -} -.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { - background: #c02929; - color: #ffffff; - border-color: #c02929; -} -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #edacac; -} -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: #aa2424; - color: #ffffff; - border-color: #aa2424; -} -.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { - background-color: transparent; - color: #D32F2F; - border: 1px solid; -} -.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { - background: rgba(211, 47, 47, 0.04); - color: #D32F2F; - border: 1px solid; -} -.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { - background: rgba(211, 47, 47, 0.16); - color: #D32F2F; - border: 1px solid; -} -.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { - background-color: transparent; - color: #D32F2F; - border-color: transparent; -} -.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { - background: rgba(211, 47, 47, 0.04); - border-color: transparent; - color: #D32F2F; -} -.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { - background: rgba(211, 47, 47, 0.16); - border-color: transparent; - color: #D32F2F; -} - -.p-button.p-button-link { - color: #0b7ad1; - background: transparent; - border: transparent; -} -.p-button.p-button-link:enabled:hover { - background: transparent; - color: #0b7ad1; - border-color: transparent; -} -.p-button.p-button-link:enabled:hover .p-button-label { - text-decoration: underline; -} -.p-button.p-button-link:enabled:focus { - background: transparent; - box-shadow: 0 0 0 0.2rem #a6d5fa; - border-color: transparent; -} -.p-button.p-button-link:enabled:active { - background: transparent; - color: #0b7ad1; - border-color: transparent; -} - -.p-speeddial-button.p-button.p-button-icon-only { - width: 4rem; - height: 4rem; -} -.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { - font-size: 1.3rem; -} - -.p-speeddial-action { - width: 3rem; - height: 3rem; - background: #495057; - color: #fff; -} -.p-speeddial-action:hover { - background: #343a40; - color: #fff; -} - -.p-speeddial-direction-up .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-up .p-speeddial-item:first-child { - margin-bottom: 0.5rem; -} - -.p-speeddial-direction-down .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-down .p-speeddial-item:first-child { - margin-top: 0.5rem; -} - -.p-speeddial-direction-left .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-left .p-speeddial-item:first-child { - margin-right: 0.5rem; -} - -.p-speeddial-direction-right .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-right .p-speeddial-item:first-child { - margin-left: 0.5rem; -} - -.p-speeddial-circle .p-speeddial-item, -.p-speeddial-semi-circle .p-speeddial-item, -.p-speeddial-quarter-circle .p-speeddial-item { - margin: 0; -} -.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, -.p-speeddial-semi-circle .p-speeddial-item:first-child, -.p-speeddial-semi-circle .p-speeddial-item:last-child, -.p-speeddial-quarter-circle .p-speeddial-item:first-child, -.p-speeddial-quarter-circle .p-speeddial-item:last-child { - margin: 0; -} - -.p-speeddial-mask { - background-color: rgba(0, 0, 0, 0.4); -} - -.p-carousel .p-carousel-content .p-carousel-prev, -.p-carousel .p-carousel-content .p-carousel-next { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin: 0.5rem; -} -.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, -.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { - color: #495057; - border-color: transparent; - background: #e9ecef; -} -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; -} -.p-carousel .p-carousel-indicators { - padding: 1rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator { - margin-right: 0.5rem; - margin-bottom: 0.5rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: #e9ecef; - width: 2rem; - height: 0.5rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 0; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { - background: #dee2e6; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #E3F2FD; - color: #495057; -} - -.p-datatable .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-datatable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-datatable .p-datatable-header { - background: #f8f9fa; - color: #495057; - border: 1px solid #e9ecef; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-datatable .p-datatable-footer { - background: #f8f9fa; - color: #495057; - border: 1px solid #e9ecef; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-datatable .p-datatable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #e9ecef; - border-width: 0 0 1px 0; - font-weight: 600; - color: #495057; - background: #f8f9fa; - transition: box-shadow 0.2s; -} -.p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #e9ecef; - border-width: 0 0 1px 0; - font-weight: 600; - color: #495057; - background: #f8f9fa; -} -.p-datatable .p-sortable-column .p-sortable-column-icon { - color: #6c757d; - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: #495057; - background: #E3F2FD; - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} -.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #6c757d; -} -.p-datatable .p-sortable-column.p-highlight { - background: #f8f9fa; - color: #2196F3; -} -.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #2196F3; -} -.p-datatable .p-sortable-column.p-highlight:hover { - background: #e9ecef; - color: #2196F3; -} -.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { - color: #2196F3; -} -.p-datatable .p-sortable-column:focus { - box-shadow: inset 0 0 0 0.15rem #a6d5fa; - outline: 0 none; -} -.p-datatable .p-datatable-tbody > tr { - background: #ffffff; - color: #495057; - transition: box-shadow 0.2s; - outline-color: #a6d5fa; -} -.p-datatable .p-datatable-tbody > tr > td { - text-align: left; - border: 1px solid #e9ecef; - border-width: 0 0 1px 0; - padding: 1rem 1rem; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { - color: #495057; - border-color: transparent; - background: #e9ecef; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { - margin-right: 0.5rem; -} -.p-datatable .p-datatable-tbody > tr.p-highlight { - background: #E3F2FD; - color: #495057; -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #E3F2FD; -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #E3F2FD; -} -.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} -.p-datatable .p-column-resizer-helper { - background: #2196F3; -} -.p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #f8f9fa; -} -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot { - background-color: #f8f9fa; -} -.p-datatable .p-datatable-loading-icon { - font-size: 2rem; -} -.p-datatable.p-datatable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-footer { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-top { - border-width: 0 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-bottom { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { - background: #fcfcfc; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: #E3F2FD; - color: #495057; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: #495057; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: #495057; -} -.p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-lg .p-datatable-header { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-footer { - padding: 1.25rem 1.25rem; -} - -.p-dataview .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-dataview .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-dataview .p-dataview-header { - background: #f8f9fa; - color: #495057; - border: 1px solid #e9ecef; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-dataview .p-dataview-content { - background: #ffffff; - color: #495057; - border: 0 none; - padding: 0; -} -.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid #e9ecef; - border-width: 0 0 1px 0; -} -.p-dataview .p-dataview-footer { - background: #f8f9fa; - color: #495057; - border: 1px solid #e9ecef; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; -} -.p-dataview .p-dataview-loading-icon { - font-size: 2rem; -} -.p-dataview .p-dataview-emptymessage { - padding: 1rem; -} - -.p-column-filter-row .p-column-filter-menu-button, -.p-column-filter-row .p-column-filter-clear-button { - margin-left: 0.5rem; -} - -.p-column-filter-menu-button { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-menu-button:hover { - color: #495057; - border-color: transparent; - background: #e9ecef; -} -.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: #e9ecef; - color: #495057; -} -.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: #E3F2FD; - color: #495057; -} -.p-column-filter-menu-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; -} - -.p-column-filter-clear-button { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-clear-button:hover { - color: #495057; - border-color: transparent; - background: #e9ecef; -} -.p-column-filter-clear-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; -} - -.p-column-filter-overlay { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - min-width: 12.5rem; -} -.p-column-filter-overlay .p-column-filter-row-items { - padding: 0.5rem 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: #495057; - background: #E3F2FD; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a6d5fa; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} - -.p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.5rem 1rem; - border-bottom: 0 none; - color: #495057; - background: #f8f9fa; - margin: 0; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-column-filter-overlay-menu .p-column-filter-constraint { - padding: 1rem; - border-bottom: 1px solid #dee2e6; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { - margin-bottom: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { - margin-top: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { - border-bottom: 0 none; -} -.p-column-filter-overlay-menu .p-column-filter-add-rule { - padding: 0.5rem 1rem; -} -.p-column-filter-overlay-menu .p-column-filter-buttonbar { - padding: 1rem; -} - -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #f8f9fa; - border: 1px solid #dee2e6; - color: #495057; -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #ffffff; - border: 1px solid #dee2e6; - color: #495057; -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #dee2e6; -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #dee2e6; -} -.fc.fc-unthemed .fc-view-container .fc-event { - background: #0d89ec; - border: 1px solid #0d89ec; - color: #ffffff; -} -.fc.fc-unthemed .fc-view-container .fc-divider { - background: #f8f9fa; - border: 1px solid #dee2e6; -} -.fc.fc-unthemed .fc-toolbar .fc-button { - color: #ffffff; - background: #2196F3; - border: 1px solid #2196F3; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - display: flex; - align-items: center; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #0d89ec; - color: #ffffff; - border-color: #0d89ec; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #0b7ad1; - color: #ffffff; - border-color: #0b7ad1; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 1px solid #ced4da; - color: #495057; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #2196F3; - border-color: #2196F3; - color: #ffffff; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #0d89ec; - border-color: #0d89ec; - color: #ffffff; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; - z-index: 1; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} -.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #dee2e6; -} -.fc.fc-theme-standard .fc-view-harness th { - background: #f8f9fa; - border-color: #dee2e6; - color: #495057; -} -.fc.fc-theme-standard .fc-view-harness td { - color: #495057; - border-color: #dee2e6; -} -.fc.fc-theme-standard .fc-view-harness .fc-view { - background: #ffffff; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #dee2e6; - padding: 1rem; - background: #f8f9fa; - color: #495057; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: #495057; - border-color: transparent; - background: #e9ecef; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1rem; - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - border-top: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #ffffff; - background: #0d89ec; - border-color: #0d89ec; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #ffffff; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #0d89ec; - border-color: #0d89ec; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: #e9ecef; - color: #495057; -} -.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #f8f9fa; -} -.fc.fc-theme-standard .fc-toolbar .fc-button { - color: #ffffff; - background: #2196F3; - border: 1px solid #2196F3; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #0d89ec; - color: #ffffff; - border-color: #0d89ec; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #0b7ad1; - color: #ffffff; - border-color: #0b7ad1; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.6; - color: #ffffff; - background: #2196F3; - border: 1px solid #2196F3; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 1px solid #ced4da; - color: #495057; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #2196F3; - border-color: #2196F3; - color: #ffffff; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #0d89ec; - border-color: #0d89ec; - color: #ffffff; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; - z-index: 1; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} -.fc.fc-theme-standard a { - color: #495057; -} -.fc.fc-theme-standard .fc-highlight { - color: #495057; - background: #E3F2FD; -} - -.p-orderlist .p-orderlist-controls { - padding: 1rem; -} -.p-orderlist .p-orderlist-controls .p-button { - margin-bottom: 0.5rem; -} -.p-orderlist .p-orderlist-header { - background: #f8f9fa; - color: #495057; - border: 1px solid #dee2e6; - padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-orderlist .p-orderlist-header .p-orderlist-title { - font-weight: 600; -} -.p-orderlist .p-orderlist-filter-container { - padding: 1rem; - background: #ffffff; - border: 1px solid #dee2e6; - border-bottom: 0 none; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { - padding-right: 1.5rem; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { - right: 0.5rem; - color: #6c757d; -} -.p-orderlist .p-orderlist-list { - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - padding: 0.5rem 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-orderlist .p-orderlist-list .p-orderlist-item { - padding: 0.5rem 1rem; - margin: 0; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; -} -.p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a6d5fa; -} -.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #495057; - background: #E3F2FD; -} -.p-orderlist .p-orderlist-list .p-orderlist-empty-message { - padding: 0.5rem 1rem; - color: #495057; -} -.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} - -.p-orderlist-item.cdk-drag-preview { - padding: 0.5rem 1rem; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border: 0 none; - color: #495057; - background: #ffffff; - margin: 0; -} - -.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} -.p-organizationchart .p-organizationchart-node-content.p-highlight { - background: #E3F2FD; - color: #495057; -} -.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: #6cbbf5; -} -.p-organizationchart .p-organizationchart-line-down { - background: #dee2e6; -} -.p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #dee2e6; - border-color: #dee2e6; -} -.p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #dee2e6; - border-color: #dee2e6; -} -.p-organizationchart .p-organizationchart-node-content { - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - padding: 1rem; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler { - background: inherit; - color: inherit; - border-radius: 50%; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; -} - -.p-paginator { - background: #ffffff; - color: #6c757d; - border: solid #e9ecef; - border-width: 0; - padding: 0.5rem 1rem; - border-radius: 3px; -} -.p-paginator .p-paginator-first, -.p-paginator .p-paginator-prev, -.p-paginator .p-paginator-next, -.p-paginator .p-paginator-last { - background-color: transparent; - border: 0 none; - color: #6c757d; - min-width: 2.357rem; - height: 2.357rem; - margin: 0.143rem; - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; - border-color: transparent; - color: #495057; -} -.p-paginator .p-paginator-first { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-paginator .p-paginator-last { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} -.p-paginator .p-dropdown { - margin-left: 0.5rem; - margin-right: 0.5rem; - height: 2.357rem; -} -.p-paginator .p-dropdown .p-dropdown-label { - padding-right: 0; -} -.p-paginator .p-paginator-page-input { - margin-left: 0.5rem; - margin-right: 0.5rem; -} -.p-paginator .p-paginator-page-input .p-inputtext { - max-width: 2.357rem; -} -.p-paginator .p-paginator-current { - background-color: transparent; - border: 0 none; - color: #6c757d; - min-width: 2.357rem; - height: 2.357rem; - margin: 0.143rem; - padding: 0 0.5rem; -} -.p-paginator .p-paginator-pages .p-paginator-page { - background-color: transparent; - border: 0 none; - color: #6c757d; - min-width: 2.357rem; - height: 2.357rem; - margin: 0.143rem; - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: #E3F2FD; - border-color: #E3F2FD; - color: #495057; -} -.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { - background: #e9ecef; - border-color: transparent; - color: #495057; -} - -.p-picklist .p-picklist-buttons { - padding: 1rem; -} -.p-picklist .p-picklist-buttons .p-button { - margin-bottom: 0.5rem; -} -.p-picklist .p-picklist-header { - background: #f8f9fa; - color: #495057; - border: 1px solid #dee2e6; - padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-picklist .p-picklist-header .p-picklist-title { - font-weight: 600; -} -.p-picklist .p-picklist-filter-container { - padding: 1rem; - background: #ffffff; - border: 1px solid #dee2e6; - border-bottom: 0 none; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-input { - padding-right: 1.5rem; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { - right: 0.5rem; - color: #6c757d; -} -.p-picklist .p-picklist-list { - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - padding: 0.5rem 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-picklist .p-picklist-list .p-picklist-item { - padding: 0.5rem 1rem; - margin: 0; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; -} -.p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a6d5fa; -} -.p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: #495057; - background: #E3F2FD; -} -.p-picklist .p-picklist-list .p-picklist-empty-message { - padding: 0.5rem 1rem; - color: #495057; -} -.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} - -.p-picklist-item.cdk-drag-preview { - padding: 0.5rem 1rem; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border: 0 none; - color: #495057; - background: #ffffff; - margin: 0; -} - -.p-timeline .p-timeline-event-marker { - border: 2px solid #2196F3; - border-radius: 50%; - width: 1rem; - height: 1rem; - background-color: #ffffff; -} -.p-timeline .p-timeline-event-connector { - background-color: #dee2e6; -} -.p-timeline.p-timeline-vertical .p-timeline-event-opposite, -.p-timeline.p-timeline-vertical .p-timeline-event-content { - padding: 0 1rem; -} -.p-timeline.p-timeline-vertical .p-timeline-event-connector { - width: 2px; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, -.p-timeline.p-timeline-horizontal .p-timeline-event-content { - padding: 1rem 0; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-connector { - height: 2px; -} - -.p-tree { - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - padding: 1rem; - border-radius: 3px; -} -.p-tree .p-tree-container .p-treenode { - padding: 0.143rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content { - border-radius: 3px; - transition: box-shadow 0.2s; - padding: 0; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { - color: #495057; - border-color: transparent; - background: #e9ecef; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { - margin-right: 0.5rem; - color: #6c757d; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { - color: #495057; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: #E3F2FD; - color: #495057; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #495057; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { - color: #495057; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { - background: #e9ecef; - color: #495057; -} -.p-tree .p-tree-filter-container { - margin-bottom: 0.5rem; -} -.p-tree .p-tree-filter-container .p-tree-filter { - width: 100%; - padding-right: 1.5rem; -} -.p-tree .p-tree-filter-container .p-tree-filter-icon { - right: 0.5rem; - color: #6c757d; -} -.p-tree .p-treenode-children { - padding: 0 0 0 1rem; -} -.p-tree .p-tree-loading-icon { - font-size: 2rem; -} -.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: #89c8f7; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { - border-radius: 3px; - border: 1px solid #dee2e6; - background-color: #ffffff; - color: #495057; - padding: 0; - transition: box-shadow 0.2s; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { - background-color: #E3F2FD; - color: #495057; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #495057; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { - background-color: inherit; - color: inherit; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; -} - -.p-treetable .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-treetable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-treetable .p-treetable-header { - background: #f8f9fa; - color: #495057; - border: 1px solid #e9ecef; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-treetable .p-treetable-footer { - background: #f8f9fa; - color: #495057; - border: 1px solid #e9ecef; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-treetable .p-treetable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #e9ecef; - border-width: 0 0 1px 0; - font-weight: 600; - color: #495057; - background: #f8f9fa; - transition: box-shadow 0.2s; -} -.p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #e9ecef; - border-width: 0 0 1px 0; - font-weight: 600; - color: #495057; - background: #f8f9fa; -} -.p-treetable .p-sortable-column { - outline-color: #a6d5fa; -} -.p-treetable .p-sortable-column .p-sortable-column-icon { - color: #6c757d; - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: #495057; - background: #E3F2FD; - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} -.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #6c757d; -} -.p-treetable .p-sortable-column.p-highlight { - background: #f8f9fa; - color: #2196F3; -} -.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #2196F3; -} -.p-treetable .p-treetable-tbody > tr { - background: #ffffff; - color: #495057; - transition: box-shadow 0.2s; - outline-color: #a6d5fa; -} -.p-treetable .p-treetable-tbody > tr > td { - text-align: left; - border: 1px solid #e9ecef; - border-width: 0 0 1px 0; - padding: 1rem 1rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { - color: #495057; - border-color: transparent; - background: #e9ecef; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { - color: #495057; -} -.p-treetable .p-treetable-tbody > tr.p-highlight { - background: #E3F2FD; - color: #495057; -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: #495057; -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: #495057; -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { - color: #495057; -} -.p-treetable .p-column-resizer-helper { - background: #2196F3; -} -.p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #f8f9fa; -} -.p-treetable .p-treetable-loading-icon { - font-size: 2rem; -} -.p-treetable.p-treetable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-footer { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-top { - border-width: 0 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-bottom { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-sm .p-treetable-header { - padding: 0.875rem 0.875rem; -} -.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-footer { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-lg .p-treetable-header { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-footer { - padding: 1.25rem 1.25rem; -} - -.p-virtualscroller .p-virtualscroller-header { - background: #f8f9fa; - color: #495057; - border: 1px solid #e9ecef; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-virtualscroller .p-virtualscroller-content { - background: #ffffff; - color: #495057; - border: 0 none; - padding: 0; -} -.p-virtualscroller .p-virtualscroller-footer { - background: #f8f9fa; - color: #495057; - border: 1px solid #e9ecef; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-accordion .p-accordion-header .p-accordion-header-link { - padding: 1rem; - border: 1px solid #dee2e6; - color: #495057; - background: #f8f9fa; - font-weight: 600; - border-radius: 3px; - transition: box-shadow 0.2s; -} -.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { - margin-right: 0.5rem; -} -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; -} -.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { - background: #e9ecef; - border-color: #dee2e6; - color: #495057; -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #f8f9fa; - border-color: #dee2e6; - color: #495057; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-color: #dee2e6; - background: #e9ecef; - color: #495057; -} -.p-accordion .p-accordion-content { - padding: 1rem; - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-accordion p-accordiontab .p-accordion-tab { - margin-bottom: 0; -} -.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { - border-radius: 0; -} -.p-accordion p-accordiontab .p-accordion-content { - border-radius: 0; -} -.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { - border-top: 0 none; -} -.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-top: 0 none; -} -.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-accordion p-accordiontab:last-child .p-accordion-content { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-card { - background: #ffffff; - color: #495057; - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; -} -.p-card .p-card-body { - padding: 1rem; -} -.p-card .p-card-title { - font-size: 1.5rem; - font-weight: 700; - margin-bottom: 0.5rem; -} -.p-card .p-card-subtitle { - font-weight: 400; - margin-bottom: 0.5rem; - color: #6c757d; -} -.p-card .p-card-content { - padding: 1rem 0; -} -.p-card .p-card-footer { - padding: 1rem 0 0 0; -} - -.p-divider .p-divider-content { - background-color: #ffffff; -} -.p-divider.p-divider-horizontal { - margin: 1rem 0; - padding: 0 1rem; -} -.p-divider.p-divider-horizontal:before { - border-top: 1px #dee2e6; -} -.p-divider.p-divider-horizontal .p-divider-content { - padding: 0 0.5rem; -} -.p-divider.p-divider-vertical { - margin: 0 1rem; - padding: 1rem 0; -} -.p-divider.p-divider-vertical:before { - border-left: 1px #dee2e6; -} -.p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; -} - -.p-fieldset { - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - border-radius: 3px; -} -.p-fieldset .p-fieldset-legend { - padding: 1rem; - border: 1px solid #dee2e6; - color: #495057; - background: #f8f9fa; - font-weight: 600; - border-radius: 3px; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { - padding: 0; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { - padding: 1rem; - color: #495057; - border-radius: 3px; - transition: box-shadow 0.2s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { - margin-right: 0.5rem; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: #e9ecef; - border-color: #dee2e6; - color: #495057; -} -.p-fieldset .p-fieldset-content { - padding: 1rem; -} - -.p-panel .p-panel-header { - border: 1px solid #dee2e6; - padding: 1rem; - background: #f8f9fa; - color: #495057; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-panel .p-panel-header .p-panel-title { - font-weight: 600; -} -.p-panel .p-panel-header .p-panel-header-icon { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { - color: #495057; - border-color: transparent; - background: #e9ecef; -} -.p-panel .p-panel-header .p-panel-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; -} -.p-panel.p-panel-toggleable .p-panel-header { - padding: 0.5rem 1rem; -} -.p-panel .p-panel-content { - padding: 1rem; - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - border-top: 0 none; -} -.p-panel .p-panel-footer { - padding: 0.5rem 1rem; - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - border-top: 0 none; -} - -.p-scrollpanel .p-scrollpanel-bar { - background: #f8f9fa; - border: 0 none; -} - -.p-splitter { - border: 1px solid #dee2e6; - background: #ffffff; - border-radius: 3px; - color: #495057; -} -.p-splitter .p-splitter-gutter { - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - background: #f8f9fa; -} -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: #dee2e6; -} -.p-splitter .p-splitter-gutter-resizing { - background: #dee2e6; -} - -.p-tabview .p-tabview-nav { - background: #ffffff; - border: 1px solid #dee2e6; - border-width: 0 0 2px 0; -} -.p-tabview .p-tabview-nav li { - margin-right: 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #dee2e6; - border-width: 0 0 2px 0; - border-color: transparent transparent #dee2e6 transparent; - background: #ffffff; - color: #6c757d; - padding: 1rem; - font-weight: 600; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #a6d5fa; -} -.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #ffffff; - border-color: #6c757d; - color: #6c757d; -} -.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #ffffff; - border-color: #2196F3; - color: #2196F3; -} -.p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; -} -.p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-close { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-nav-btn.p-link { - background: #ffffff; - color: #2196F3; - width: 2.357rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; -} -.p-tabview .p-tabview-nav-btn.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #a6d5fa; -} -.p-tabview .p-tabview-panels { - background: #ffffff; - padding: 1rem; - border: 0 none; - color: #495057; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-toolbar { - background: #f8f9fa; - border: 1px solid #dee2e6; - padding: 1rem; - border-radius: 3px; -} -.p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; -} - -.p-confirm-popup { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 3px; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-confirm-popup .p-confirm-popup-content { - padding: 1rem; -} -.p-confirm-popup .p-confirm-popup-footer { - text-align: right; - padding: 0.5rem 1rem; -} -.p-confirm-popup .p-confirm-popup-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-confirm-popup .p-confirm-popup-footer button:last-child { - margin: 0; -} -.p-confirm-popup:after { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-confirm-popup:before { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-confirm-popup.p-confirm-popup-flipped:after { - border-top-color: #ffffff; -} -.p-confirm-popup.p-confirm-popup-flipped:before { - border-top-color: #ffffff; -} -.p-confirm-popup .p-confirm-popup-icon { - font-size: 1.5rem; -} -.p-confirm-popup .p-confirm-popup-message { - margin-left: 1rem; -} - -.p-dialog { - border-radius: 3px; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); - border: 0 none; -} -.p-dialog .p-dialog-header { - border-bottom: 0 none; - background: #ffffff; - color: #495057; - padding: 1.5rem; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-dialog .p-dialog-header .p-dialog-title { - font-weight: 600; - font-size: 1.25rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { - color: #495057; - border-color: transparent; - background: #e9ecef; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { - margin-right: 0; -} -.p-dialog .p-dialog-content { - background: #ffffff; - color: #495057; - padding: 0 1.5rem 2rem 1.5rem; -} -.p-dialog .p-dialog-footer { - border-top: 0 none; - background: #ffffff; - color: #495057; - padding: 0 1.5rem 1.5rem 1.5rem; - text-align: right; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-dialog .p-dialog-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { - font-size: 2rem; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; -} - -.p-overlaypanel { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 3px; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-overlaypanel .p-overlaypanel-content { - padding: 1rem; -} -.p-overlaypanel .p-overlaypanel-close { - background: #2196F3; - color: #ffffff; - width: 2rem; - height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; - position: absolute; - top: -1rem; - right: -1rem; -} -.p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #0d89ec; - color: #ffffff; -} -.p-overlaypanel:after { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-overlaypanel:before { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-overlaypanel.p-overlaypanel-flipped:after { - border-top-color: #ffffff; -} -.p-overlaypanel.p-overlaypanel-flipped:before { - border-top-color: #ffffff; -} - -.p-sidebar { - background: #ffffff; - color: #495057; - border: 0 none; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-sidebar .p-sidebar-header { - padding: 1rem; -} -.p-sidebar .p-sidebar-header .p-sidebar-close, -.p-sidebar .p-sidebar-header .p-sidebar-icon { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, -.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { - color: #495057; - border-color: transparent; - background: #e9ecef; -} -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; -} -.p-sidebar .p-sidebar-header + .p-sidebar-content { - padding-top: 0; -} -.p-sidebar .p-sidebar-content { - padding: 1rem; -} - -.p-tooltip .p-tooltip-text { - background: #495057; - color: #ffffff; - padding: 0.5rem 0.5rem; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; -} -.p-tooltip.p-tooltip-right .p-tooltip-arrow { - border-right-color: #495057; -} -.p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #495057; -} -.p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #495057; -} -.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #495057; -} - -.p-fileupload .p-fileupload-buttonbar { - background: #f8f9fa; - padding: 1rem; - border: 1px solid #dee2e6; - color: #495057; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; -} -.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; -} -.p-fileupload .p-fileupload-content { - background: #ffffff; - padding: 2rem 1rem; - border: 1px solid #dee2e6; - color: #495057; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-fileupload .p-progressbar { - height: 0.25rem; -} -.p-fileupload .p-fileupload-row > div { - padding: 1rem 1rem; -} -.p-fileupload.p-fileupload-advanced .p-message { - margin-top: 0; -} - -.p-fileupload-choose:not(.p-disabled):hover { - background: #0d89ec; - color: #ffffff; - border-color: #0d89ec; -} -.p-fileupload-choose:not(.p-disabled):active { - background: #0b7ad1; - color: #ffffff; - border-color: #0b7ad1; -} - -.p-breadcrumb { - background: #ffffff; - border: 1px solid #dee2e6; - border-radius: 3px; - padding: 1rem; -} -.p-breadcrumb ul li .p-menuitem-link { - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-breadcrumb ul li .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { - color: #6c757d; -} -.p-breadcrumb ul li.p-breadcrumb-chevron { - margin: 0 0.5rem 0 0.5rem; - color: #495057; -} -.p-breadcrumb ul li:last-child .p-menuitem-text { - color: #495057; -} -.p-breadcrumb ul li:last-child .p-menuitem-icon { - color: #6c757d; -} - -.p-contextmenu { - padding: 0.25rem 0; - background: #ffffff; - color: #495057; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; - width: 12.5rem; -} -.p-contextmenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-contextmenu .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-contextmenu .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-contextmenu .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a6d5fa; -} -.p-contextmenu .p-submenu-list { - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; -} -.p-contextmenu .p-menuitem { - margin: 0; -} -.p-contextmenu .p-menuitem:last-child { - margin: 0; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #e9ecef; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-contextmenu .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} -.p-contextmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-dock .p-dock-list { - background: rgba(255, 255, 255, 0.1); - border: 1px solid rgba(255, 255, 255, 0.2); - padding: 0.5rem 0.5rem; - border-radius: 0.5rem; -} -.p-dock .p-dock-item { - padding: 0.5rem; -} -.p-dock .p-dock-action { - width: 4rem; - height: 4rem; -} -.p-dock.p-dock-top .p-dock-item-second-prev, -.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, -.p-dock.p-dock-bottom .p-dock-item-second-next { - margin: 0 0.9rem; -} -.p-dock.p-dock-top .p-dock-item-prev, -.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, -.p-dock.p-dock-bottom .p-dock-item-next { - margin: 0 1.3rem; -} -.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { - margin: 0 1.5rem; -} -.p-dock.p-dock-left .p-dock-item-second-prev, -.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, -.p-dock.p-dock-right .p-dock-item-second-next { - margin: 0.9rem 0; -} -.p-dock.p-dock-left .p-dock-item-prev, -.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, -.p-dock.p-dock-right .p-dock-item-next { - margin: 1.3rem 0; -} -.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { - margin: 1.5rem 0; -} - -@media screen and (max-width: 960px) { - .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { - margin: auto 0; - } - .p-dock .p-dock-list .p-dock-item { - transform: none; - margin: 0; - } -} -.p-megamenu { - padding: 0.5rem; - background: #f8f9fa; - color: #495057; - border: 1px solid #dee2e6; - border-radius: 3px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; - color: #495057; - border-radius: 3px; - transition: box-shadow 0.2s; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: #6c757d; - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a6d5fa; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-megamenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-megamenu .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-megamenu .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-megamenu .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a6d5fa; -} -.p-megamenu .p-megamenu-panel { - background: #ffffff; - color: #495057; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-megamenu .p-megamenu-submenu-header { - margin: 0; - padding: 0.75rem 1rem; - color: #495057; - background: #ffffff; - font-weight: 600; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-megamenu .p-megamenu-submenu { - padding: 0.25rem 0; - width: 12.5rem; -} -.p-megamenu .p-megamenu-submenu .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem { - margin: 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { - margin: 0; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #e9ecef; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.25rem 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem { - margin: 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { - margin: 0; -} - -.p-menu { - padding: 0.25rem 0; - background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; - border-radius: 3px; - width: 12.5rem; -} -.p-menu .p-menuitem-link { - padding: 0.75rem 1rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menu .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-menu .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-menu .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-menu .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a6d5fa; -} -.p-menu.p-menu-overlay { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-menu .p-submenu-header { - margin: 0; - padding: 0.75rem 1rem; - color: #495057; - background: #ffffff; - font-weight: 600; - border-top-right-radius: 0; - border-top-left-radius: 0; -} -.p-menu .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} -.p-menu .p-menuitem { - margin: 0; -} -.p-menu .p-menuitem:last-child { - margin: 0; -} - -.p-menubar { - padding: 0.5rem; - background: #f8f9fa; - color: #495057; - border: 1px solid #dee2e6; - border-radius: 3px; -} -.p-menubar .p-menuitem-link { - padding: 0.75rem 1rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menubar .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-menubar .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-menubar .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a6d5fa; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; - color: #495057; - border-radius: 3px; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: #6c757d; - margin-left: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a6d5fa; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-menubar .p-submenu-list { - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - width: 12.5rem; -} -.p-menubar .p-submenu-list .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} -.p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; -} -.p-menubar .p-submenu-list .p-menuitem { - margin: 0; -} -.p-menubar .p-submenu-list .p-menuitem:last-child { - margin: 0; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #e9ecef; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} - -@media screen and (max-width: 960px) { - .p-menubar { - position: relative; - } - .p-menubar .p-menubar-button { - display: flex; - width: 2rem; - height: 2rem; - color: #6c757d; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-menubar .p-menubar-button:hover { - color: #6c757d; - background: #e9ecef; - } - .p-menubar .p-menubar-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; - } - .p-menubar .p-menubar-root-list { - position: absolute; - display: none; - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - width: 100%; - } - .p-menubar .p-menubar-root-list .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; - } - .p-menubar .p-menubar-root-list .p-submenu-icon { - font-size: 0.875rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: #495057; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: #6c757d; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a6d5fa; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - transition: transform 0.2s; - } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-180deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list { - width: 100%; - position: static; - box-shadow: none; - border: 0 none; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { - transition: transform 0.2s; - transform: rotate(90deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-90deg); - } - .p-menubar .p-menubar-root-list .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list ul li a { - padding-left: 2.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li a { - padding-left: 3.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li a { - padding-left: 5.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { - padding-left: 6.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { - padding-left: 8.25rem; - } - .p-menubar.p-menubar-mobile-active .p-menubar-root-list { - display: flex; - flex-direction: column; - top: 100%; - left: 0; - z-index: 1; - } -} -.p-panelmenu .p-panelmenu-header > a { - padding: 1rem; - border: 1px solid #dee2e6; - color: #495057; - background: #f8f9fa; - font-weight: 600; - border-radius: 3px; - transition: box-shadow 0.2s; -} -.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; -} -.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { - background: #e9ecef; - border-color: #dee2e6; - color: #495057; -} -.p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight > a { - background: #f8f9fa; - border-color: #dee2e6; - color: #495057; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { - border-color: #dee2e6; - background: #e9ecef; - color: #495057; -} -.p-panelmenu .p-panelmenu-content { - padding: 0.25rem 0; - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - margin-bottom: 0; - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a6d5fa; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { - padding: 0 0 0 1rem; -} -.p-panelmenu .p-panelmenu-panel { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { - border-radius: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-content { - border-radius: 0; -} -.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { - border-top: 0 none; -} -.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { - border-top: 0 none; -} -.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-slidemenu { - padding: 0.25rem 0; - background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; - border-radius: 3px; - width: 12.5rem; -} -.p-slidemenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-slidemenu .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-slidemenu .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-slidemenu .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a6d5fa; -} -.p-slidemenu.p-slidemenu-overlay { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-slidemenu .p-slidemenu-list { - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { - background: #e9ecef; -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { - color: #495057; -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { - color: #6c757d; -} -.p-slidemenu .p-slidemenu-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} -.p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; -} -.p-slidemenu .p-slidemenu-backward { - padding: 0.75rem 1rem; - color: #495057; -} - -.p-steps .p-steps-item .p-menuitem-link { - background: transparent; - transition: box-shadow 0.2s; - border-radius: 3px; - background: #ffffff; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-number { - color: #495057; - border: 1px solid #e9ecef; - background: #ffffff; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - z-index: 1; - border-radius: 50%; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-title { - margin-top: 0.5rem; - color: #6c757d; -} -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; -} -.p-steps .p-steps-item.p-highlight .p-steps-number { - background: #E3F2FD; - color: #495057; -} -.p-steps .p-steps-item.p-highlight .p-steps-title { - font-weight: 600; - color: #495057; -} -.p-steps .p-steps-item:before { - content: " "; - border-top: 1px solid #dee2e6; - width: 100%; - top: 50%; - left: 0; - display: block; - position: absolute; - margin-top: -1rem; -} - -.p-tabmenu .p-tabmenu-nav { - background: #ffffff; - border: 1px solid #dee2e6; - border-width: 0 0 2px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { - margin-right: 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { - border: solid #dee2e6; - border-width: 0 0 2px 0; - border-color: transparent transparent #dee2e6 transparent; - background: #ffffff; - color: #6c757d; - padding: 1rem; - font-weight: 600; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #a6d5fa; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: #ffffff; - border-color: #6c757d; - color: #6c757d; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #ffffff; - border-color: #2196F3; - color: #2196F3; -} - -.p-tieredmenu { - padding: 0.25rem 0; - background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; - border-radius: 3px; - width: 12.5rem; -} -.p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-tieredmenu .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-tieredmenu .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-tieredmenu .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a6d5fa; -} -.p-tieredmenu.p-tieredmenu-overlay { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-tieredmenu .p-menuitem { - margin: 0; -} -.p-tieredmenu .p-menuitem:last-child { - margin: 0; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #e9ecef; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-tieredmenu .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} -.p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-inline-message { - padding: 0.5rem 0.5rem; - margin: 0; - border-radius: 3px; -} -.p-inline-message.p-inline-message-info { - background: #B3E5FC; - border: solid #0891cf; - border-width: 0px; - color: #044868; -} -.p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #044868; -} -.p-inline-message.p-inline-message-success { - background: #C8E6C9; - border: solid #439446; - border-width: 0px; - color: #224a23; -} -.p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #224a23; -} -.p-inline-message.p-inline-message-warn { - background: #FFECB3; - border: solid #d9a300; - border-width: 0px; - color: #6d5100; -} -.p-inline-message.p-inline-message-warn .p-inline-message-icon { - color: #6d5100; -} -.p-inline-message.p-inline-message-error { - background: #FFCDD2; - border: solid #e60017; - border-width: 0px; - color: #73000c; -} -.p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #73000c; -} -.p-inline-message .p-inline-message-icon { - font-size: 1rem; - margin-right: 0.5rem; -} -.p-inline-message .p-inline-message-text { - font-size: 1rem; -} -.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { - margin-right: 0; -} - -.p-message { - margin: 1rem 0; - border-radius: 3px; -} -.p-message .p-message-wrapper { - padding: 1rem 1.5rem; -} -.p-message .p-message-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-message .p-message-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; -} -.p-message.p-message-info { - background: #B3E5FC; - border: solid #0891cf; - border-width: 0 0 0 6px; - color: #044868; -} -.p-message.p-message-info .p-message-icon { - color: #044868; -} -.p-message.p-message-info .p-message-close { - color: #044868; -} -.p-message.p-message-success { - background: #C8E6C9; - border: solid #439446; - border-width: 0 0 0 6px; - color: #224a23; -} -.p-message.p-message-success .p-message-icon { - color: #224a23; -} -.p-message.p-message-success .p-message-close { - color: #224a23; -} -.p-message.p-message-warn { - background: #FFECB3; - border: solid #d9a300; - border-width: 0 0 0 6px; - color: #6d5100; -} -.p-message.p-message-warn .p-message-icon { - color: #6d5100; -} -.p-message.p-message-warn .p-message-close { - color: #6d5100; -} -.p-message.p-message-error { - background: #FFCDD2; - border: solid #e60017; - border-width: 0 0 0 6px; - color: #73000c; -} -.p-message.p-message-error .p-message-icon { - color: #73000c; -} -.p-message.p-message-error .p-message-close { - color: #73000c; -} -.p-message .p-message-text { - font-size: 1rem; - font-weight: 500; -} -.p-message .p-message-icon { - font-size: 1.5rem; - margin-right: 0.5rem; -} -.p-message .p-message-summary { - font-weight: 700; -} -.p-message .p-message-detail { - margin-left: 0.5rem; -} - -.p-toast { - opacity: 0.9; -} -.p-toast .p-toast-message { - margin: 0 0 1rem 0; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; -} -.p-toast .p-toast-message .p-toast-message-content { - padding: 1rem; - border-width: 0 0 0 6px; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { - margin: 0 0 0 1rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { - font-size: 2rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { - font-weight: 700; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { - margin: 0.5rem 0 0 0; -} -.p-toast .p-toast-message .p-toast-icon-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-toast .p-toast-message .p-toast-icon-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; -} -.p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; - border: solid #0891cf; - border-width: 0 0 0 6px; - color: #044868; -} -.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { - color: #044868; -} -.p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; - border: solid #439446; - border-width: 0 0 0 6px; - color: #224a23; -} -.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { - color: #224a23; -} -.p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; - border: solid #d9a300; - border-width: 0 0 0 6px; - color: #6d5100; -} -.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { - color: #6d5100; -} -.p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; - border: solid #e60017; - border-width: 0 0 0 6px; - color: #73000c; -} -.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { - color: #73000c; -} - -.p-galleria .p-galleria-close { - margin: 0.5rem; - background: transparent; - color: #f8f9fa; - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-close .p-galleria-close-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-close:hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-item-nav { - background: transparent; - color: #f8f9fa; - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 3px; - margin: 0 0.5rem; -} -.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, -.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-caption { - background: rgba(0, 0, 0, 0.5); - color: #f8f9fa; - padding: 1rem; -} -.p-galleria .p-galleria-indicators { - padding: 1rem; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #e9ecef; - width: 1rem; - height: 1rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { - background: #dee2e6; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #E3F2FD; - color: #495057; -} -.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { - margin-right: 0.5rem; -} -.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { - margin-bottom: 0.5rem; -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { - background: rgba(0, 0, 0, 0.5); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { - background: rgba(255, 255, 255, 0.4); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { - background: rgba(255, 255, 255, 0.6); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #E3F2FD; - color: #495057; -} -.p-galleria .p-galleria-thumbnail-container { - background: rgba(0, 0, 0, 0.9); - padding: 1rem 0.25rem; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { - margin: 0.5rem; - background-color: transparent; - color: #f8f9fa; - width: 2rem; - height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; -} - -.p-galleria-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-preview-indicator { - background-color: transparent; - color: #f8f9fa; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} - -.p-image-preview-container:hover > .p-image-preview-indicator { - background-color: rgba(0, 0, 0, 0.5); -} - -.p-image-toolbar { - padding: 1rem; -} - -.p-image-action.p-link { - color: #f8f9fa; - background-color: transparent; - width: 3rem; - height: 3rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-image-action.p-link:last-child { - margin-right: 0; -} -.p-image-action.p-link:hover { - color: #f8f9fa; - background-color: rgba(255, 255, 255, 0.1); -} -.p-image-action.p-link i { - font-size: 1.5rem; -} - -.p-avatar { - background-color: #dee2e6; - border-radius: 3px; -} -.p-avatar.p-avatar-lg { - width: 3rem; - height: 3rem; - font-size: 1.5rem; -} -.p-avatar.p-avatar-lg .p-avatar-icon { - font-size: 1.5rem; -} -.p-avatar.p-avatar-xl { - width: 4rem; - height: 4rem; - font-size: 2rem; -} -.p-avatar.p-avatar-xl .p-avatar-icon { - font-size: 2rem; -} - -.p-avatar-group .p-avatar { - border: 2px solid #ffffff; -} - -.p-badge { - background: #2196F3; - color: #ffffff; - font-size: 0.75rem; - font-weight: 700; - min-width: 1.5rem; - height: 1.5rem; - line-height: 1.5rem; -} -.p-badge.p-badge-secondary { - background-color: #607D8B; - color: #ffffff; -} -.p-badge.p-badge-success { - background-color: #689F38; - color: #ffffff; -} -.p-badge.p-badge-info { - background-color: #0288D1; - color: #ffffff; -} -.p-badge.p-badge-warning { - background-color: #FBC02D; - color: #212529; -} -.p-badge.p-badge-danger { - background-color: #D32F2F; - color: #ffffff; -} -.p-badge.p-badge-lg { - font-size: 1.125rem; - min-width: 2.25rem; - height: 2.25rem; - line-height: 2.25rem; -} -.p-badge.p-badge-xl { - font-size: 1.5rem; - min-width: 3rem; - height: 3rem; - line-height: 3rem; -} - -.p-chip { - background-color: #dee2e6; - color: #495057; - border-radius: 16px; - padding: 0 0.5rem; -} -.p-chip .p-chip-text { - line-height: 1.5; - margin-top: 0.25rem; - margin-bottom: 0.25rem; -} -.p-chip .p-chip-icon { - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - margin-left: 0.5rem; -} -.p-chip img { - width: 2rem; - height: 2rem; - margin-left: -0.5rem; - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - border-radius: 3px; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; -} - -.p-inplace .p-inplace-display { - padding: 0.5rem 0.5rem; - border-radius: 3px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-inplace .p-inplace-display:not(.p-disabled):hover { - background: #e9ecef; - color: #495057; -} -.p-inplace .p-inplace-display:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; -} - -.p-progressbar { - border: 0 none; - height: 1.5rem; - background: #dee2e6; - border-radius: 3px; -} -.p-progressbar .p-progressbar-value { - border: 0 none; - margin: 0; - background: #2196F3; -} -.p-progressbar .p-progressbar-label { - color: #ffffff; - line-height: 1.5rem; -} - -.p-scrolltop { - width: 3rem; - height: 3rem; - border-radius: 50%; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-scrolltop.p-link { - background: rgba(0, 0, 0, 0.7); -} -.p-scrolltop.p-link:hover { - background: rgba(0, 0, 0, 0.8); -} -.p-scrolltop .p-scrolltop-icon { - font-size: 1.5rem; - color: #f8f9fa; -} - -.p-skeleton { - background-color: #e9ecef; - border-radius: 3px; -} -.p-skeleton:after { - background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); -} - -.p-tag { - background: #2196F3; - color: #ffffff; - font-size: 0.75rem; - font-weight: 700; - padding: 0.25rem 0.4rem; - border-radius: 3px; -} -.p-tag.p-tag-success { - background-color: #689F38; - color: #ffffff; -} -.p-tag.p-tag-info { - background-color: #0288D1; - color: #ffffff; -} -.p-tag.p-tag-warning { - background-color: #FBC02D; - color: #212529; -} -.p-tag.p-tag-danger { - background-color: #D32F2F; - color: #ffffff; -} -.p-tag .p-tag-icon { - margin-right: 0.25rem; - font-size: 0.75rem; -} - -.p-terminal { - background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; - padding: 1rem; -} -.p-terminal .p-terminal-input { - font-size: 1rem; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; -} - -/* Customizations to the designer theme should be defined here */ -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #2196F3; -} - -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #2196F3; -} diff --git a/src/assets/theme/saga-green/theme.css b/src/assets/theme/saga-green/theme.css deleted file mode 100644 index d45cd19..0000000 --- a/src/assets/theme/saga-green/theme.css +++ /dev/null @@ -1,5680 +0,0 @@ -:root { - --surface-a:#ffffff; - --surface-b:#f8f9fa; - --surface-c:#e9ecef; - --surface-d:#dee2e6; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#495057; - --text-color-secondary:#6c757d; - --primary-color:#4CAF50; - --primary-color-text:#ffffff; - --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; - --surface-0: #ffffff; - --surface-50: #FAFAFA; - --surface-100: #F5F5F5; - --surface-200: #EEEEEE; - --surface-300: #E0E0E0; - --surface-400: #BDBDBD; - --surface-500: #9E9E9E; - --surface-600: #757575; - --surface-700: #616161; - --surface-800: #424242; - --surface-900: #212121; - --gray-50: #FAFAFA; - --gray-100: #F5F5F5; - --gray-200: #EEEEEE; - --gray-300: #E0E0E0; - --gray-400: #BDBDBD; - --gray-500: #9E9E9E; - --gray-600: #757575; - --gray-700: #616161; - --gray-800: #424242; - --gray-900: #212121; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:3px; - --surface-ground:#f8f9fa; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#dee2e6; - --surface-hover: #e9ecef; - --maskbg: rgba(0, 0, 0, 0.4); - --focus-ring: 0 0 0 0.2rem #b7e0b8; -} - -* { - box-sizing: border-box; -} - -.p-component { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - font-weight: normal; -} - -.p-component-overlay { - background-color: rgba(0, 0, 0, 0.4); - transition-duration: 0.2s; -} - -.p-disabled, .p-component:disabled { - opacity: 0.6; -} - -.p-error { - color: #f44336; -} - -.p-text-secondary { - color: #6c757d; -} - -.pi { - font-size: 1rem; -} - -.p-link { - font-size: 1rem; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - border-radius: 3px; -} -.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; -} - -.p-component-overlay-enter { - animation: p-component-overlay-enter-animation 150ms forwards; -} - -.p-component-overlay-leave { - animation: p-component-overlay-leave-animation 150ms forwards; -} - -@keyframes p-component-overlay-enter-animation { - from { - background-color: transparent; - } - to { - background-color: var(--maskbg); - } -} -@keyframes p-component-overlay-leave-animation { - from { - background-color: var(--maskbg); - } - to { - background-color: transparent; - } -} - -:root { - --blue-50:#f4fafe; - --blue-100:#cae6fc; - --blue-200:#a0d2fa; - --blue-300:#75bef8; - --blue-400:#4baaf5; - --blue-500:#2196f3; - --blue-600:#1c80cf; - --blue-700:#1769aa; - --blue-800:#125386; - --blue-900:#0d3c61; - --green-50:#f6fbf6; - --green-100:#d4ecd5; - --green-200:#b2ddb4; - --green-300:#90cd93; - --green-400:#6ebe71; - --green-500:#4caf50; - --green-600:#419544; - --green-700:#357b38; - --green-800:#2a602c; - --green-900:#1e4620; - --yellow-50:#fffcf5; - --yellow-100:#fef0cd; - --yellow-200:#fde4a5; - --yellow-300:#fdd87d; - --yellow-400:#fccc55; - --yellow-500:#fbc02d; - --yellow-600:#d5a326; - --yellow-700:#b08620; - --yellow-800:#8a6a19; - --yellow-900:#644d12; - --cyan-50:#f2fcfd; - --cyan-100:#c2eff5; - --cyan-200:#91e2ed; - --cyan-300:#61d5e4; - --cyan-400:#30c9dc; - --cyan-500:#00bcd4; - --cyan-600:#00a0b4; - --cyan-700:#008494; - --cyan-800:#006775; - --cyan-900:#004b55; - --pink-50:#fef4f7; - --pink-100:#fac9da; - --pink-200:#f69ebc; - --pink-300:#f1749e; - --pink-400:#ed4981; - --pink-500:#e91e63; - --pink-600:#c61a54; - --pink-700:#a31545; - --pink-800:#801136; - --pink-900:#5d0c28; - --indigo-50:#f5f6fb; - --indigo-100:#d1d5ed; - --indigo-200:#acb4df; - --indigo-300:#8893d1; - --indigo-400:#6372c3; - --indigo-500:#3f51b5; - --indigo-600:#36459a; - --indigo-700:#2c397f; - --indigo-800:#232d64; - --indigo-900:#192048; - --teal-50:#f2faf9; - --teal-100:#c2e6e2; - --teal-200:#91d2cc; - --teal-300:#61beb5; - --teal-400:#30aa9f; - --teal-500:#009688; - --teal-600:#008074; - --teal-700:#00695f; - --teal-800:#00534b; - --teal-900:#003c36; - --orange-50:#fff8f2; - --orange-100:#fde0c2; - --orange-200:#fbc791; - --orange-300:#f9ae61; - --orange-400:#f79530; - --orange-500:#f57c00; - --orange-600:#d06900; - --orange-700:#ac5700; - --orange-800:#874400; - --orange-900:#623200; - --bluegray-50:#f7f9f9; - --bluegray-100:#d9e0e3; - --bluegray-200:#bbc7cd; - --bluegray-300:#9caeb7; - --bluegray-400:#7e96a1; - --bluegray-500:#607d8b; - --bluegray-600:#526a76; - --bluegray-700:#435861; - --bluegray-800:#35454c; - --bluegray-900:#263238; - --purple-50:#faf4fb; - --purple-100:#e7cbec; - --purple-200:#d4a2dd; - --purple-300:#c279ce; - --purple-400:#af50bf; - --purple-500:#9c27b0; - --purple-600:#852196; - --purple-700:#6d1b7b; - --purple-800:#561561; - --purple-900:#3e1046; -} - -.p-autocomplete .p-autocomplete-loader { - right: 0.5rem; -} -.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 2.857rem; -} -.p-autocomplete .p-autocomplete-multiple-container { - padding: 0.25rem 0.5rem; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: #4CAF50; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; - border-color: #4CAF50; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { - padding: 0.25rem 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - color: #495057; - padding: 0; - margin: 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { - padding: 0.25rem 0.5rem; - margin-right: 0.5rem; - background: #E8F5E9; - color: #495057; - border-radius: 3px; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; -} - -p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #f44336; -} - -.p-autocomplete-panel { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-autocomplete-panel .p-autocomplete-items:not(.p-autocomplete-virtualscroll) { - padding: 0.5rem 0; -} -.p-autocomplete-panel .p-autocomplete-items.p-autocomplete-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.5rem 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: #495057; - background: #e9ecef; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: #495057; - background: #E8F5E9; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.5rem 1rem; - color: #495057; - background: transparent; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: #495057; - background: #ffffff; - font-weight: 600; -} - -p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { - border-color: #f44336; -} - -.p-datepicker { - padding: 0.5rem; - background: #ffffff; - color: #495057; - border: 1px solid #ced4da; - border-radius: 3px; -} -.p-datepicker:not(.p-datepicker-inline) { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { - background: #ffffff; -} -.p-datepicker .p-datepicker-header { - padding: 0.5rem; - color: #495057; - background: #ffffff; - font-weight: 600; - margin: 0; - border-bottom: 1px solid #dee2e6; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev, -.p-datepicker .p-datepicker-header .p-datepicker-next { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { - color: #495057; - border-color: transparent; - background: #e9ecef; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; -} -.p-datepicker .p-datepicker-header .p-datepicker-title { - line-height: 2rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - color: #495057; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - font-weight: 600; - padding: 0.5rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #4CAF50; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - margin-right: 0.5rem; -} -.p-datepicker table { - font-size: 1rem; - margin: 0.5rem 0; -} -.p-datepicker table th { - padding: 0.5rem; -} -.p-datepicker table th > span { - width: 2.5rem; - height: 2.5rem; -} -.p-datepicker table td { - padding: 0.5rem; -} -.p-datepicker table td > span { - width: 2.5rem; - height: 2.5rem; - border-radius: 50%; - transition: box-shadow 0.2s; - border: 1px solid transparent; -} -.p-datepicker table td > span.p-highlight { - color: #495057; - background: #E8F5E9; -} -.p-datepicker table td > span:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; -} -.p-datepicker table td.p-datepicker-today > span { - background: #ced4da; - color: #495057; - border-color: transparent; -} -.p-datepicker table td.p-datepicker-today > span.p-highlight { - color: #495057; - background: #E8F5E9; -} -.p-datepicker .p-datepicker-buttonbar { - padding: 1rem 0; - border-top: 1px solid #dee2e6; -} -.p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; -} -.p-datepicker .p-timepicker { - border-top: 1px solid #dee2e6; - padding: 0.5rem; -} -.p-datepicker .p-timepicker button { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-timepicker button:enabled:hover { - color: #495057; - border-color: transparent; - background: #e9ecef; -} -.p-datepicker .p-timepicker button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; -} -.p-datepicker .p-timepicker button:last-child { - margin-top: 0.2em; -} -.p-datepicker .p-timepicker span { - font-size: 1.25rem; -} -.p-datepicker .p-timepicker > div { - padding: 0 0.5rem; -} -.p-datepicker.p-datepicker-timeonly .p-timepicker { - border-top: 0 none; -} -.p-datepicker .p-monthpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-monthpicker .p-monthpicker-month { - padding: 0.5rem; - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: #495057; - background: #E8F5E9; -} -.p-datepicker .p-yearpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-yearpicker .p-yearpicker-year { - padding: 0.5rem; - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { - color: #495057; - background: #E8F5E9; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #dee2e6; - padding-right: 0.5rem; - padding-left: 0.5rem; - padding-top: 0; - padding-bottom: 0; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { - padding-left: 0; - border-left: 0 none; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { - padding-right: 0; -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { - background: #e9ecef; -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; -} - -@media screen and (max-width: 769px) { - .p-datepicker table th, .p-datepicker table td { - padding: 0; - } -} -.p-cascadeselect { - background: #ffffff; - border: 1px solid #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-cascadeselect:not(.p-disabled):hover { - border-color: #4CAF50; -} -.p-cascadeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; - border-color: #4CAF50; -} -.p-cascadeselect .p-cascadeselect-label { - background: transparent; - border: 0 none; - padding: 0.5rem 0.5rem; -} -.p-cascadeselect .p-cascadeselect-label.p-placeholder { - color: #6c757d; -} -.p-cascadeselect .p-cascadeselect-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-cascadeselect .p-cascadeselect-trigger { - background: transparent; - color: #6c757d; - width: 2.357rem; - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-cascadeselect-panel { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-cascadeselect-panel .p-cascadeselect-items { - padding: 0.5rem 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { - margin: 0; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.5rem 1rem; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #b7e0b8; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { - color: #495057; - background: #E8F5E9; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { - font-size: 0.875rem; -} - -p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #f44336; -} - -.p-input-filled .p-cascadeselect { - background: #f8f9fa; -} -.p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #f8f9fa; -} -.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #ffffff; -} - -.p-checkbox { - width: 20px; - height: 20px; -} -.p-checkbox .p-checkbox-box { - border: 2px solid #ced4da; - background: #ffffff; - width: 20px; - height: 20px; - color: #495057; - border-radius: 3px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-checkbox .p-checkbox-box .p-checkbox-icon { - transition-duration: 0.2s; - color: #ffffff; - font-size: 14px; -} -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #4CAF50; - background: #4CAF50; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #4CAF50; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; - border-color: #4CAF50; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #3d8c40; - background: #3d8c40; - color: #ffffff; -} - -p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #f44336; -} - -.p-input-filled .p-checkbox .p-checkbox-box { - background-color: #f8f9fa; -} -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #4CAF50; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #f8f9fa; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #3d8c40; -} - -.p-checkbox-label { - margin-left: 0.5rem; -} - -.p-chips .p-chips-multiple-container { - padding: 0.25rem 0.5rem; -} -.p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: #4CAF50; -} -.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; - border-color: #4CAF50; -} -.p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.25rem 0.5rem; - margin-right: 0.5rem; - background: #E8F5E9; - color: #495057; - border-radius: 3px; -} -.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { - margin-left: 0.5rem; -} -.p-chips .p-chips-multiple-container .p-chips-input-token { - padding: 0.25rem 0; -} -.p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - color: #495057; - padding: 0; - margin: 0; -} - -p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { - border-color: #f44336; -} - -.p-colorpicker-preview, -.p-fluid .p-colorpicker-preview.p-inputtext { - width: 2rem; - height: 2rem; -} - -.p-colorpicker-panel { - background: #323232; - border: 1px solid #191919; -} -.p-colorpicker-panel .p-colorpicker-color-handle, -.p-colorpicker-panel .p-colorpicker-hue-handle { - border-color: #ffffff; -} - -.p-colorpicker-overlay-panel { - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} - -.p-dropdown { - background: #ffffff; - border: 1px solid #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-dropdown:not(.p-disabled):hover { - border-color: #4CAF50; -} -.p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; - border-color: #4CAF50; -} -.p-dropdown.p-dropdown-clearable .p-dropdown-label { - padding-right: 1.5rem; -} -.p-dropdown .p-dropdown-label { - background: transparent; - border: 0 none; -} -.p-dropdown .p-dropdown-label.p-placeholder { - color: #6c757d; -} -.p-dropdown .p-dropdown-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-dropdown .p-dropdown-trigger { - background: transparent; - color: #6c757d; - width: 2.357rem; - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} -.p-dropdown .p-dropdown-clear-icon { - color: #6c757d; - right: 2.357rem; -} - -.p-dropdown-panel { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-dropdown-panel .p-dropdown-header { - padding: 0.5rem 1rem; - border-bottom: 0 none; - color: #495057; - background: #f8f9fa; - margin: 0; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { - padding-right: 1.5rem; - margin-right: -1.5rem; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { - right: 0.5rem; - color: #6c757d; -} -.p-dropdown-panel .p-dropdown-items:not(.p-dropdown-virtualscroll) { - padding: 0.5rem 0; -} -.p-dropdown-panel .p-dropdown-items.p-dropdown-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.5rem 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: #495057; - background: #E8F5E9; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.5rem 1rem; - color: #495057; - background: transparent; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: #495057; - background: #ffffff; - font-weight: 600; -} - -p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #f44336; -} - -.p-input-filled .p-dropdown { - background: #f8f9fa; -} -.p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #f8f9fa; -} -.p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: #ffffff; -} - -.p-editor-container .p-editor-toolbar { - background: #f8f9fa; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #dee2e6; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: #6c757d; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: #6c757d; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: #6c757d; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; - padding: 0.5rem 0; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: #495057; - background: #e9ecef; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.5rem 1rem; -} -.p-editor-container .p-editor-content { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-editor-container .p-editor-content.ql-snow { - border: 1px solid #dee2e6; -} -.p-editor-container .p-editor-content .ql-editor { - background: #ffffff; - color: #495057; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: #495057; -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: #495057; -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: #495057; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #4CAF50; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #4CAF50; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #4CAF50; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #4CAF50; -} - -.p-inputgroup-addon { - background: #e9ecef; - color: #6c757d; - border-top: 1px solid #ced4da; - border-left: 1px solid #ced4da; - border-bottom: 1px solid #ced4da; - padding: 0.5rem 0.5rem; - min-width: 2.357rem; -} -.p-inputgroup-addon:last-child { - border-right: 1px solid #ced4da; -} - -.p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, -.p-inputgroup > .p-float-label > .p-component { - border-radius: 0; - margin: 0; -} -.p-inputgroup > .p-component + .p-inputgroup-addon, -.p-inputgroup > .p-element + .p-inputgroup-addon, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, -.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { - border-left: 0 none; -} -.p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, -.p-inputgroup > .p-float-label > .p-component:focus { - z-index: 1; -} -.p-inputgroup > .p-component:focus ~ label, -.p-inputgroup > .p-element:focus ~ label, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, -.p-inputgroup > .p-float-label > .p-component:focus ~ label { - z-index: 1; -} - -.p-inputgroup-addon:first-child, -.p-inputgroup button:first-child, -.p-inputgroup input:first-child, -.p-inputgroup > .p-inputwrapper:first-child > .p-component, -.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-inputgroup .p-float-label:first-child input { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-inputgroup-addon:last-child, -.p-inputgroup button:last-child, -.p-inputgroup input:last-child, -.p-inputgroup > .p-inputwrapper:last-child > .p-component, -.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-inputgroup .p-float-label:last-child input { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-fluid .p-inputgroup .p-button { - width: auto; -} -.p-fluid .p-inputgroup .p-button.p-button-icon-only { - width: 2.357rem; -} - -p-inputmask.ng-dirty.ng-invalid > .p-inputtext { - border-color: #f44336; -} - -p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { - border-color: #f44336; -} - -.p-inputswitch { - width: 3rem; - height: 1.75rem; -} -.p-inputswitch .p-inputswitch-slider { - background: #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 30px; -} -.p-inputswitch .p-inputswitch-slider:before { - background: #ffffff; - width: 1.25rem; - height: 1.25rem; - left: 0.25rem; - margin-top: -0.625rem; - border-radius: 50%; - transition-duration: 0.2s; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - transform: translateX(1.25rem); -} -.p-inputswitch.p-focus .p-inputswitch-slider { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; -} -.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #b6bfc8; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #4CAF50; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: #ffffff; -} -.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #449e48; -} - -p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { - border-color: #f44336; -} - -.p-inputtext { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - color: #495057; - background: #ffffff; - padding: 0.5rem 0.5rem; - border: 1px solid #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - appearance: none; - border-radius: 3px; -} -.p-inputtext:enabled:hover { - border-color: #4CAF50; -} -.p-inputtext:enabled:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; - border-color: #4CAF50; -} -.p-inputtext.ng-dirty.ng-invalid { - border-color: #f44336; -} -.p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.4375rem; -} -.p-inputtext.p-inputtext-lg { - font-size: 1.25rem; - padding: 0.625rem 0.625rem; -} - -.p-float-label > label { - left: 0.5rem; - color: #6c757d; - transition-duration: 0.2s; -} - -.p-float-label > .ng-invalid.ng-dirty + label { - color: #f44336; -} - -.p-input-icon-left > i:first-of-type { - left: 0.5rem; - color: #6c757d; -} - -.p-input-icon-left > .p-inputtext { - padding-left: 2rem; -} - -.p-input-icon-left.p-float-label > label { - left: 2rem; -} - -.p-input-icon-right > i:last-of-type { - right: 0.5rem; - color: #6c757d; -} - -.p-input-icon-right > .p-inputtext { - padding-right: 2rem; -} - -::-webkit-input-placeholder { - color: #6c757d; -} - -:-moz-placeholder { - color: #6c757d; -} - -::-moz-placeholder { - color: #6c757d; -} - -:-ms-input-placeholder { - color: #6c757d; -} - -.p-input-filled .p-inputtext { - background-color: #f8f9fa; -} -.p-input-filled .p-inputtext:enabled:hover { - background-color: #f8f9fa; -} -.p-input-filled .p-inputtext:enabled:focus { - background-color: #ffffff; -} - -.p-inputtext-sm .p-inputtext { - font-size: 0.875rem; - padding: 0.4375rem 0.4375rem; -} - -.p-inputtext-lg .p-inputtext { - font-size: 1.25rem; - padding: 0.625rem 0.625rem; -} - -.p-listbox { - background: #ffffff; - color: #495057; - border: 1px solid #ced4da; - border-radius: 3px; -} -.p-listbox .p-listbox-header { - padding: 0.5rem 1rem; - border-bottom: 0 none; - color: #495057; - background: #f8f9fa; - margin: 0; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-listbox .p-listbox-header .p-listbox-filter { - padding-right: 1.5rem; -} -.p-listbox .p-listbox-header .p-listbox-filter-icon { - right: 0.5rem; - color: #6c757d; -} -.p-listbox .p-listbox-header .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list { - padding: 0.5rem 0; -} -.p-listbox .p-listbox-list .p-listbox-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: #495057; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: #495057; - background: #E8F5E9; -} -.p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #b7e0b8; -} -.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list .p-listbox-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: #495057; - background: #ffffff; - font-weight: 600; -} -.p-listbox .p-listbox-list .p-listbox-empty-message { - padding: 0.5rem 1rem; - color: #495057; - background: transparent; -} -.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; -} - -p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #f44336; -} - -.p-multiselect { - background: #ffffff; - border: 1px solid #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-multiselect:not(.p-disabled):hover { - border-color: #4CAF50; -} -.p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; - border-color: #4CAF50; -} -.p-multiselect .p-multiselect-label { - padding: 0.5rem 0.5rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-multiselect .p-multiselect-label.p-placeholder { - color: #6c757d; -} -.p-multiselect.p-multiselect-chip .p-multiselect-token { - padding: 0.25rem 0.5rem; - margin-right: 0.5rem; - background: #E8F5E9; - color: #495057; - border-radius: 3px; -} -.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { - margin-left: 0.5rem; -} -.p-multiselect .p-multiselect-trigger { - background: transparent; - color: #6c757d; - width: 2.357rem; - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { - padding: 0.25rem 0.5rem; -} - -.p-multiselect-panel { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-multiselect-panel .p-multiselect-header { - padding: 0.5rem 1rem; - border-bottom: 0 none; - color: #495057; - background: #f8f9fa; - margin: 0; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { - padding-right: 1.5rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { - right: 0.5rem; - color: #6c757d; -} -.p-multiselect-panel .p-multiselect-header .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close { - margin-left: 0.5rem; - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { - color: #495057; - border-color: transparent; - background: #e9ecef; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; -} -.p-multiselect-panel .p-multiselect-items:not(.p-multiselect-virtualscroll) { - padding: 0.5rem 0; -} -.p-multiselect-panel .p-multiselect-items.p-multiselect-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.5rem 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: #495057; - background: #E8F5E9; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #b7e0b8; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: #495057; - background: #ffffff; - font-weight: 600; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { - padding: 0.5rem 1rem; - color: #495057; - background: transparent; -} - -p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #f44336; -} - -.p-input-filled .p-multiselect { - background: #f8f9fa; -} -.p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #f8f9fa; -} -.p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #ffffff; -} - -p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #f44336; -} - -.p-password-panel { - padding: 1rem; - background: #ffffff; - color: #495057; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; -} -.p-password-panel .p-password-meter { - margin-bottom: 0.5rem; - background: #dee2e6; -} -.p-password-panel .p-password-meter .p-password-strength.weak { - background: #D32F2F; -} -.p-password-panel .p-password-meter .p-password-strength.medium { - background: #FBC02D; -} -.p-password-panel .p-password-meter .p-password-strength.strong { - background: #689F38; -} - -.p-radiobutton { - width: 20px; - height: 20px; -} -.p-radiobutton .p-radiobutton-box { - border: 2px solid #ced4da; - background: #ffffff; - width: 20px; - height: 20px; - color: #495057; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #4CAF50; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; - border-color: #4CAF50; -} -.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - width: 12px; - height: 12px; - transition-duration: 0.2s; - background-color: #ffffff; -} -.p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #4CAF50; - background: #4CAF50; -} -.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #3d8c40; - background: #3d8c40; - color: #ffffff; -} - -p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #f44336; -} - -.p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #f8f9fa; -} -.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #f8f9fa; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #4CAF50; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #3d8c40; -} - -.p-radiobutton-label { - margin-left: 0.5rem; -} - -.p-rating .p-rating-icon { - color: #495057; - margin-left: 0.5rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - font-size: 1.143rem; -} -.p-rating .p-rating-icon.p-rating-cancel { - color: #e74c3c; -} -.p-rating .p-rating-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; -} -.p-rating .p-rating-icon:first-child { - margin-left: 0; -} -.p-rating .p-rating-icon.pi-star-fill { - color: #4CAF50; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { - color: #4CAF50; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - color: #c0392b; -} - -.p-selectbutton .p-button { - background: #ffffff; - border: 1px solid #ced4da; - color: #495057; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-selectbutton .p-button .p-button-icon-left, -.p-selectbutton .p-button .p-button-icon-right { - color: #6c757d; -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: #6c757d; -} -.p-selectbutton .p-button.p-highlight { - background: #4CAF50; - border-color: #4CAF50; - color: #ffffff; -} -.p-selectbutton .p-button.p-highlight .p-button-icon-left, -.p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: #ffffff; -} -.p-selectbutton .p-button.p-highlight:hover { - background: #449e48; - border-color: #449e48; - color: #ffffff; -} -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: #ffffff; -} - -p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #f44336; -} - -.p-slider { - background: #dee2e6; - border: 0 none; - border-radius: 3px; -} -.p-slider.p-slider-horizontal { - height: 0.286rem; -} -.p-slider.p-slider-horizontal .p-slider-handle { - margin-top: -0.5715rem; - margin-left: -0.5715rem; -} -.p-slider.p-slider-vertical { - width: 0.286rem; -} -.p-slider.p-slider-vertical .p-slider-handle { - margin-left: -0.5715rem; - margin-bottom: -0.5715rem; -} -.p-slider .p-slider-handle { - height: 1.143rem; - width: 1.143rem; - background: #ffffff; - border: 2px solid #4CAF50; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-slider .p-slider-handle:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; -} -.p-slider .p-slider-range { - background: #4CAF50; -} -.p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #4CAF50; - border-color: #4CAF50; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { - transition: width 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { - transition: height 0.2s; -} - -.p-togglebutton.p-button { - background: #ffffff; - border: 1px solid #ced4da; - color: #495057; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-togglebutton.p-button .p-button-icon-left, -.p-togglebutton.p-button .p-button-icon-right { - color: #6c757d; -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: #6c757d; -} -.p-togglebutton.p-button.p-highlight { - background: #4CAF50; - border-color: #4CAF50; - color: #ffffff; -} -.p-togglebutton.p-button.p-highlight .p-button-icon-left, -.p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: #ffffff; -} -.p-togglebutton.p-button.p-highlight:hover { - background: #449e48; - border-color: #449e48; - color: #ffffff; -} -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: #ffffff; -} - -p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #f44336; -} - -.p-treeselect { - background: #ffffff; - border: 1px solid #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-treeselect:not(.p-disabled):hover { - border-color: #4CAF50; -} -.p-treeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; - border-color: #4CAF50; -} -.p-treeselect .p-treeselect-label { - padding: 0.5rem 0.5rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-treeselect .p-treeselect-label.p-placeholder { - color: #6c757d; -} -.p-treeselect.p-treeselect-chip .p-treeselect-token { - padding: 0.25rem 0.5rem; - margin-right: 0.5rem; - background: #dee2e6; - color: #495057; - border-radius: 16px; -} -.p-treeselect .p-treeselect-trigger { - background: transparent; - color: #6c757d; - width: 2.357rem; - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -p-treeselect.ng-invalid.ng-dirty > .p-treeselect { - border-color: #f44336; -} - -.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { - padding: 0.25rem 0.5rem; -} - -.p-treeselect-panel { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { - border: 0 none; -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { - padding: 0.5rem 1rem; - color: #495057; - background: transparent; -} - -.p-input-filled .p-treeselect { - background: #f8f9fa; -} -.p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #f8f9fa; -} -.p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: #ffffff; -} - -.p-button { - color: #ffffff; - background: #4CAF50; - border: 1px solid #4CAF50; - padding: 0.5rem 1rem; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-button:enabled:hover { - background: #449e48; - color: #ffffff; - border-color: #449e48; -} -.p-button:enabled:active { - background: #3d8c40; - color: #ffffff; - border-color: #3d8c40; -} -.p-button.p-button-outlined { - background-color: transparent; - color: #4CAF50; - border: 1px solid; -} -.p-button.p-button-outlined:enabled:hover { - background: rgba(76, 175, 80, 0.04); - color: #4CAF50; - border: 1px solid; -} -.p-button.p-button-outlined:enabled:active { - background: rgba(76, 175, 80, 0.16); - color: #4CAF50; - border: 1px solid; -} -.p-button.p-button-outlined.p-button-plain { - color: #6c757d; - border-color: #6c757d; -} -.p-button.p-button-outlined.p-button-plain:enabled:hover { - background: #e9ecef; - color: #6c757d; -} -.p-button.p-button-outlined.p-button-plain:enabled:active { - background: #dee2e6; - color: #6c757d; -} -.p-button.p-button-text { - background-color: transparent; - color: #4CAF50; - border-color: transparent; -} -.p-button.p-button-text:enabled:hover { - background: rgba(76, 175, 80, 0.04); - color: #4CAF50; - border-color: transparent; -} -.p-button.p-button-text:enabled:active { - background: rgba(76, 175, 80, 0.16); - color: #4CAF50; - border-color: transparent; -} -.p-button.p-button-text.p-button-plain { - color: #6c757d; -} -.p-button.p-button-text.p-button-plain:enabled:hover { - background: #e9ecef; - color: #6c757d; -} -.p-button.p-button-text.p-button-plain:enabled:active { - background: #dee2e6; - color: #6c757d; -} -.p-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; -} -.p-button .p-button-icon-left { - margin-right: 0.5rem; -} -.p-button .p-button-icon-right { - margin-left: 0.5rem; -} -.p-button .p-button-icon-bottom { - margin-top: 0.5rem; -} -.p-button .p-button-icon-top { - margin-bottom: 0.5rem; -} -.p-button .p-badge { - margin-left: 0.5rem; - min-width: 1rem; - height: 1rem; - line-height: 1rem; - color: #4CAF50; - background-color: #ffffff; -} -.p-button.p-button-raised { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -} -.p-button.p-button-rounded { - border-radius: 2rem; -} -.p-button.p-button-icon-only { - width: 2.357rem; - padding: 0.5rem 0; -} -.p-button.p-button-icon-only .p-button-icon-left, -.p-button.p-button-icon-only .p-button-icon-right { - margin: 0; -} -.p-button.p-button-icon-only.p-button-rounded { - border-radius: 50%; - height: 2.357rem; -} -.p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.875rem; -} -.p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; -} -.p-button.p-button-lg { - font-size: 1.25rem; - padding: 0.625rem 1.25rem; -} -.p-button.p-button-lg .p-button-icon { - font-size: 1.25rem; -} -.p-button.p-button-loading-label-only .p-button-label { - margin-left: 0.5rem; -} -.p-button.p-button-loading-label-only .p-button-loading-icon { - margin-right: 0; -} - -.p-fluid .p-button { - width: 100%; -} -.p-fluid .p-button-icon-only { - width: 2.357rem; -} -.p-fluid .p-buttonset { - display: flex; -} -.p-fluid .p-buttonset .p-button { - flex: 1; -} - -.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { - color: #ffffff; - background: #607D8B; - border: 1px solid #607D8B; -} -.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { - background: #56717d; - color: #ffffff; - border-color: #56717d; -} -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #beccd2; -} -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: #4d646f; - color: #ffffff; - border-color: #4d646f; -} -.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { - background-color: transparent; - color: #607D8B; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { - background: rgba(96, 125, 139, 0.04); - color: #607D8B; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { - background: rgba(96, 125, 139, 0.16); - color: #607D8B; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { - background-color: transparent; - color: #607D8B; - border-color: transparent; -} -.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { - background: rgba(96, 125, 139, 0.04); - border-color: transparent; - color: #607D8B; -} -.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { - background: rgba(96, 125, 139, 0.16); - border-color: transparent; - color: #607D8B; -} - -.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { - color: #ffffff; - background: #0288D1; - border: 1px solid #0288D1; -} -.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { - background: #027abc; - color: #ffffff; - border-color: #027abc; -} -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #89d4fe; -} -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: #026da7; - color: #ffffff; - border-color: #026da7; -} -.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { - background-color: transparent; - color: #0288D1; - border: 1px solid; -} -.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { - background: rgba(2, 136, 209, 0.04); - color: #0288D1; - border: 1px solid; -} -.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { - background: rgba(2, 136, 209, 0.16); - color: #0288D1; - border: 1px solid; -} -.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { - background-color: transparent; - color: #0288D1; - border-color: transparent; -} -.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { - background: rgba(2, 136, 209, 0.04); - border-color: transparent; - color: #0288D1; -} -.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { - background: rgba(2, 136, 209, 0.16); - border-color: transparent; - color: #0288D1; -} - -.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { - color: #ffffff; - background: #689F38; - border: 1px solid #689F38; -} -.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { - background: #5e8f32; - color: #ffffff; - border-color: #5e8f32; -} -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #c2e0a8; -} -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: #537f2d; - color: #ffffff; - border-color: #537f2d; -} -.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { - background-color: transparent; - color: #689F38; - border: 1px solid; -} -.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { - background: rgba(104, 159, 56, 0.04); - color: #689F38; - border: 1px solid; -} -.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { - background: rgba(104, 159, 56, 0.16); - color: #689F38; - border: 1px solid; -} -.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { - background-color: transparent; - color: #689F38; - border-color: transparent; -} -.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { - background: rgba(104, 159, 56, 0.04); - border-color: transparent; - color: #689F38; -} -.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { - background: rgba(104, 159, 56, 0.16); - border-color: transparent; - color: #689F38; -} - -.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { - color: #212529; - background: #FBC02D; - border: 1px solid #FBC02D; -} -.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { - background: #fab710; - color: #212529; - border-color: #fab710; -} -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #fde6ab; -} -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: #e8a704; - color: #212529; - border-color: #e8a704; -} -.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { - background-color: transparent; - color: #FBC02D; - border: 1px solid; -} -.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { - background: rgba(251, 192, 45, 0.04); - color: #FBC02D; - border: 1px solid; -} -.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { - background: rgba(251, 192, 45, 0.16); - color: #FBC02D; - border: 1px solid; -} -.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { - background-color: transparent; - color: #FBC02D; - border-color: transparent; -} -.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { - background: rgba(251, 192, 45, 0.04); - border-color: transparent; - color: #FBC02D; -} -.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { - background: rgba(251, 192, 45, 0.16); - border-color: transparent; - color: #FBC02D; -} - -.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { - color: #ffffff; - background: #9C27B0; - border: 1px solid #9C27B0; -} -.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { - background: #8c239e; - color: #ffffff; - border-color: #8c239e; -} -.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #df9eea; -} -.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: #7d1f8d; - color: #ffffff; - border-color: #7d1f8d; -} -.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { - background-color: transparent; - color: #9C27B0; - border: 1px solid; -} -.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { - background: rgba(156, 39, 176, 0.04); - color: #9C27B0; - border: 1px solid; -} -.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { - background: rgba(156, 39, 176, 0.16); - color: #9C27B0; - border: 1px solid; -} -.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { - background-color: transparent; - color: #9C27B0; - border-color: transparent; -} -.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { - background: rgba(156, 39, 176, 0.04); - border-color: transparent; - color: #9C27B0; -} -.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { - background: rgba(156, 39, 176, 0.16); - border-color: transparent; - color: #9C27B0; -} - -.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { - color: #ffffff; - background: #D32F2F; - border: 1px solid #D32F2F; -} -.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { - background: #c02929; - color: #ffffff; - border-color: #c02929; -} -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #edacac; -} -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: #aa2424; - color: #ffffff; - border-color: #aa2424; -} -.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { - background-color: transparent; - color: #D32F2F; - border: 1px solid; -} -.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { - background: rgba(211, 47, 47, 0.04); - color: #D32F2F; - border: 1px solid; -} -.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { - background: rgba(211, 47, 47, 0.16); - color: #D32F2F; - border: 1px solid; -} -.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { - background-color: transparent; - color: #D32F2F; - border-color: transparent; -} -.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { - background: rgba(211, 47, 47, 0.04); - border-color: transparent; - color: #D32F2F; -} -.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { - background: rgba(211, 47, 47, 0.16); - border-color: transparent; - color: #D32F2F; -} - -.p-button.p-button-link { - color: #3d8c40; - background: transparent; - border: transparent; -} -.p-button.p-button-link:enabled:hover { - background: transparent; - color: #3d8c40; - border-color: transparent; -} -.p-button.p-button-link:enabled:hover .p-button-label { - text-decoration: underline; -} -.p-button.p-button-link:enabled:focus { - background: transparent; - box-shadow: 0 0 0 0.2rem #b7e0b8; - border-color: transparent; -} -.p-button.p-button-link:enabled:active { - background: transparent; - color: #3d8c40; - border-color: transparent; -} - -.p-speeddial-button.p-button.p-button-icon-only { - width: 4rem; - height: 4rem; -} -.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { - font-size: 1.3rem; -} - -.p-speeddial-action { - width: 3rem; - height: 3rem; - background: #495057; - color: #fff; -} -.p-speeddial-action:hover { - background: #343a40; - color: #fff; -} - -.p-speeddial-direction-up .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-up .p-speeddial-item:first-child { - margin-bottom: 0.5rem; -} - -.p-speeddial-direction-down .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-down .p-speeddial-item:first-child { - margin-top: 0.5rem; -} - -.p-speeddial-direction-left .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-left .p-speeddial-item:first-child { - margin-right: 0.5rem; -} - -.p-speeddial-direction-right .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-right .p-speeddial-item:first-child { - margin-left: 0.5rem; -} - -.p-speeddial-circle .p-speeddial-item, -.p-speeddial-semi-circle .p-speeddial-item, -.p-speeddial-quarter-circle .p-speeddial-item { - margin: 0; -} -.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, -.p-speeddial-semi-circle .p-speeddial-item:first-child, -.p-speeddial-semi-circle .p-speeddial-item:last-child, -.p-speeddial-quarter-circle .p-speeddial-item:first-child, -.p-speeddial-quarter-circle .p-speeddial-item:last-child { - margin: 0; -} - -.p-speeddial-mask { - background-color: rgba(0, 0, 0, 0.4); -} - -.p-carousel .p-carousel-content .p-carousel-prev, -.p-carousel .p-carousel-content .p-carousel-next { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin: 0.5rem; -} -.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, -.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { - color: #495057; - border-color: transparent; - background: #e9ecef; -} -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; -} -.p-carousel .p-carousel-indicators { - padding: 1rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator { - margin-right: 0.5rem; - margin-bottom: 0.5rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: #e9ecef; - width: 2rem; - height: 0.5rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 0; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { - background: #dee2e6; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #E8F5E9; - color: #495057; -} - -.p-datatable .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-datatable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-datatable .p-datatable-header { - background: #f8f9fa; - color: #495057; - border: 1px solid #e9ecef; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-datatable .p-datatable-footer { - background: #f8f9fa; - color: #495057; - border: 1px solid #e9ecef; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-datatable .p-datatable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #e9ecef; - border-width: 0 0 1px 0; - font-weight: 600; - color: #495057; - background: #f8f9fa; - transition: box-shadow 0.2s; -} -.p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #e9ecef; - border-width: 0 0 1px 0; - font-weight: 600; - color: #495057; - background: #f8f9fa; -} -.p-datatable .p-sortable-column .p-sortable-column-icon { - color: #6c757d; - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: #495057; - background: #E8F5E9; - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} -.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #6c757d; -} -.p-datatable .p-sortable-column.p-highlight { - background: #f8f9fa; - color: #4CAF50; -} -.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #4CAF50; -} -.p-datatable .p-sortable-column.p-highlight:hover { - background: #e9ecef; - color: #4CAF50; -} -.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { - color: #4CAF50; -} -.p-datatable .p-sortable-column:focus { - box-shadow: inset 0 0 0 0.15rem #b7e0b8; - outline: 0 none; -} -.p-datatable .p-datatable-tbody > tr { - background: #ffffff; - color: #495057; - transition: box-shadow 0.2s; - outline-color: #b7e0b8; -} -.p-datatable .p-datatable-tbody > tr > td { - text-align: left; - border: 1px solid #e9ecef; - border-width: 0 0 1px 0; - padding: 1rem 1rem; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { - color: #495057; - border-color: transparent; - background: #e9ecef; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { - margin-right: 0.5rem; -} -.p-datatable .p-datatable-tbody > tr.p-highlight { - background: #E8F5E9; - color: #495057; -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #E8F5E9; -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #E8F5E9; -} -.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} -.p-datatable .p-column-resizer-helper { - background: #4CAF50; -} -.p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #f8f9fa; -} -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot { - background-color: #f8f9fa; -} -.p-datatable .p-datatable-loading-icon { - font-size: 2rem; -} -.p-datatable.p-datatable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-footer { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-top { - border-width: 0 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-bottom { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { - background: #fcfcfc; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: #E8F5E9; - color: #495057; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: #495057; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: #495057; -} -.p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-lg .p-datatable-header { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-footer { - padding: 1.25rem 1.25rem; -} - -.p-dataview .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-dataview .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-dataview .p-dataview-header { - background: #f8f9fa; - color: #495057; - border: 1px solid #e9ecef; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-dataview .p-dataview-content { - background: #ffffff; - color: #495057; - border: 0 none; - padding: 0; -} -.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid #e9ecef; - border-width: 0 0 1px 0; -} -.p-dataview .p-dataview-footer { - background: #f8f9fa; - color: #495057; - border: 1px solid #e9ecef; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; -} -.p-dataview .p-dataview-loading-icon { - font-size: 2rem; -} -.p-dataview .p-dataview-emptymessage { - padding: 1rem; -} - -.p-column-filter-row .p-column-filter-menu-button, -.p-column-filter-row .p-column-filter-clear-button { - margin-left: 0.5rem; -} - -.p-column-filter-menu-button { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-menu-button:hover { - color: #495057; - border-color: transparent; - background: #e9ecef; -} -.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: #e9ecef; - color: #495057; -} -.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: #E8F5E9; - color: #495057; -} -.p-column-filter-menu-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; -} - -.p-column-filter-clear-button { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-clear-button:hover { - color: #495057; - border-color: transparent; - background: #e9ecef; -} -.p-column-filter-clear-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; -} - -.p-column-filter-overlay { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - min-width: 12.5rem; -} -.p-column-filter-overlay .p-column-filter-row-items { - padding: 0.5rem 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: #495057; - background: #E8F5E9; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #b7e0b8; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} - -.p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.5rem 1rem; - border-bottom: 0 none; - color: #495057; - background: #f8f9fa; - margin: 0; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-column-filter-overlay-menu .p-column-filter-constraint { - padding: 1rem; - border-bottom: 1px solid #dee2e6; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { - margin-bottom: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { - margin-top: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { - border-bottom: 0 none; -} -.p-column-filter-overlay-menu .p-column-filter-add-rule { - padding: 0.5rem 1rem; -} -.p-column-filter-overlay-menu .p-column-filter-buttonbar { - padding: 1rem; -} - -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #f8f9fa; - border: 1px solid #dee2e6; - color: #495057; -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #ffffff; - border: 1px solid #dee2e6; - color: #495057; -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #dee2e6; -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #dee2e6; -} -.fc.fc-unthemed .fc-view-container .fc-event { - background: #449e48; - border: 1px solid #449e48; - color: #ffffff; -} -.fc.fc-unthemed .fc-view-container .fc-divider { - background: #f8f9fa; - border: 1px solid #dee2e6; -} -.fc.fc-unthemed .fc-toolbar .fc-button { - color: #ffffff; - background: #4CAF50; - border: 1px solid #4CAF50; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - display: flex; - align-items: center; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #449e48; - color: #ffffff; - border-color: #449e48; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #3d8c40; - color: #ffffff; - border-color: #3d8c40; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 1px solid #ced4da; - color: #495057; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #4CAF50; - border-color: #4CAF50; - color: #ffffff; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #449e48; - border-color: #449e48; - color: #ffffff; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; - z-index: 1; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} -.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #dee2e6; -} -.fc.fc-theme-standard .fc-view-harness th { - background: #f8f9fa; - border-color: #dee2e6; - color: #495057; -} -.fc.fc-theme-standard .fc-view-harness td { - color: #495057; - border-color: #dee2e6; -} -.fc.fc-theme-standard .fc-view-harness .fc-view { - background: #ffffff; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #dee2e6; - padding: 1rem; - background: #f8f9fa; - color: #495057; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: #495057; - border-color: transparent; - background: #e9ecef; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1rem; - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - border-top: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #ffffff; - background: #449e48; - border-color: #449e48; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #ffffff; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #449e48; - border-color: #449e48; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: #e9ecef; - color: #495057; -} -.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #f8f9fa; -} -.fc.fc-theme-standard .fc-toolbar .fc-button { - color: #ffffff; - background: #4CAF50; - border: 1px solid #4CAF50; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #449e48; - color: #ffffff; - border-color: #449e48; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #3d8c40; - color: #ffffff; - border-color: #3d8c40; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.6; - color: #ffffff; - background: #4CAF50; - border: 1px solid #4CAF50; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 1px solid #ced4da; - color: #495057; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #4CAF50; - border-color: #4CAF50; - color: #ffffff; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #449e48; - border-color: #449e48; - color: #ffffff; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; - z-index: 1; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} -.fc.fc-theme-standard a { - color: #495057; -} -.fc.fc-theme-standard .fc-highlight { - color: #495057; - background: #E8F5E9; -} - -.p-orderlist .p-orderlist-controls { - padding: 1rem; -} -.p-orderlist .p-orderlist-controls .p-button { - margin-bottom: 0.5rem; -} -.p-orderlist .p-orderlist-header { - background: #f8f9fa; - color: #495057; - border: 1px solid #dee2e6; - padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-orderlist .p-orderlist-header .p-orderlist-title { - font-weight: 600; -} -.p-orderlist .p-orderlist-filter-container { - padding: 1rem; - background: #ffffff; - border: 1px solid #dee2e6; - border-bottom: 0 none; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { - padding-right: 1.5rem; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { - right: 0.5rem; - color: #6c757d; -} -.p-orderlist .p-orderlist-list { - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - padding: 0.5rem 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-orderlist .p-orderlist-list .p-orderlist-item { - padding: 0.5rem 1rem; - margin: 0; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; -} -.p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #b7e0b8; -} -.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #495057; - background: #E8F5E9; -} -.p-orderlist .p-orderlist-list .p-orderlist-empty-message { - padding: 0.5rem 1rem; - color: #495057; -} -.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} - -.p-orderlist-item.cdk-drag-preview { - padding: 0.5rem 1rem; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border: 0 none; - color: #495057; - background: #ffffff; - margin: 0; -} - -.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} -.p-organizationchart .p-organizationchart-node-content.p-highlight { - background: #E8F5E9; - color: #495057; -} -.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: #8fce94; -} -.p-organizationchart .p-organizationchart-line-down { - background: #dee2e6; -} -.p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #dee2e6; - border-color: #dee2e6; -} -.p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #dee2e6; - border-color: #dee2e6; -} -.p-organizationchart .p-organizationchart-node-content { - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - padding: 1rem; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler { - background: inherit; - color: inherit; - border-radius: 50%; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; -} - -.p-paginator { - background: #ffffff; - color: #6c757d; - border: solid #e9ecef; - border-width: 0; - padding: 0.5rem 1rem; - border-radius: 3px; -} -.p-paginator .p-paginator-first, -.p-paginator .p-paginator-prev, -.p-paginator .p-paginator-next, -.p-paginator .p-paginator-last { - background-color: transparent; - border: 0 none; - color: #6c757d; - min-width: 2.357rem; - height: 2.357rem; - margin: 0.143rem; - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; - border-color: transparent; - color: #495057; -} -.p-paginator .p-paginator-first { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-paginator .p-paginator-last { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} -.p-paginator .p-dropdown { - margin-left: 0.5rem; - margin-right: 0.5rem; - height: 2.357rem; -} -.p-paginator .p-dropdown .p-dropdown-label { - padding-right: 0; -} -.p-paginator .p-paginator-page-input { - margin-left: 0.5rem; - margin-right: 0.5rem; -} -.p-paginator .p-paginator-page-input .p-inputtext { - max-width: 2.357rem; -} -.p-paginator .p-paginator-current { - background-color: transparent; - border: 0 none; - color: #6c757d; - min-width: 2.357rem; - height: 2.357rem; - margin: 0.143rem; - padding: 0 0.5rem; -} -.p-paginator .p-paginator-pages .p-paginator-page { - background-color: transparent; - border: 0 none; - color: #6c757d; - min-width: 2.357rem; - height: 2.357rem; - margin: 0.143rem; - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: #E8F5E9; - border-color: #E8F5E9; - color: #495057; -} -.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { - background: #e9ecef; - border-color: transparent; - color: #495057; -} - -.p-picklist .p-picklist-buttons { - padding: 1rem; -} -.p-picklist .p-picklist-buttons .p-button { - margin-bottom: 0.5rem; -} -.p-picklist .p-picklist-header { - background: #f8f9fa; - color: #495057; - border: 1px solid #dee2e6; - padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-picklist .p-picklist-header .p-picklist-title { - font-weight: 600; -} -.p-picklist .p-picklist-filter-container { - padding: 1rem; - background: #ffffff; - border: 1px solid #dee2e6; - border-bottom: 0 none; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-input { - padding-right: 1.5rem; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { - right: 0.5rem; - color: #6c757d; -} -.p-picklist .p-picklist-list { - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - padding: 0.5rem 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-picklist .p-picklist-list .p-picklist-item { - padding: 0.5rem 1rem; - margin: 0; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; -} -.p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #b7e0b8; -} -.p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: #495057; - background: #E8F5E9; -} -.p-picklist .p-picklist-list .p-picklist-empty-message { - padding: 0.5rem 1rem; - color: #495057; -} -.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} - -.p-picklist-item.cdk-drag-preview { - padding: 0.5rem 1rem; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border: 0 none; - color: #495057; - background: #ffffff; - margin: 0; -} - -.p-timeline .p-timeline-event-marker { - border: 2px solid #4CAF50; - border-radius: 50%; - width: 1rem; - height: 1rem; - background-color: #ffffff; -} -.p-timeline .p-timeline-event-connector { - background-color: #dee2e6; -} -.p-timeline.p-timeline-vertical .p-timeline-event-opposite, -.p-timeline.p-timeline-vertical .p-timeline-event-content { - padding: 0 1rem; -} -.p-timeline.p-timeline-vertical .p-timeline-event-connector { - width: 2px; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, -.p-timeline.p-timeline-horizontal .p-timeline-event-content { - padding: 1rem 0; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-connector { - height: 2px; -} - -.p-tree { - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - padding: 1rem; - border-radius: 3px; -} -.p-tree .p-tree-container .p-treenode { - padding: 0.143rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content { - border-radius: 3px; - transition: box-shadow 0.2s; - padding: 0; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { - color: #495057; - border-color: transparent; - background: #e9ecef; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { - margin-right: 0.5rem; - color: #6c757d; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { - color: #495057; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: #E8F5E9; - color: #495057; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #495057; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { - color: #495057; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { - background: #e9ecef; - color: #495057; -} -.p-tree .p-tree-filter-container { - margin-bottom: 0.5rem; -} -.p-tree .p-tree-filter-container .p-tree-filter { - width: 100%; - padding-right: 1.5rem; -} -.p-tree .p-tree-filter-container .p-tree-filter-icon { - right: 0.5rem; - color: #6c757d; -} -.p-tree .p-treenode-children { - padding: 0 0 0 1rem; -} -.p-tree .p-tree-loading-icon { - font-size: 2rem; -} -.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: #a6d8a9; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { - border-radius: 3px; - border: 1px solid #dee2e6; - background-color: #ffffff; - color: #495057; - padding: 0; - transition: box-shadow 0.2s; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { - background-color: #E8F5E9; - color: #495057; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #495057; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { - background-color: inherit; - color: inherit; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; -} - -.p-treetable .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-treetable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-treetable .p-treetable-header { - background: #f8f9fa; - color: #495057; - border: 1px solid #e9ecef; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-treetable .p-treetable-footer { - background: #f8f9fa; - color: #495057; - border: 1px solid #e9ecef; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-treetable .p-treetable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #e9ecef; - border-width: 0 0 1px 0; - font-weight: 600; - color: #495057; - background: #f8f9fa; - transition: box-shadow 0.2s; -} -.p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #e9ecef; - border-width: 0 0 1px 0; - font-weight: 600; - color: #495057; - background: #f8f9fa; -} -.p-treetable .p-sortable-column { - outline-color: #b7e0b8; -} -.p-treetable .p-sortable-column .p-sortable-column-icon { - color: #6c757d; - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: #495057; - background: #E8F5E9; - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} -.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #6c757d; -} -.p-treetable .p-sortable-column.p-highlight { - background: #f8f9fa; - color: #4CAF50; -} -.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #4CAF50; -} -.p-treetable .p-treetable-tbody > tr { - background: #ffffff; - color: #495057; - transition: box-shadow 0.2s; - outline-color: #b7e0b8; -} -.p-treetable .p-treetable-tbody > tr > td { - text-align: left; - border: 1px solid #e9ecef; - border-width: 0 0 1px 0; - padding: 1rem 1rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { - color: #495057; - border-color: transparent; - background: #e9ecef; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { - color: #495057; -} -.p-treetable .p-treetable-tbody > tr.p-highlight { - background: #E8F5E9; - color: #495057; -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: #495057; -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: #495057; -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { - color: #495057; -} -.p-treetable .p-column-resizer-helper { - background: #4CAF50; -} -.p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #f8f9fa; -} -.p-treetable .p-treetable-loading-icon { - font-size: 2rem; -} -.p-treetable.p-treetable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-footer { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-top { - border-width: 0 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-bottom { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-sm .p-treetable-header { - padding: 0.875rem 0.875rem; -} -.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-footer { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-lg .p-treetable-header { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-footer { - padding: 1.25rem 1.25rem; -} - -.p-virtualscroller .p-virtualscroller-header { - background: #f8f9fa; - color: #495057; - border: 1px solid #e9ecef; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-virtualscroller .p-virtualscroller-content { - background: #ffffff; - color: #495057; - border: 0 none; - padding: 0; -} -.p-virtualscroller .p-virtualscroller-footer { - background: #f8f9fa; - color: #495057; - border: 1px solid #e9ecef; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-accordion .p-accordion-header .p-accordion-header-link { - padding: 1rem; - border: 1px solid #dee2e6; - color: #495057; - background: #f8f9fa; - font-weight: 600; - border-radius: 3px; - transition: box-shadow 0.2s; -} -.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { - margin-right: 0.5rem; -} -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; -} -.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { - background: #e9ecef; - border-color: #dee2e6; - color: #495057; -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #f8f9fa; - border-color: #dee2e6; - color: #495057; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-color: #dee2e6; - background: #e9ecef; - color: #495057; -} -.p-accordion .p-accordion-content { - padding: 1rem; - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-accordion p-accordiontab .p-accordion-tab { - margin-bottom: 0; -} -.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { - border-radius: 0; -} -.p-accordion p-accordiontab .p-accordion-content { - border-radius: 0; -} -.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { - border-top: 0 none; -} -.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-top: 0 none; -} -.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-accordion p-accordiontab:last-child .p-accordion-content { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-card { - background: #ffffff; - color: #495057; - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; -} -.p-card .p-card-body { - padding: 1rem; -} -.p-card .p-card-title { - font-size: 1.5rem; - font-weight: 700; - margin-bottom: 0.5rem; -} -.p-card .p-card-subtitle { - font-weight: 400; - margin-bottom: 0.5rem; - color: #6c757d; -} -.p-card .p-card-content { - padding: 1rem 0; -} -.p-card .p-card-footer { - padding: 1rem 0 0 0; -} - -.p-divider .p-divider-content { - background-color: #ffffff; -} -.p-divider.p-divider-horizontal { - margin: 1rem 0; - padding: 0 1rem; -} -.p-divider.p-divider-horizontal:before { - border-top: 1px #dee2e6; -} -.p-divider.p-divider-horizontal .p-divider-content { - padding: 0 0.5rem; -} -.p-divider.p-divider-vertical { - margin: 0 1rem; - padding: 1rem 0; -} -.p-divider.p-divider-vertical:before { - border-left: 1px #dee2e6; -} -.p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; -} - -.p-fieldset { - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - border-radius: 3px; -} -.p-fieldset .p-fieldset-legend { - padding: 1rem; - border: 1px solid #dee2e6; - color: #495057; - background: #f8f9fa; - font-weight: 600; - border-radius: 3px; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { - padding: 0; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { - padding: 1rem; - color: #495057; - border-radius: 3px; - transition: box-shadow 0.2s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { - margin-right: 0.5rem; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: #e9ecef; - border-color: #dee2e6; - color: #495057; -} -.p-fieldset .p-fieldset-content { - padding: 1rem; -} - -.p-panel .p-panel-header { - border: 1px solid #dee2e6; - padding: 1rem; - background: #f8f9fa; - color: #495057; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-panel .p-panel-header .p-panel-title { - font-weight: 600; -} -.p-panel .p-panel-header .p-panel-header-icon { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { - color: #495057; - border-color: transparent; - background: #e9ecef; -} -.p-panel .p-panel-header .p-panel-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; -} -.p-panel.p-panel-toggleable .p-panel-header { - padding: 0.5rem 1rem; -} -.p-panel .p-panel-content { - padding: 1rem; - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - border-top: 0 none; -} -.p-panel .p-panel-footer { - padding: 0.5rem 1rem; - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - border-top: 0 none; -} - -.p-scrollpanel .p-scrollpanel-bar { - background: #f8f9fa; - border: 0 none; -} - -.p-splitter { - border: 1px solid #dee2e6; - background: #ffffff; - border-radius: 3px; - color: #495057; -} -.p-splitter .p-splitter-gutter { - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - background: #f8f9fa; -} -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: #dee2e6; -} -.p-splitter .p-splitter-gutter-resizing { - background: #dee2e6; -} - -.p-tabview .p-tabview-nav { - background: #ffffff; - border: 1px solid #dee2e6; - border-width: 0 0 2px 0; -} -.p-tabview .p-tabview-nav li { - margin-right: 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #dee2e6; - border-width: 0 0 2px 0; - border-color: transparent transparent #dee2e6 transparent; - background: #ffffff; - color: #6c757d; - padding: 1rem; - font-weight: 600; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #b7e0b8; -} -.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #ffffff; - border-color: #6c757d; - color: #6c757d; -} -.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #ffffff; - border-color: #4CAF50; - color: #4CAF50; -} -.p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; -} -.p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-close { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-nav-btn.p-link { - background: #ffffff; - color: #4CAF50; - width: 2.357rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; -} -.p-tabview .p-tabview-nav-btn.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #b7e0b8; -} -.p-tabview .p-tabview-panels { - background: #ffffff; - padding: 1rem; - border: 0 none; - color: #495057; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-toolbar { - background: #f8f9fa; - border: 1px solid #dee2e6; - padding: 1rem; - border-radius: 3px; -} -.p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; -} - -.p-confirm-popup { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 3px; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-confirm-popup .p-confirm-popup-content { - padding: 1rem; -} -.p-confirm-popup .p-confirm-popup-footer { - text-align: right; - padding: 0.5rem 1rem; -} -.p-confirm-popup .p-confirm-popup-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-confirm-popup .p-confirm-popup-footer button:last-child { - margin: 0; -} -.p-confirm-popup:after { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-confirm-popup:before { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-confirm-popup.p-confirm-popup-flipped:after { - border-top-color: #ffffff; -} -.p-confirm-popup.p-confirm-popup-flipped:before { - border-top-color: #ffffff; -} -.p-confirm-popup .p-confirm-popup-icon { - font-size: 1.5rem; -} -.p-confirm-popup .p-confirm-popup-message { - margin-left: 1rem; -} - -.p-dialog { - border-radius: 3px; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); - border: 0 none; -} -.p-dialog .p-dialog-header { - border-bottom: 0 none; - background: #ffffff; - color: #495057; - padding: 1.5rem; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-dialog .p-dialog-header .p-dialog-title { - font-weight: 600; - font-size: 1.25rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { - color: #495057; - border-color: transparent; - background: #e9ecef; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { - margin-right: 0; -} -.p-dialog .p-dialog-content { - background: #ffffff; - color: #495057; - padding: 0 1.5rem 2rem 1.5rem; -} -.p-dialog .p-dialog-footer { - border-top: 0 none; - background: #ffffff; - color: #495057; - padding: 0 1.5rem 1.5rem 1.5rem; - text-align: right; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-dialog .p-dialog-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { - font-size: 2rem; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; -} - -.p-overlaypanel { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 3px; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-overlaypanel .p-overlaypanel-content { - padding: 1rem; -} -.p-overlaypanel .p-overlaypanel-close { - background: #4CAF50; - color: #ffffff; - width: 2rem; - height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; - position: absolute; - top: -1rem; - right: -1rem; -} -.p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #449e48; - color: #ffffff; -} -.p-overlaypanel:after { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-overlaypanel:before { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-overlaypanel.p-overlaypanel-flipped:after { - border-top-color: #ffffff; -} -.p-overlaypanel.p-overlaypanel-flipped:before { - border-top-color: #ffffff; -} - -.p-sidebar { - background: #ffffff; - color: #495057; - border: 0 none; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-sidebar .p-sidebar-header { - padding: 1rem; -} -.p-sidebar .p-sidebar-header .p-sidebar-close, -.p-sidebar .p-sidebar-header .p-sidebar-icon { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, -.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { - color: #495057; - border-color: transparent; - background: #e9ecef; -} -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; -} -.p-sidebar .p-sidebar-header + .p-sidebar-content { - padding-top: 0; -} -.p-sidebar .p-sidebar-content { - padding: 1rem; -} - -.p-tooltip .p-tooltip-text { - background: #495057; - color: #ffffff; - padding: 0.5rem 0.5rem; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; -} -.p-tooltip.p-tooltip-right .p-tooltip-arrow { - border-right-color: #495057; -} -.p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #495057; -} -.p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #495057; -} -.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #495057; -} - -.p-fileupload .p-fileupload-buttonbar { - background: #f8f9fa; - padding: 1rem; - border: 1px solid #dee2e6; - color: #495057; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; -} -.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; -} -.p-fileupload .p-fileupload-content { - background: #ffffff; - padding: 2rem 1rem; - border: 1px solid #dee2e6; - color: #495057; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-fileupload .p-progressbar { - height: 0.25rem; -} -.p-fileupload .p-fileupload-row > div { - padding: 1rem 1rem; -} -.p-fileupload.p-fileupload-advanced .p-message { - margin-top: 0; -} - -.p-fileupload-choose:not(.p-disabled):hover { - background: #449e48; - color: #ffffff; - border-color: #449e48; -} -.p-fileupload-choose:not(.p-disabled):active { - background: #3d8c40; - color: #ffffff; - border-color: #3d8c40; -} - -.p-breadcrumb { - background: #ffffff; - border: 1px solid #dee2e6; - border-radius: 3px; - padding: 1rem; -} -.p-breadcrumb ul li .p-menuitem-link { - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-breadcrumb ul li .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { - color: #6c757d; -} -.p-breadcrumb ul li.p-breadcrumb-chevron { - margin: 0 0.5rem 0 0.5rem; - color: #495057; -} -.p-breadcrumb ul li:last-child .p-menuitem-text { - color: #495057; -} -.p-breadcrumb ul li:last-child .p-menuitem-icon { - color: #6c757d; -} - -.p-contextmenu { - padding: 0.25rem 0; - background: #ffffff; - color: #495057; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; - width: 12.5rem; -} -.p-contextmenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-contextmenu .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-contextmenu .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-contextmenu .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #b7e0b8; -} -.p-contextmenu .p-submenu-list { - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; -} -.p-contextmenu .p-menuitem { - margin: 0; -} -.p-contextmenu .p-menuitem:last-child { - margin: 0; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #e9ecef; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-contextmenu .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} -.p-contextmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-dock .p-dock-list { - background: rgba(255, 255, 255, 0.1); - border: 1px solid rgba(255, 255, 255, 0.2); - padding: 0.5rem 0.5rem; - border-radius: 0.5rem; -} -.p-dock .p-dock-item { - padding: 0.5rem; -} -.p-dock .p-dock-action { - width: 4rem; - height: 4rem; -} -.p-dock.p-dock-top .p-dock-item-second-prev, -.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, -.p-dock.p-dock-bottom .p-dock-item-second-next { - margin: 0 0.9rem; -} -.p-dock.p-dock-top .p-dock-item-prev, -.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, -.p-dock.p-dock-bottom .p-dock-item-next { - margin: 0 1.3rem; -} -.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { - margin: 0 1.5rem; -} -.p-dock.p-dock-left .p-dock-item-second-prev, -.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, -.p-dock.p-dock-right .p-dock-item-second-next { - margin: 0.9rem 0; -} -.p-dock.p-dock-left .p-dock-item-prev, -.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, -.p-dock.p-dock-right .p-dock-item-next { - margin: 1.3rem 0; -} -.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { - margin: 1.5rem 0; -} - -@media screen and (max-width: 960px) { - .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { - margin: auto 0; - } - .p-dock .p-dock-list .p-dock-item { - transform: none; - margin: 0; - } -} -.p-megamenu { - padding: 0.5rem; - background: #f8f9fa; - color: #495057; - border: 1px solid #dee2e6; - border-radius: 3px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; - color: #495057; - border-radius: 3px; - transition: box-shadow 0.2s; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: #6c757d; - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #b7e0b8; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-megamenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-megamenu .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-megamenu .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-megamenu .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #b7e0b8; -} -.p-megamenu .p-megamenu-panel { - background: #ffffff; - color: #495057; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-megamenu .p-megamenu-submenu-header { - margin: 0; - padding: 0.75rem 1rem; - color: #495057; - background: #ffffff; - font-weight: 600; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-megamenu .p-megamenu-submenu { - padding: 0.25rem 0; - width: 12.5rem; -} -.p-megamenu .p-megamenu-submenu .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem { - margin: 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { - margin: 0; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #e9ecef; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.25rem 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem { - margin: 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { - margin: 0; -} - -.p-menu { - padding: 0.25rem 0; - background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; - border-radius: 3px; - width: 12.5rem; -} -.p-menu .p-menuitem-link { - padding: 0.75rem 1rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menu .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-menu .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-menu .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-menu .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #b7e0b8; -} -.p-menu.p-menu-overlay { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-menu .p-submenu-header { - margin: 0; - padding: 0.75rem 1rem; - color: #495057; - background: #ffffff; - font-weight: 600; - border-top-right-radius: 0; - border-top-left-radius: 0; -} -.p-menu .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} -.p-menu .p-menuitem { - margin: 0; -} -.p-menu .p-menuitem:last-child { - margin: 0; -} - -.p-menubar { - padding: 0.5rem; - background: #f8f9fa; - color: #495057; - border: 1px solid #dee2e6; - border-radius: 3px; -} -.p-menubar .p-menuitem-link { - padding: 0.75rem 1rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menubar .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-menubar .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-menubar .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #b7e0b8; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; - color: #495057; - border-radius: 3px; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: #6c757d; - margin-left: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #b7e0b8; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-menubar .p-submenu-list { - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - width: 12.5rem; -} -.p-menubar .p-submenu-list .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} -.p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; -} -.p-menubar .p-submenu-list .p-menuitem { - margin: 0; -} -.p-menubar .p-submenu-list .p-menuitem:last-child { - margin: 0; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #e9ecef; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} - -@media screen and (max-width: 960px) { - .p-menubar { - position: relative; - } - .p-menubar .p-menubar-button { - display: flex; - width: 2rem; - height: 2rem; - color: #6c757d; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-menubar .p-menubar-button:hover { - color: #6c757d; - background: #e9ecef; - } - .p-menubar .p-menubar-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; - } - .p-menubar .p-menubar-root-list { - position: absolute; - display: none; - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - width: 100%; - } - .p-menubar .p-menubar-root-list .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; - } - .p-menubar .p-menubar-root-list .p-submenu-icon { - font-size: 0.875rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: #495057; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: #6c757d; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #b7e0b8; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - transition: transform 0.2s; - } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-180deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list { - width: 100%; - position: static; - box-shadow: none; - border: 0 none; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { - transition: transform 0.2s; - transform: rotate(90deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-90deg); - } - .p-menubar .p-menubar-root-list .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list ul li a { - padding-left: 2.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li a { - padding-left: 3.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li a { - padding-left: 5.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { - padding-left: 6.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { - padding-left: 8.25rem; - } - .p-menubar.p-menubar-mobile-active .p-menubar-root-list { - display: flex; - flex-direction: column; - top: 100%; - left: 0; - z-index: 1; - } -} -.p-panelmenu .p-panelmenu-header > a { - padding: 1rem; - border: 1px solid #dee2e6; - color: #495057; - background: #f8f9fa; - font-weight: 600; - border-radius: 3px; - transition: box-shadow 0.2s; -} -.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; -} -.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { - background: #e9ecef; - border-color: #dee2e6; - color: #495057; -} -.p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight > a { - background: #f8f9fa; - border-color: #dee2e6; - color: #495057; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { - border-color: #dee2e6; - background: #e9ecef; - color: #495057; -} -.p-panelmenu .p-panelmenu-content { - padding: 0.25rem 0; - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - margin-bottom: 0; - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #b7e0b8; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { - padding: 0 0 0 1rem; -} -.p-panelmenu .p-panelmenu-panel { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { - border-radius: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-content { - border-radius: 0; -} -.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { - border-top: 0 none; -} -.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { - border-top: 0 none; -} -.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-slidemenu { - padding: 0.25rem 0; - background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; - border-radius: 3px; - width: 12.5rem; -} -.p-slidemenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-slidemenu .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-slidemenu .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-slidemenu .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #b7e0b8; -} -.p-slidemenu.p-slidemenu-overlay { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-slidemenu .p-slidemenu-list { - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { - background: #e9ecef; -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { - color: #495057; -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { - color: #6c757d; -} -.p-slidemenu .p-slidemenu-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} -.p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; -} -.p-slidemenu .p-slidemenu-backward { - padding: 0.75rem 1rem; - color: #495057; -} - -.p-steps .p-steps-item .p-menuitem-link { - background: transparent; - transition: box-shadow 0.2s; - border-radius: 3px; - background: #ffffff; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-number { - color: #495057; - border: 1px solid #e9ecef; - background: #ffffff; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - z-index: 1; - border-radius: 50%; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-title { - margin-top: 0.5rem; - color: #6c757d; -} -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; -} -.p-steps .p-steps-item.p-highlight .p-steps-number { - background: #E8F5E9; - color: #495057; -} -.p-steps .p-steps-item.p-highlight .p-steps-title { - font-weight: 600; - color: #495057; -} -.p-steps .p-steps-item:before { - content: " "; - border-top: 1px solid #dee2e6; - width: 100%; - top: 50%; - left: 0; - display: block; - position: absolute; - margin-top: -1rem; -} - -.p-tabmenu .p-tabmenu-nav { - background: #ffffff; - border: 1px solid #dee2e6; - border-width: 0 0 2px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { - margin-right: 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { - border: solid #dee2e6; - border-width: 0 0 2px 0; - border-color: transparent transparent #dee2e6 transparent; - background: #ffffff; - color: #6c757d; - padding: 1rem; - font-weight: 600; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #b7e0b8; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: #ffffff; - border-color: #6c757d; - color: #6c757d; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #ffffff; - border-color: #4CAF50; - color: #4CAF50; -} - -.p-tieredmenu { - padding: 0.25rem 0; - background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; - border-radius: 3px; - width: 12.5rem; -} -.p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-tieredmenu .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-tieredmenu .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-tieredmenu .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #b7e0b8; -} -.p-tieredmenu.p-tieredmenu-overlay { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-tieredmenu .p-menuitem { - margin: 0; -} -.p-tieredmenu .p-menuitem:last-child { - margin: 0; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #e9ecef; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-tieredmenu .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} -.p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-inline-message { - padding: 0.5rem 0.5rem; - margin: 0; - border-radius: 3px; -} -.p-inline-message.p-inline-message-info { - background: #B3E5FC; - border: solid #0891cf; - border-width: 0px; - color: #044868; -} -.p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #044868; -} -.p-inline-message.p-inline-message-success { - background: #C8E6C9; - border: solid #439446; - border-width: 0px; - color: #224a23; -} -.p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #224a23; -} -.p-inline-message.p-inline-message-warn { - background: #FFECB3; - border: solid #d9a300; - border-width: 0px; - color: #6d5100; -} -.p-inline-message.p-inline-message-warn .p-inline-message-icon { - color: #6d5100; -} -.p-inline-message.p-inline-message-error { - background: #FFCDD2; - border: solid #e60017; - border-width: 0px; - color: #73000c; -} -.p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #73000c; -} -.p-inline-message .p-inline-message-icon { - font-size: 1rem; - margin-right: 0.5rem; -} -.p-inline-message .p-inline-message-text { - font-size: 1rem; -} -.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { - margin-right: 0; -} - -.p-message { - margin: 1rem 0; - border-radius: 3px; -} -.p-message .p-message-wrapper { - padding: 1rem 1.5rem; -} -.p-message .p-message-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-message .p-message-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; -} -.p-message.p-message-info { - background: #B3E5FC; - border: solid #0891cf; - border-width: 0 0 0 6px; - color: #044868; -} -.p-message.p-message-info .p-message-icon { - color: #044868; -} -.p-message.p-message-info .p-message-close { - color: #044868; -} -.p-message.p-message-success { - background: #C8E6C9; - border: solid #439446; - border-width: 0 0 0 6px; - color: #224a23; -} -.p-message.p-message-success .p-message-icon { - color: #224a23; -} -.p-message.p-message-success .p-message-close { - color: #224a23; -} -.p-message.p-message-warn { - background: #FFECB3; - border: solid #d9a300; - border-width: 0 0 0 6px; - color: #6d5100; -} -.p-message.p-message-warn .p-message-icon { - color: #6d5100; -} -.p-message.p-message-warn .p-message-close { - color: #6d5100; -} -.p-message.p-message-error { - background: #FFCDD2; - border: solid #e60017; - border-width: 0 0 0 6px; - color: #73000c; -} -.p-message.p-message-error .p-message-icon { - color: #73000c; -} -.p-message.p-message-error .p-message-close { - color: #73000c; -} -.p-message .p-message-text { - font-size: 1rem; - font-weight: 500; -} -.p-message .p-message-icon { - font-size: 1.5rem; - margin-right: 0.5rem; -} -.p-message .p-message-summary { - font-weight: 700; -} -.p-message .p-message-detail { - margin-left: 0.5rem; -} - -.p-toast { - opacity: 0.9; -} -.p-toast .p-toast-message { - margin: 0 0 1rem 0; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; -} -.p-toast .p-toast-message .p-toast-message-content { - padding: 1rem; - border-width: 0 0 0 6px; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { - margin: 0 0 0 1rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { - font-size: 2rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { - font-weight: 700; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { - margin: 0.5rem 0 0 0; -} -.p-toast .p-toast-message .p-toast-icon-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-toast .p-toast-message .p-toast-icon-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; -} -.p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; - border: solid #0891cf; - border-width: 0 0 0 6px; - color: #044868; -} -.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { - color: #044868; -} -.p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; - border: solid #439446; - border-width: 0 0 0 6px; - color: #224a23; -} -.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { - color: #224a23; -} -.p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; - border: solid #d9a300; - border-width: 0 0 0 6px; - color: #6d5100; -} -.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { - color: #6d5100; -} -.p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; - border: solid #e60017; - border-width: 0 0 0 6px; - color: #73000c; -} -.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { - color: #73000c; -} - -.p-galleria .p-galleria-close { - margin: 0.5rem; - background: transparent; - color: #f8f9fa; - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-close .p-galleria-close-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-close:hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-item-nav { - background: transparent; - color: #f8f9fa; - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 3px; - margin: 0 0.5rem; -} -.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, -.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-caption { - background: rgba(0, 0, 0, 0.5); - color: #f8f9fa; - padding: 1rem; -} -.p-galleria .p-galleria-indicators { - padding: 1rem; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #e9ecef; - width: 1rem; - height: 1rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { - background: #dee2e6; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #E8F5E9; - color: #495057; -} -.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { - margin-right: 0.5rem; -} -.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { - margin-bottom: 0.5rem; -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { - background: rgba(0, 0, 0, 0.5); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { - background: rgba(255, 255, 255, 0.4); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { - background: rgba(255, 255, 255, 0.6); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #E8F5E9; - color: #495057; -} -.p-galleria .p-galleria-thumbnail-container { - background: rgba(0, 0, 0, 0.9); - padding: 1rem 0.25rem; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { - margin: 0.5rem; - background-color: transparent; - color: #f8f9fa; - width: 2rem; - height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; -} - -.p-galleria-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-preview-indicator { - background-color: transparent; - color: #f8f9fa; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} - -.p-image-preview-container:hover > .p-image-preview-indicator { - background-color: rgba(0, 0, 0, 0.5); -} - -.p-image-toolbar { - padding: 1rem; -} - -.p-image-action.p-link { - color: #f8f9fa; - background-color: transparent; - width: 3rem; - height: 3rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-image-action.p-link:last-child { - margin-right: 0; -} -.p-image-action.p-link:hover { - color: #f8f9fa; - background-color: rgba(255, 255, 255, 0.1); -} -.p-image-action.p-link i { - font-size: 1.5rem; -} - -.p-avatar { - background-color: #dee2e6; - border-radius: 3px; -} -.p-avatar.p-avatar-lg { - width: 3rem; - height: 3rem; - font-size: 1.5rem; -} -.p-avatar.p-avatar-lg .p-avatar-icon { - font-size: 1.5rem; -} -.p-avatar.p-avatar-xl { - width: 4rem; - height: 4rem; - font-size: 2rem; -} -.p-avatar.p-avatar-xl .p-avatar-icon { - font-size: 2rem; -} - -.p-avatar-group .p-avatar { - border: 2px solid #ffffff; -} - -.p-badge { - background: #4CAF50; - color: #ffffff; - font-size: 0.75rem; - font-weight: 700; - min-width: 1.5rem; - height: 1.5rem; - line-height: 1.5rem; -} -.p-badge.p-badge-secondary { - background-color: #607D8B; - color: #ffffff; -} -.p-badge.p-badge-success { - background-color: #689F38; - color: #ffffff; -} -.p-badge.p-badge-info { - background-color: #0288D1; - color: #ffffff; -} -.p-badge.p-badge-warning { - background-color: #FBC02D; - color: #212529; -} -.p-badge.p-badge-danger { - background-color: #D32F2F; - color: #ffffff; -} -.p-badge.p-badge-lg { - font-size: 1.125rem; - min-width: 2.25rem; - height: 2.25rem; - line-height: 2.25rem; -} -.p-badge.p-badge-xl { - font-size: 1.5rem; - min-width: 3rem; - height: 3rem; - line-height: 3rem; -} - -.p-chip { - background-color: #dee2e6; - color: #495057; - border-radius: 16px; - padding: 0 0.5rem; -} -.p-chip .p-chip-text { - line-height: 1.5; - margin-top: 0.25rem; - margin-bottom: 0.25rem; -} -.p-chip .p-chip-icon { - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - margin-left: 0.5rem; -} -.p-chip img { - width: 2rem; - height: 2rem; - margin-left: -0.5rem; - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - border-radius: 3px; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; -} - -.p-inplace .p-inplace-display { - padding: 0.5rem 0.5rem; - border-radius: 3px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-inplace .p-inplace-display:not(.p-disabled):hover { - background: #e9ecef; - color: #495057; -} -.p-inplace .p-inplace-display:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; -} - -.p-progressbar { - border: 0 none; - height: 1.5rem; - background: #dee2e6; - border-radius: 3px; -} -.p-progressbar .p-progressbar-value { - border: 0 none; - margin: 0; - background: #4CAF50; -} -.p-progressbar .p-progressbar-label { - color: #ffffff; - line-height: 1.5rem; -} - -.p-scrolltop { - width: 3rem; - height: 3rem; - border-radius: 50%; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-scrolltop.p-link { - background: rgba(0, 0, 0, 0.7); -} -.p-scrolltop.p-link:hover { - background: rgba(0, 0, 0, 0.8); -} -.p-scrolltop .p-scrolltop-icon { - font-size: 1.5rem; - color: #f8f9fa; -} - -.p-skeleton { - background-color: #e9ecef; - border-radius: 3px; -} -.p-skeleton:after { - background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); -} - -.p-tag { - background: #4CAF50; - color: #ffffff; - font-size: 0.75rem; - font-weight: 700; - padding: 0.25rem 0.4rem; - border-radius: 3px; -} -.p-tag.p-tag-success { - background-color: #689F38; - color: #ffffff; -} -.p-tag.p-tag-info { - background-color: #0288D1; - color: #ffffff; -} -.p-tag.p-tag-warning { - background-color: #FBC02D; - color: #212529; -} -.p-tag.p-tag-danger { - background-color: #D32F2F; - color: #ffffff; -} -.p-tag .p-tag-icon { - margin-right: 0.25rem; - font-size: 0.75rem; -} - -.p-terminal { - background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; - padding: 1rem; -} -.p-terminal .p-terminal-input { - font-size: 1rem; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; -} - -/* Customizations to the designer theme should be defined here */ -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #4CAF50; -} - -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #4CAF50; -} diff --git a/src/assets/theme/saga-orange/theme.css b/src/assets/theme/saga-orange/theme.css deleted file mode 100644 index 191494c..0000000 --- a/src/assets/theme/saga-orange/theme.css +++ /dev/null @@ -1,5680 +0,0 @@ -:root { - --surface-a:#ffffff; - --surface-b:#f8f9fa; - --surface-c:#e9ecef; - --surface-d:#dee2e6; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#495057; - --text-color-secondary:#6c757d; - --primary-color:#FFC107; - --primary-color-text:#212529; - --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; - --surface-0: #ffffff; - --surface-50: #FAFAFA; - --surface-100: #F5F5F5; - --surface-200: #EEEEEE; - --surface-300: #E0E0E0; - --surface-400: #BDBDBD; - --surface-500: #9E9E9E; - --surface-600: #757575; - --surface-700: #616161; - --surface-800: #424242; - --surface-900: #212121; - --gray-50: #FAFAFA; - --gray-100: #F5F5F5; - --gray-200: #EEEEEE; - --gray-300: #E0E0E0; - --gray-400: #BDBDBD; - --gray-500: #9E9E9E; - --gray-600: #757575; - --gray-700: #616161; - --gray-800: #424242; - --gray-900: #212121; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:3px; - --surface-ground:#f8f9fa; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#dee2e6; - --surface-hover: #e9ecef; - --maskbg: rgba(0, 0, 0, 0.4); - --focus-ring: 0 0 0 0.2rem #ffe69c; -} - -* { - box-sizing: border-box; -} - -.p-component { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - font-weight: normal; -} - -.p-component-overlay { - background-color: rgba(0, 0, 0, 0.4); - transition-duration: 0.2s; -} - -.p-disabled, .p-component:disabled { - opacity: 0.6; -} - -.p-error { - color: #f44336; -} - -.p-text-secondary { - color: #6c757d; -} - -.pi { - font-size: 1rem; -} - -.p-link { - font-size: 1rem; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - border-radius: 3px; -} -.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; -} - -.p-component-overlay-enter { - animation: p-component-overlay-enter-animation 150ms forwards; -} - -.p-component-overlay-leave { - animation: p-component-overlay-leave-animation 150ms forwards; -} - -@keyframes p-component-overlay-enter-animation { - from { - background-color: transparent; - } - to { - background-color: var(--maskbg); - } -} -@keyframes p-component-overlay-leave-animation { - from { - background-color: var(--maskbg); - } - to { - background-color: transparent; - } -} - -:root { - --blue-50:#f4fafe; - --blue-100:#cae6fc; - --blue-200:#a0d2fa; - --blue-300:#75bef8; - --blue-400:#4baaf5; - --blue-500:#2196f3; - --blue-600:#1c80cf; - --blue-700:#1769aa; - --blue-800:#125386; - --blue-900:#0d3c61; - --green-50:#f6fbf6; - --green-100:#d4ecd5; - --green-200:#b2ddb4; - --green-300:#90cd93; - --green-400:#6ebe71; - --green-500:#4caf50; - --green-600:#419544; - --green-700:#357b38; - --green-800:#2a602c; - --green-900:#1e4620; - --yellow-50:#fffcf5; - --yellow-100:#fef0cd; - --yellow-200:#fde4a5; - --yellow-300:#fdd87d; - --yellow-400:#fccc55; - --yellow-500:#fbc02d; - --yellow-600:#d5a326; - --yellow-700:#b08620; - --yellow-800:#8a6a19; - --yellow-900:#644d12; - --cyan-50:#f2fcfd; - --cyan-100:#c2eff5; - --cyan-200:#91e2ed; - --cyan-300:#61d5e4; - --cyan-400:#30c9dc; - --cyan-500:#00bcd4; - --cyan-600:#00a0b4; - --cyan-700:#008494; - --cyan-800:#006775; - --cyan-900:#004b55; - --pink-50:#fef4f7; - --pink-100:#fac9da; - --pink-200:#f69ebc; - --pink-300:#f1749e; - --pink-400:#ed4981; - --pink-500:#e91e63; - --pink-600:#c61a54; - --pink-700:#a31545; - --pink-800:#801136; - --pink-900:#5d0c28; - --indigo-50:#f5f6fb; - --indigo-100:#d1d5ed; - --indigo-200:#acb4df; - --indigo-300:#8893d1; - --indigo-400:#6372c3; - --indigo-500:#3f51b5; - --indigo-600:#36459a; - --indigo-700:#2c397f; - --indigo-800:#232d64; - --indigo-900:#192048; - --teal-50:#f2faf9; - --teal-100:#c2e6e2; - --teal-200:#91d2cc; - --teal-300:#61beb5; - --teal-400:#30aa9f; - --teal-500:#009688; - --teal-600:#008074; - --teal-700:#00695f; - --teal-800:#00534b; - --teal-900:#003c36; - --orange-50:#fff8f2; - --orange-100:#fde0c2; - --orange-200:#fbc791; - --orange-300:#f9ae61; - --orange-400:#f79530; - --orange-500:#f57c00; - --orange-600:#d06900; - --orange-700:#ac5700; - --orange-800:#874400; - --orange-900:#623200; - --bluegray-50:#f7f9f9; - --bluegray-100:#d9e0e3; - --bluegray-200:#bbc7cd; - --bluegray-300:#9caeb7; - --bluegray-400:#7e96a1; - --bluegray-500:#607d8b; - --bluegray-600:#526a76; - --bluegray-700:#435861; - --bluegray-800:#35454c; - --bluegray-900:#263238; - --purple-50:#faf4fb; - --purple-100:#e7cbec; - --purple-200:#d4a2dd; - --purple-300:#c279ce; - --purple-400:#af50bf; - --purple-500:#9c27b0; - --purple-600:#852196; - --purple-700:#6d1b7b; - --purple-800:#561561; - --purple-900:#3e1046; -} - -.p-autocomplete .p-autocomplete-loader { - right: 0.5rem; -} -.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 2.857rem; -} -.p-autocomplete .p-autocomplete-multiple-container { - padding: 0.25rem 0.5rem; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: #FFC107; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; - border-color: #FFC107; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { - padding: 0.25rem 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - color: #495057; - padding: 0; - margin: 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { - padding: 0.25rem 0.5rem; - margin-right: 0.5rem; - background: #FFF3E0; - color: #495057; - border-radius: 3px; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; -} - -p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #f44336; -} - -.p-autocomplete-panel { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-autocomplete-panel .p-autocomplete-items:not(.p-autocomplete-virtualscroll) { - padding: 0.5rem 0; -} -.p-autocomplete-panel .p-autocomplete-items.p-autocomplete-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.5rem 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: #495057; - background: #e9ecef; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: #495057; - background: #FFF3E0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.5rem 1rem; - color: #495057; - background: transparent; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: #495057; - background: #ffffff; - font-weight: 600; -} - -p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { - border-color: #f44336; -} - -.p-datepicker { - padding: 0.5rem; - background: #ffffff; - color: #495057; - border: 1px solid #ced4da; - border-radius: 3px; -} -.p-datepicker:not(.p-datepicker-inline) { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { - background: #ffffff; -} -.p-datepicker .p-datepicker-header { - padding: 0.5rem; - color: #495057; - background: #ffffff; - font-weight: 600; - margin: 0; - border-bottom: 1px solid #dee2e6; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev, -.p-datepicker .p-datepicker-header .p-datepicker-next { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { - color: #495057; - border-color: transparent; - background: #e9ecef; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; -} -.p-datepicker .p-datepicker-header .p-datepicker-title { - line-height: 2rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - color: #495057; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - font-weight: 600; - padding: 0.5rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #FFC107; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - margin-right: 0.5rem; -} -.p-datepicker table { - font-size: 1rem; - margin: 0.5rem 0; -} -.p-datepicker table th { - padding: 0.5rem; -} -.p-datepicker table th > span { - width: 2.5rem; - height: 2.5rem; -} -.p-datepicker table td { - padding: 0.5rem; -} -.p-datepicker table td > span { - width: 2.5rem; - height: 2.5rem; - border-radius: 50%; - transition: box-shadow 0.2s; - border: 1px solid transparent; -} -.p-datepicker table td > span.p-highlight { - color: #495057; - background: #FFF3E0; -} -.p-datepicker table td > span:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; -} -.p-datepicker table td.p-datepicker-today > span { - background: #ced4da; - color: #495057; - border-color: transparent; -} -.p-datepicker table td.p-datepicker-today > span.p-highlight { - color: #495057; - background: #FFF3E0; -} -.p-datepicker .p-datepicker-buttonbar { - padding: 1rem 0; - border-top: 1px solid #dee2e6; -} -.p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; -} -.p-datepicker .p-timepicker { - border-top: 1px solid #dee2e6; - padding: 0.5rem; -} -.p-datepicker .p-timepicker button { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-timepicker button:enabled:hover { - color: #495057; - border-color: transparent; - background: #e9ecef; -} -.p-datepicker .p-timepicker button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; -} -.p-datepicker .p-timepicker button:last-child { - margin-top: 0.2em; -} -.p-datepicker .p-timepicker span { - font-size: 1.25rem; -} -.p-datepicker .p-timepicker > div { - padding: 0 0.5rem; -} -.p-datepicker.p-datepicker-timeonly .p-timepicker { - border-top: 0 none; -} -.p-datepicker .p-monthpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-monthpicker .p-monthpicker-month { - padding: 0.5rem; - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: #495057; - background: #FFF3E0; -} -.p-datepicker .p-yearpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-yearpicker .p-yearpicker-year { - padding: 0.5rem; - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { - color: #495057; - background: #FFF3E0; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #dee2e6; - padding-right: 0.5rem; - padding-left: 0.5rem; - padding-top: 0; - padding-bottom: 0; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { - padding-left: 0; - border-left: 0 none; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { - padding-right: 0; -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { - background: #e9ecef; -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; -} - -@media screen and (max-width: 769px) { - .p-datepicker table th, .p-datepicker table td { - padding: 0; - } -} -.p-cascadeselect { - background: #ffffff; - border: 1px solid #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-cascadeselect:not(.p-disabled):hover { - border-color: #FFC107; -} -.p-cascadeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; - border-color: #FFC107; -} -.p-cascadeselect .p-cascadeselect-label { - background: transparent; - border: 0 none; - padding: 0.5rem 0.5rem; -} -.p-cascadeselect .p-cascadeselect-label.p-placeholder { - color: #6c757d; -} -.p-cascadeselect .p-cascadeselect-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-cascadeselect .p-cascadeselect-trigger { - background: transparent; - color: #6c757d; - width: 2.357rem; - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-cascadeselect-panel { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-cascadeselect-panel .p-cascadeselect-items { - padding: 0.5rem 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { - margin: 0; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.5rem 1rem; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe69c; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { - color: #495057; - background: #FFF3E0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { - font-size: 0.875rem; -} - -p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #f44336; -} - -.p-input-filled .p-cascadeselect { - background: #f8f9fa; -} -.p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #f8f9fa; -} -.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #ffffff; -} - -.p-checkbox { - width: 20px; - height: 20px; -} -.p-checkbox .p-checkbox-box { - border: 2px solid #ced4da; - background: #ffffff; - width: 20px; - height: 20px; - color: #495057; - border-radius: 3px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-checkbox .p-checkbox-box .p-checkbox-icon { - transition-duration: 0.2s; - color: #212529; - font-size: 14px; -} -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #FFC107; - background: #FFC107; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #FFC107; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; - border-color: #FFC107; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #d29d00; - background: #d29d00; - color: #212529; -} - -p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #f44336; -} - -.p-input-filled .p-checkbox .p-checkbox-box { - background-color: #f8f9fa; -} -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #FFC107; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #f8f9fa; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #d29d00; -} - -.p-checkbox-label { - margin-left: 0.5rem; -} - -.p-chips .p-chips-multiple-container { - padding: 0.25rem 0.5rem; -} -.p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: #FFC107; -} -.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; - border-color: #FFC107; -} -.p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.25rem 0.5rem; - margin-right: 0.5rem; - background: #FFF3E0; - color: #495057; - border-radius: 3px; -} -.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { - margin-left: 0.5rem; -} -.p-chips .p-chips-multiple-container .p-chips-input-token { - padding: 0.25rem 0; -} -.p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - color: #495057; - padding: 0; - margin: 0; -} - -p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { - border-color: #f44336; -} - -.p-colorpicker-preview, -.p-fluid .p-colorpicker-preview.p-inputtext { - width: 2rem; - height: 2rem; -} - -.p-colorpicker-panel { - background: #323232; - border: 1px solid #191919; -} -.p-colorpicker-panel .p-colorpicker-color-handle, -.p-colorpicker-panel .p-colorpicker-hue-handle { - border-color: #ffffff; -} - -.p-colorpicker-overlay-panel { - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} - -.p-dropdown { - background: #ffffff; - border: 1px solid #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-dropdown:not(.p-disabled):hover { - border-color: #FFC107; -} -.p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; - border-color: #FFC107; -} -.p-dropdown.p-dropdown-clearable .p-dropdown-label { - padding-right: 1.5rem; -} -.p-dropdown .p-dropdown-label { - background: transparent; - border: 0 none; -} -.p-dropdown .p-dropdown-label.p-placeholder { - color: #6c757d; -} -.p-dropdown .p-dropdown-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-dropdown .p-dropdown-trigger { - background: transparent; - color: #6c757d; - width: 2.357rem; - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} -.p-dropdown .p-dropdown-clear-icon { - color: #6c757d; - right: 2.357rem; -} - -.p-dropdown-panel { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-dropdown-panel .p-dropdown-header { - padding: 0.5rem 1rem; - border-bottom: 0 none; - color: #495057; - background: #f8f9fa; - margin: 0; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { - padding-right: 1.5rem; - margin-right: -1.5rem; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { - right: 0.5rem; - color: #6c757d; -} -.p-dropdown-panel .p-dropdown-items:not(.p-dropdown-virtualscroll) { - padding: 0.5rem 0; -} -.p-dropdown-panel .p-dropdown-items.p-dropdown-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.5rem 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: #495057; - background: #FFF3E0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.5rem 1rem; - color: #495057; - background: transparent; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: #495057; - background: #ffffff; - font-weight: 600; -} - -p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #f44336; -} - -.p-input-filled .p-dropdown { - background: #f8f9fa; -} -.p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #f8f9fa; -} -.p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: #ffffff; -} - -.p-editor-container .p-editor-toolbar { - background: #f8f9fa; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #dee2e6; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: #6c757d; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: #6c757d; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: #6c757d; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; - padding: 0.5rem 0; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: #495057; - background: #e9ecef; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.5rem 1rem; -} -.p-editor-container .p-editor-content { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-editor-container .p-editor-content.ql-snow { - border: 1px solid #dee2e6; -} -.p-editor-container .p-editor-content .ql-editor { - background: #ffffff; - color: #495057; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: #495057; -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: #495057; -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: #495057; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #FFC107; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #FFC107; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #FFC107; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #FFC107; -} - -.p-inputgroup-addon { - background: #e9ecef; - color: #6c757d; - border-top: 1px solid #ced4da; - border-left: 1px solid #ced4da; - border-bottom: 1px solid #ced4da; - padding: 0.5rem 0.5rem; - min-width: 2.357rem; -} -.p-inputgroup-addon:last-child { - border-right: 1px solid #ced4da; -} - -.p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, -.p-inputgroup > .p-float-label > .p-component { - border-radius: 0; - margin: 0; -} -.p-inputgroup > .p-component + .p-inputgroup-addon, -.p-inputgroup > .p-element + .p-inputgroup-addon, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, -.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { - border-left: 0 none; -} -.p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, -.p-inputgroup > .p-float-label > .p-component:focus { - z-index: 1; -} -.p-inputgroup > .p-component:focus ~ label, -.p-inputgroup > .p-element:focus ~ label, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, -.p-inputgroup > .p-float-label > .p-component:focus ~ label { - z-index: 1; -} - -.p-inputgroup-addon:first-child, -.p-inputgroup button:first-child, -.p-inputgroup input:first-child, -.p-inputgroup > .p-inputwrapper:first-child > .p-component, -.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-inputgroup .p-float-label:first-child input { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-inputgroup-addon:last-child, -.p-inputgroup button:last-child, -.p-inputgroup input:last-child, -.p-inputgroup > .p-inputwrapper:last-child > .p-component, -.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-inputgroup .p-float-label:last-child input { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-fluid .p-inputgroup .p-button { - width: auto; -} -.p-fluid .p-inputgroup .p-button.p-button-icon-only { - width: 2.357rem; -} - -p-inputmask.ng-dirty.ng-invalid > .p-inputtext { - border-color: #f44336; -} - -p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { - border-color: #f44336; -} - -.p-inputswitch { - width: 3rem; - height: 1.75rem; -} -.p-inputswitch .p-inputswitch-slider { - background: #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 30px; -} -.p-inputswitch .p-inputswitch-slider:before { - background: #ffffff; - width: 1.25rem; - height: 1.25rem; - left: 0.25rem; - margin-top: -0.625rem; - border-radius: 50%; - transition-duration: 0.2s; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - transform: translateX(1.25rem); -} -.p-inputswitch.p-focus .p-inputswitch-slider { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; -} -.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #b6bfc8; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #FFC107; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: #ffffff; -} -.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #ecb100; -} - -p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { - border-color: #f44336; -} - -.p-inputtext { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - color: #495057; - background: #ffffff; - padding: 0.5rem 0.5rem; - border: 1px solid #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - appearance: none; - border-radius: 3px; -} -.p-inputtext:enabled:hover { - border-color: #FFC107; -} -.p-inputtext:enabled:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; - border-color: #FFC107; -} -.p-inputtext.ng-dirty.ng-invalid { - border-color: #f44336; -} -.p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.4375rem; -} -.p-inputtext.p-inputtext-lg { - font-size: 1.25rem; - padding: 0.625rem 0.625rem; -} - -.p-float-label > label { - left: 0.5rem; - color: #6c757d; - transition-duration: 0.2s; -} - -.p-float-label > .ng-invalid.ng-dirty + label { - color: #f44336; -} - -.p-input-icon-left > i:first-of-type { - left: 0.5rem; - color: #6c757d; -} - -.p-input-icon-left > .p-inputtext { - padding-left: 2rem; -} - -.p-input-icon-left.p-float-label > label { - left: 2rem; -} - -.p-input-icon-right > i:last-of-type { - right: 0.5rem; - color: #6c757d; -} - -.p-input-icon-right > .p-inputtext { - padding-right: 2rem; -} - -::-webkit-input-placeholder { - color: #6c757d; -} - -:-moz-placeholder { - color: #6c757d; -} - -::-moz-placeholder { - color: #6c757d; -} - -:-ms-input-placeholder { - color: #6c757d; -} - -.p-input-filled .p-inputtext { - background-color: #f8f9fa; -} -.p-input-filled .p-inputtext:enabled:hover { - background-color: #f8f9fa; -} -.p-input-filled .p-inputtext:enabled:focus { - background-color: #ffffff; -} - -.p-inputtext-sm .p-inputtext { - font-size: 0.875rem; - padding: 0.4375rem 0.4375rem; -} - -.p-inputtext-lg .p-inputtext { - font-size: 1.25rem; - padding: 0.625rem 0.625rem; -} - -.p-listbox { - background: #ffffff; - color: #495057; - border: 1px solid #ced4da; - border-radius: 3px; -} -.p-listbox .p-listbox-header { - padding: 0.5rem 1rem; - border-bottom: 0 none; - color: #495057; - background: #f8f9fa; - margin: 0; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-listbox .p-listbox-header .p-listbox-filter { - padding-right: 1.5rem; -} -.p-listbox .p-listbox-header .p-listbox-filter-icon { - right: 0.5rem; - color: #6c757d; -} -.p-listbox .p-listbox-header .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list { - padding: 0.5rem 0; -} -.p-listbox .p-listbox-list .p-listbox-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: #495057; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: #495057; - background: #FFF3E0; -} -.p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe69c; -} -.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list .p-listbox-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: #495057; - background: #ffffff; - font-weight: 600; -} -.p-listbox .p-listbox-list .p-listbox-empty-message { - padding: 0.5rem 1rem; - color: #495057; - background: transparent; -} -.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; -} - -p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #f44336; -} - -.p-multiselect { - background: #ffffff; - border: 1px solid #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-multiselect:not(.p-disabled):hover { - border-color: #FFC107; -} -.p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; - border-color: #FFC107; -} -.p-multiselect .p-multiselect-label { - padding: 0.5rem 0.5rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-multiselect .p-multiselect-label.p-placeholder { - color: #6c757d; -} -.p-multiselect.p-multiselect-chip .p-multiselect-token { - padding: 0.25rem 0.5rem; - margin-right: 0.5rem; - background: #FFF3E0; - color: #495057; - border-radius: 3px; -} -.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { - margin-left: 0.5rem; -} -.p-multiselect .p-multiselect-trigger { - background: transparent; - color: #6c757d; - width: 2.357rem; - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { - padding: 0.25rem 0.5rem; -} - -.p-multiselect-panel { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-multiselect-panel .p-multiselect-header { - padding: 0.5rem 1rem; - border-bottom: 0 none; - color: #495057; - background: #f8f9fa; - margin: 0; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { - padding-right: 1.5rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { - right: 0.5rem; - color: #6c757d; -} -.p-multiselect-panel .p-multiselect-header .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close { - margin-left: 0.5rem; - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { - color: #495057; - border-color: transparent; - background: #e9ecef; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; -} -.p-multiselect-panel .p-multiselect-items:not(.p-multiselect-virtualscroll) { - padding: 0.5rem 0; -} -.p-multiselect-panel .p-multiselect-items.p-multiselect-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.5rem 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: #495057; - background: #FFF3E0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe69c; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: #495057; - background: #ffffff; - font-weight: 600; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { - padding: 0.5rem 1rem; - color: #495057; - background: transparent; -} - -p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #f44336; -} - -.p-input-filled .p-multiselect { - background: #f8f9fa; -} -.p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #f8f9fa; -} -.p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #ffffff; -} - -p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #f44336; -} - -.p-password-panel { - padding: 1rem; - background: #ffffff; - color: #495057; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; -} -.p-password-panel .p-password-meter { - margin-bottom: 0.5rem; - background: #dee2e6; -} -.p-password-panel .p-password-meter .p-password-strength.weak { - background: #D32F2F; -} -.p-password-panel .p-password-meter .p-password-strength.medium { - background: #FBC02D; -} -.p-password-panel .p-password-meter .p-password-strength.strong { - background: #689F38; -} - -.p-radiobutton { - width: 20px; - height: 20px; -} -.p-radiobutton .p-radiobutton-box { - border: 2px solid #ced4da; - background: #ffffff; - width: 20px; - height: 20px; - color: #495057; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #FFC107; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; - border-color: #FFC107; -} -.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - width: 12px; - height: 12px; - transition-duration: 0.2s; - background-color: #212529; -} -.p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #FFC107; - background: #FFC107; -} -.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #d29d00; - background: #d29d00; - color: #212529; -} - -p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #f44336; -} - -.p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #f8f9fa; -} -.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #f8f9fa; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #FFC107; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #d29d00; -} - -.p-radiobutton-label { - margin-left: 0.5rem; -} - -.p-rating .p-rating-icon { - color: #495057; - margin-left: 0.5rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - font-size: 1.143rem; -} -.p-rating .p-rating-icon.p-rating-cancel { - color: #e74c3c; -} -.p-rating .p-rating-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; -} -.p-rating .p-rating-icon:first-child { - margin-left: 0; -} -.p-rating .p-rating-icon.pi-star-fill { - color: #FFC107; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { - color: #FFC107; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - color: #c0392b; -} - -.p-selectbutton .p-button { - background: #ffffff; - border: 1px solid #ced4da; - color: #495057; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-selectbutton .p-button .p-button-icon-left, -.p-selectbutton .p-button .p-button-icon-right { - color: #6c757d; -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: #6c757d; -} -.p-selectbutton .p-button.p-highlight { - background: #FFC107; - border-color: #FFC107; - color: #212529; -} -.p-selectbutton .p-button.p-highlight .p-button-icon-left, -.p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: #212529; -} -.p-selectbutton .p-button.p-highlight:hover { - background: #ecb100; - border-color: #ecb100; - color: #212529; -} -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: #212529; -} - -p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #f44336; -} - -.p-slider { - background: #dee2e6; - border: 0 none; - border-radius: 3px; -} -.p-slider.p-slider-horizontal { - height: 0.286rem; -} -.p-slider.p-slider-horizontal .p-slider-handle { - margin-top: -0.5715rem; - margin-left: -0.5715rem; -} -.p-slider.p-slider-vertical { - width: 0.286rem; -} -.p-slider.p-slider-vertical .p-slider-handle { - margin-left: -0.5715rem; - margin-bottom: -0.5715rem; -} -.p-slider .p-slider-handle { - height: 1.143rem; - width: 1.143rem; - background: #ffffff; - border: 2px solid #FFC107; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-slider .p-slider-handle:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; -} -.p-slider .p-slider-range { - background: #FFC107; -} -.p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #FFC107; - border-color: #FFC107; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { - transition: width 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { - transition: height 0.2s; -} - -.p-togglebutton.p-button { - background: #ffffff; - border: 1px solid #ced4da; - color: #495057; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-togglebutton.p-button .p-button-icon-left, -.p-togglebutton.p-button .p-button-icon-right { - color: #6c757d; -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: #6c757d; -} -.p-togglebutton.p-button.p-highlight { - background: #FFC107; - border-color: #FFC107; - color: #212529; -} -.p-togglebutton.p-button.p-highlight .p-button-icon-left, -.p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: #212529; -} -.p-togglebutton.p-button.p-highlight:hover { - background: #ecb100; - border-color: #ecb100; - color: #212529; -} -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: #212529; -} - -p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #f44336; -} - -.p-treeselect { - background: #ffffff; - border: 1px solid #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-treeselect:not(.p-disabled):hover { - border-color: #FFC107; -} -.p-treeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; - border-color: #FFC107; -} -.p-treeselect .p-treeselect-label { - padding: 0.5rem 0.5rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-treeselect .p-treeselect-label.p-placeholder { - color: #6c757d; -} -.p-treeselect.p-treeselect-chip .p-treeselect-token { - padding: 0.25rem 0.5rem; - margin-right: 0.5rem; - background: #dee2e6; - color: #495057; - border-radius: 16px; -} -.p-treeselect .p-treeselect-trigger { - background: transparent; - color: #6c757d; - width: 2.357rem; - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -p-treeselect.ng-invalid.ng-dirty > .p-treeselect { - border-color: #f44336; -} - -.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { - padding: 0.25rem 0.5rem; -} - -.p-treeselect-panel { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { - border: 0 none; -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { - padding: 0.5rem 1rem; - color: #495057; - background: transparent; -} - -.p-input-filled .p-treeselect { - background: #f8f9fa; -} -.p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #f8f9fa; -} -.p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: #ffffff; -} - -.p-button { - color: #212529; - background: #FFC107; - border: 1px solid #FFC107; - padding: 0.5rem 1rem; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-button:enabled:hover { - background: #ecb100; - color: #212529; - border-color: #ecb100; -} -.p-button:enabled:active { - background: #d29d00; - color: #212529; - border-color: #d29d00; -} -.p-button.p-button-outlined { - background-color: transparent; - color: #FFC107; - border: 1px solid; -} -.p-button.p-button-outlined:enabled:hover { - background: rgba(255, 193, 7, 0.04); - color: #FFC107; - border: 1px solid; -} -.p-button.p-button-outlined:enabled:active { - background: rgba(255, 193, 7, 0.16); - color: #FFC107; - border: 1px solid; -} -.p-button.p-button-outlined.p-button-plain { - color: #6c757d; - border-color: #6c757d; -} -.p-button.p-button-outlined.p-button-plain:enabled:hover { - background: #e9ecef; - color: #6c757d; -} -.p-button.p-button-outlined.p-button-plain:enabled:active { - background: #dee2e6; - color: #6c757d; -} -.p-button.p-button-text { - background-color: transparent; - color: #FFC107; - border-color: transparent; -} -.p-button.p-button-text:enabled:hover { - background: rgba(255, 193, 7, 0.04); - color: #FFC107; - border-color: transparent; -} -.p-button.p-button-text:enabled:active { - background: rgba(255, 193, 7, 0.16); - color: #FFC107; - border-color: transparent; -} -.p-button.p-button-text.p-button-plain { - color: #6c757d; -} -.p-button.p-button-text.p-button-plain:enabled:hover { - background: #e9ecef; - color: #6c757d; -} -.p-button.p-button-text.p-button-plain:enabled:active { - background: #dee2e6; - color: #6c757d; -} -.p-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; -} -.p-button .p-button-icon-left { - margin-right: 0.5rem; -} -.p-button .p-button-icon-right { - margin-left: 0.5rem; -} -.p-button .p-button-icon-bottom { - margin-top: 0.5rem; -} -.p-button .p-button-icon-top { - margin-bottom: 0.5rem; -} -.p-button .p-badge { - margin-left: 0.5rem; - min-width: 1rem; - height: 1rem; - line-height: 1rem; - color: #FFC107; - background-color: #212529; -} -.p-button.p-button-raised { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -} -.p-button.p-button-rounded { - border-radius: 2rem; -} -.p-button.p-button-icon-only { - width: 2.357rem; - padding: 0.5rem 0; -} -.p-button.p-button-icon-only .p-button-icon-left, -.p-button.p-button-icon-only .p-button-icon-right { - margin: 0; -} -.p-button.p-button-icon-only.p-button-rounded { - border-radius: 50%; - height: 2.357rem; -} -.p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.875rem; -} -.p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; -} -.p-button.p-button-lg { - font-size: 1.25rem; - padding: 0.625rem 1.25rem; -} -.p-button.p-button-lg .p-button-icon { - font-size: 1.25rem; -} -.p-button.p-button-loading-label-only .p-button-label { - margin-left: 0.5rem; -} -.p-button.p-button-loading-label-only .p-button-loading-icon { - margin-right: 0; -} - -.p-fluid .p-button { - width: 100%; -} -.p-fluid .p-button-icon-only { - width: 2.357rem; -} -.p-fluid .p-buttonset { - display: flex; -} -.p-fluid .p-buttonset .p-button { - flex: 1; -} - -.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { - color: #ffffff; - background: #607D8B; - border: 1px solid #607D8B; -} -.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { - background: #56717d; - color: #ffffff; - border-color: #56717d; -} -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #beccd2; -} -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: #4d646f; - color: #ffffff; - border-color: #4d646f; -} -.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { - background-color: transparent; - color: #607D8B; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { - background: rgba(96, 125, 139, 0.04); - color: #607D8B; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { - background: rgba(96, 125, 139, 0.16); - color: #607D8B; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { - background-color: transparent; - color: #607D8B; - border-color: transparent; -} -.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { - background: rgba(96, 125, 139, 0.04); - border-color: transparent; - color: #607D8B; -} -.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { - background: rgba(96, 125, 139, 0.16); - border-color: transparent; - color: #607D8B; -} - -.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { - color: #ffffff; - background: #0288D1; - border: 1px solid #0288D1; -} -.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { - background: #027abc; - color: #ffffff; - border-color: #027abc; -} -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #89d4fe; -} -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: #026da7; - color: #ffffff; - border-color: #026da7; -} -.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { - background-color: transparent; - color: #0288D1; - border: 1px solid; -} -.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { - background: rgba(2, 136, 209, 0.04); - color: #0288D1; - border: 1px solid; -} -.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { - background: rgba(2, 136, 209, 0.16); - color: #0288D1; - border: 1px solid; -} -.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { - background-color: transparent; - color: #0288D1; - border-color: transparent; -} -.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { - background: rgba(2, 136, 209, 0.04); - border-color: transparent; - color: #0288D1; -} -.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { - background: rgba(2, 136, 209, 0.16); - border-color: transparent; - color: #0288D1; -} - -.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { - color: #ffffff; - background: #689F38; - border: 1px solid #689F38; -} -.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { - background: #5e8f32; - color: #ffffff; - border-color: #5e8f32; -} -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #c2e0a8; -} -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: #537f2d; - color: #ffffff; - border-color: #537f2d; -} -.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { - background-color: transparent; - color: #689F38; - border: 1px solid; -} -.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { - background: rgba(104, 159, 56, 0.04); - color: #689F38; - border: 1px solid; -} -.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { - background: rgba(104, 159, 56, 0.16); - color: #689F38; - border: 1px solid; -} -.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { - background-color: transparent; - color: #689F38; - border-color: transparent; -} -.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { - background: rgba(104, 159, 56, 0.04); - border-color: transparent; - color: #689F38; -} -.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { - background: rgba(104, 159, 56, 0.16); - border-color: transparent; - color: #689F38; -} - -.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { - color: #212529; - background: #FBC02D; - border: 1px solid #FBC02D; -} -.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { - background: #fab710; - color: #212529; - border-color: #fab710; -} -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #fde6ab; -} -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: #e8a704; - color: #212529; - border-color: #e8a704; -} -.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { - background-color: transparent; - color: #FBC02D; - border: 1px solid; -} -.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { - background: rgba(251, 192, 45, 0.04); - color: #FBC02D; - border: 1px solid; -} -.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { - background: rgba(251, 192, 45, 0.16); - color: #FBC02D; - border: 1px solid; -} -.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { - background-color: transparent; - color: #FBC02D; - border-color: transparent; -} -.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { - background: rgba(251, 192, 45, 0.04); - border-color: transparent; - color: #FBC02D; -} -.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { - background: rgba(251, 192, 45, 0.16); - border-color: transparent; - color: #FBC02D; -} - -.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { - color: #ffffff; - background: #9C27B0; - border: 1px solid #9C27B0; -} -.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { - background: #8c239e; - color: #ffffff; - border-color: #8c239e; -} -.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #df9eea; -} -.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: #7d1f8d; - color: #ffffff; - border-color: #7d1f8d; -} -.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { - background-color: transparent; - color: #9C27B0; - border: 1px solid; -} -.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { - background: rgba(156, 39, 176, 0.04); - color: #9C27B0; - border: 1px solid; -} -.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { - background: rgba(156, 39, 176, 0.16); - color: #9C27B0; - border: 1px solid; -} -.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { - background-color: transparent; - color: #9C27B0; - border-color: transparent; -} -.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { - background: rgba(156, 39, 176, 0.04); - border-color: transparent; - color: #9C27B0; -} -.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { - background: rgba(156, 39, 176, 0.16); - border-color: transparent; - color: #9C27B0; -} - -.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { - color: #ffffff; - background: #D32F2F; - border: 1px solid #D32F2F; -} -.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { - background: #c02929; - color: #ffffff; - border-color: #c02929; -} -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #edacac; -} -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: #aa2424; - color: #ffffff; - border-color: #aa2424; -} -.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { - background-color: transparent; - color: #D32F2F; - border: 1px solid; -} -.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { - background: rgba(211, 47, 47, 0.04); - color: #D32F2F; - border: 1px solid; -} -.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { - background: rgba(211, 47, 47, 0.16); - color: #D32F2F; - border: 1px solid; -} -.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { - background-color: transparent; - color: #D32F2F; - border-color: transparent; -} -.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { - background: rgba(211, 47, 47, 0.04); - border-color: transparent; - color: #D32F2F; -} -.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { - background: rgba(211, 47, 47, 0.16); - border-color: transparent; - color: #D32F2F; -} - -.p-button.p-button-link { - color: #d29d00; - background: transparent; - border: transparent; -} -.p-button.p-button-link:enabled:hover { - background: transparent; - color: #d29d00; - border-color: transparent; -} -.p-button.p-button-link:enabled:hover .p-button-label { - text-decoration: underline; -} -.p-button.p-button-link:enabled:focus { - background: transparent; - box-shadow: 0 0 0 0.2rem #ffe69c; - border-color: transparent; -} -.p-button.p-button-link:enabled:active { - background: transparent; - color: #d29d00; - border-color: transparent; -} - -.p-speeddial-button.p-button.p-button-icon-only { - width: 4rem; - height: 4rem; -} -.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { - font-size: 1.3rem; -} - -.p-speeddial-action { - width: 3rem; - height: 3rem; - background: #495057; - color: #fff; -} -.p-speeddial-action:hover { - background: #343a40; - color: #fff; -} - -.p-speeddial-direction-up .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-up .p-speeddial-item:first-child { - margin-bottom: 0.5rem; -} - -.p-speeddial-direction-down .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-down .p-speeddial-item:first-child { - margin-top: 0.5rem; -} - -.p-speeddial-direction-left .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-left .p-speeddial-item:first-child { - margin-right: 0.5rem; -} - -.p-speeddial-direction-right .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-right .p-speeddial-item:first-child { - margin-left: 0.5rem; -} - -.p-speeddial-circle .p-speeddial-item, -.p-speeddial-semi-circle .p-speeddial-item, -.p-speeddial-quarter-circle .p-speeddial-item { - margin: 0; -} -.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, -.p-speeddial-semi-circle .p-speeddial-item:first-child, -.p-speeddial-semi-circle .p-speeddial-item:last-child, -.p-speeddial-quarter-circle .p-speeddial-item:first-child, -.p-speeddial-quarter-circle .p-speeddial-item:last-child { - margin: 0; -} - -.p-speeddial-mask { - background-color: rgba(0, 0, 0, 0.4); -} - -.p-carousel .p-carousel-content .p-carousel-prev, -.p-carousel .p-carousel-content .p-carousel-next { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin: 0.5rem; -} -.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, -.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { - color: #495057; - border-color: transparent; - background: #e9ecef; -} -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; -} -.p-carousel .p-carousel-indicators { - padding: 1rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator { - margin-right: 0.5rem; - margin-bottom: 0.5rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: #e9ecef; - width: 2rem; - height: 0.5rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 0; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { - background: #dee2e6; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #FFF3E0; - color: #495057; -} - -.p-datatable .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-datatable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-datatable .p-datatable-header { - background: #f8f9fa; - color: #495057; - border: 1px solid #e9ecef; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-datatable .p-datatable-footer { - background: #f8f9fa; - color: #495057; - border: 1px solid #e9ecef; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-datatable .p-datatable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #e9ecef; - border-width: 0 0 1px 0; - font-weight: 600; - color: #495057; - background: #f8f9fa; - transition: box-shadow 0.2s; -} -.p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #e9ecef; - border-width: 0 0 1px 0; - font-weight: 600; - color: #495057; - background: #f8f9fa; -} -.p-datatable .p-sortable-column .p-sortable-column-icon { - color: #6c757d; - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: #495057; - background: #FFF3E0; - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} -.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #6c757d; -} -.p-datatable .p-sortable-column.p-highlight { - background: #f8f9fa; - color: #FFC107; -} -.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #FFC107; -} -.p-datatable .p-sortable-column.p-highlight:hover { - background: #e9ecef; - color: #FFC107; -} -.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { - color: #FFC107; -} -.p-datatable .p-sortable-column:focus { - box-shadow: inset 0 0 0 0.15rem #ffe69c; - outline: 0 none; -} -.p-datatable .p-datatable-tbody > tr { - background: #ffffff; - color: #495057; - transition: box-shadow 0.2s; - outline-color: #ffe69c; -} -.p-datatable .p-datatable-tbody > tr > td { - text-align: left; - border: 1px solid #e9ecef; - border-width: 0 0 1px 0; - padding: 1rem 1rem; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { - color: #495057; - border-color: transparent; - background: #e9ecef; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { - margin-right: 0.5rem; -} -.p-datatable .p-datatable-tbody > tr.p-highlight { - background: #FFF3E0; - color: #495057; -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #FFF3E0; -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #FFF3E0; -} -.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} -.p-datatable .p-column-resizer-helper { - background: #FFC107; -} -.p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #f8f9fa; -} -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot { - background-color: #f8f9fa; -} -.p-datatable .p-datatable-loading-icon { - font-size: 2rem; -} -.p-datatable.p-datatable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-footer { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-top { - border-width: 0 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-bottom { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { - background: #fcfcfc; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: #FFF3E0; - color: #495057; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: #495057; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: #495057; -} -.p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-lg .p-datatable-header { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-footer { - padding: 1.25rem 1.25rem; -} - -.p-dataview .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-dataview .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-dataview .p-dataview-header { - background: #f8f9fa; - color: #495057; - border: 1px solid #e9ecef; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-dataview .p-dataview-content { - background: #ffffff; - color: #495057; - border: 0 none; - padding: 0; -} -.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid #e9ecef; - border-width: 0 0 1px 0; -} -.p-dataview .p-dataview-footer { - background: #f8f9fa; - color: #495057; - border: 1px solid #e9ecef; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; -} -.p-dataview .p-dataview-loading-icon { - font-size: 2rem; -} -.p-dataview .p-dataview-emptymessage { - padding: 1rem; -} - -.p-column-filter-row .p-column-filter-menu-button, -.p-column-filter-row .p-column-filter-clear-button { - margin-left: 0.5rem; -} - -.p-column-filter-menu-button { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-menu-button:hover { - color: #495057; - border-color: transparent; - background: #e9ecef; -} -.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: #e9ecef; - color: #495057; -} -.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: #FFF3E0; - color: #495057; -} -.p-column-filter-menu-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; -} - -.p-column-filter-clear-button { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-clear-button:hover { - color: #495057; - border-color: transparent; - background: #e9ecef; -} -.p-column-filter-clear-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; -} - -.p-column-filter-overlay { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - min-width: 12.5rem; -} -.p-column-filter-overlay .p-column-filter-row-items { - padding: 0.5rem 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: #495057; - background: #FFF3E0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe69c; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} - -.p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.5rem 1rem; - border-bottom: 0 none; - color: #495057; - background: #f8f9fa; - margin: 0; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-column-filter-overlay-menu .p-column-filter-constraint { - padding: 1rem; - border-bottom: 1px solid #dee2e6; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { - margin-bottom: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { - margin-top: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { - border-bottom: 0 none; -} -.p-column-filter-overlay-menu .p-column-filter-add-rule { - padding: 0.5rem 1rem; -} -.p-column-filter-overlay-menu .p-column-filter-buttonbar { - padding: 1rem; -} - -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #f8f9fa; - border: 1px solid #dee2e6; - color: #495057; -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #ffffff; - border: 1px solid #dee2e6; - color: #495057; -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #dee2e6; -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #dee2e6; -} -.fc.fc-unthemed .fc-view-container .fc-event { - background: #ecb100; - border: 1px solid #ecb100; - color: #212529; -} -.fc.fc-unthemed .fc-view-container .fc-divider { - background: #f8f9fa; - border: 1px solid #dee2e6; -} -.fc.fc-unthemed .fc-toolbar .fc-button { - color: #212529; - background: #FFC107; - border: 1px solid #FFC107; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - display: flex; - align-items: center; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #ecb100; - color: #212529; - border-color: #ecb100; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #d29d00; - color: #212529; - border-color: #d29d00; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 1px solid #ced4da; - color: #495057; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #FFC107; - border-color: #FFC107; - color: #212529; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #ecb100; - border-color: #ecb100; - color: #212529; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; - z-index: 1; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} -.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #dee2e6; -} -.fc.fc-theme-standard .fc-view-harness th { - background: #f8f9fa; - border-color: #dee2e6; - color: #495057; -} -.fc.fc-theme-standard .fc-view-harness td { - color: #495057; - border-color: #dee2e6; -} -.fc.fc-theme-standard .fc-view-harness .fc-view { - background: #ffffff; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #dee2e6; - padding: 1rem; - background: #f8f9fa; - color: #495057; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: #495057; - border-color: transparent; - background: #e9ecef; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1rem; - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - border-top: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #212529; - background: #ecb100; - border-color: #ecb100; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #212529; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #ecb100; - border-color: #ecb100; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: #e9ecef; - color: #495057; -} -.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #f8f9fa; -} -.fc.fc-theme-standard .fc-toolbar .fc-button { - color: #212529; - background: #FFC107; - border: 1px solid #FFC107; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #ecb100; - color: #212529; - border-color: #ecb100; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #d29d00; - color: #212529; - border-color: #d29d00; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.6; - color: #212529; - background: #FFC107; - border: 1px solid #FFC107; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 1px solid #ced4da; - color: #495057; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #FFC107; - border-color: #FFC107; - color: #212529; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #ecb100; - border-color: #ecb100; - color: #212529; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; - z-index: 1; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} -.fc.fc-theme-standard a { - color: #495057; -} -.fc.fc-theme-standard .fc-highlight { - color: #495057; - background: #FFF3E0; -} - -.p-orderlist .p-orderlist-controls { - padding: 1rem; -} -.p-orderlist .p-orderlist-controls .p-button { - margin-bottom: 0.5rem; -} -.p-orderlist .p-orderlist-header { - background: #f8f9fa; - color: #495057; - border: 1px solid #dee2e6; - padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-orderlist .p-orderlist-header .p-orderlist-title { - font-weight: 600; -} -.p-orderlist .p-orderlist-filter-container { - padding: 1rem; - background: #ffffff; - border: 1px solid #dee2e6; - border-bottom: 0 none; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { - padding-right: 1.5rem; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { - right: 0.5rem; - color: #6c757d; -} -.p-orderlist .p-orderlist-list { - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - padding: 0.5rem 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-orderlist .p-orderlist-list .p-orderlist-item { - padding: 0.5rem 1rem; - margin: 0; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; -} -.p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe69c; -} -.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #495057; - background: #FFF3E0; -} -.p-orderlist .p-orderlist-list .p-orderlist-empty-message { - padding: 0.5rem 1rem; - color: #495057; -} -.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} - -.p-orderlist-item.cdk-drag-preview { - padding: 0.5rem 1rem; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border: 0 none; - color: #495057; - background: #ffffff; - margin: 0; -} - -.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} -.p-organizationchart .p-organizationchart-node-content.p-highlight { - background: #FFF3E0; - color: #495057; -} -.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: #ffc261; -} -.p-organizationchart .p-organizationchart-line-down { - background: #dee2e6; -} -.p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #dee2e6; - border-color: #dee2e6; -} -.p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #dee2e6; - border-color: #dee2e6; -} -.p-organizationchart .p-organizationchart-node-content { - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - padding: 1rem; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler { - background: inherit; - color: inherit; - border-radius: 50%; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; -} - -.p-paginator { - background: #ffffff; - color: #6c757d; - border: solid #e9ecef; - border-width: 0; - padding: 0.5rem 1rem; - border-radius: 3px; -} -.p-paginator .p-paginator-first, -.p-paginator .p-paginator-prev, -.p-paginator .p-paginator-next, -.p-paginator .p-paginator-last { - background-color: transparent; - border: 0 none; - color: #6c757d; - min-width: 2.357rem; - height: 2.357rem; - margin: 0.143rem; - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; - border-color: transparent; - color: #495057; -} -.p-paginator .p-paginator-first { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-paginator .p-paginator-last { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} -.p-paginator .p-dropdown { - margin-left: 0.5rem; - margin-right: 0.5rem; - height: 2.357rem; -} -.p-paginator .p-dropdown .p-dropdown-label { - padding-right: 0; -} -.p-paginator .p-paginator-page-input { - margin-left: 0.5rem; - margin-right: 0.5rem; -} -.p-paginator .p-paginator-page-input .p-inputtext { - max-width: 2.357rem; -} -.p-paginator .p-paginator-current { - background-color: transparent; - border: 0 none; - color: #6c757d; - min-width: 2.357rem; - height: 2.357rem; - margin: 0.143rem; - padding: 0 0.5rem; -} -.p-paginator .p-paginator-pages .p-paginator-page { - background-color: transparent; - border: 0 none; - color: #6c757d; - min-width: 2.357rem; - height: 2.357rem; - margin: 0.143rem; - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: #FFF3E0; - border-color: #FFF3E0; - color: #495057; -} -.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { - background: #e9ecef; - border-color: transparent; - color: #495057; -} - -.p-picklist .p-picklist-buttons { - padding: 1rem; -} -.p-picklist .p-picklist-buttons .p-button { - margin-bottom: 0.5rem; -} -.p-picklist .p-picklist-header { - background: #f8f9fa; - color: #495057; - border: 1px solid #dee2e6; - padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-picklist .p-picklist-header .p-picklist-title { - font-weight: 600; -} -.p-picklist .p-picklist-filter-container { - padding: 1rem; - background: #ffffff; - border: 1px solid #dee2e6; - border-bottom: 0 none; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-input { - padding-right: 1.5rem; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { - right: 0.5rem; - color: #6c757d; -} -.p-picklist .p-picklist-list { - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - padding: 0.5rem 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-picklist .p-picklist-list .p-picklist-item { - padding: 0.5rem 1rem; - margin: 0; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; -} -.p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe69c; -} -.p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: #495057; - background: #FFF3E0; -} -.p-picklist .p-picklist-list .p-picklist-empty-message { - padding: 0.5rem 1rem; - color: #495057; -} -.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} - -.p-picklist-item.cdk-drag-preview { - padding: 0.5rem 1rem; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border: 0 none; - color: #495057; - background: #ffffff; - margin: 0; -} - -.p-timeline .p-timeline-event-marker { - border: 2px solid #FFC107; - border-radius: 50%; - width: 1rem; - height: 1rem; - background-color: #ffffff; -} -.p-timeline .p-timeline-event-connector { - background-color: #dee2e6; -} -.p-timeline.p-timeline-vertical .p-timeline-event-opposite, -.p-timeline.p-timeline-vertical .p-timeline-event-content { - padding: 0 1rem; -} -.p-timeline.p-timeline-vertical .p-timeline-event-connector { - width: 2px; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, -.p-timeline.p-timeline-horizontal .p-timeline-event-content { - padding: 1rem 0; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-connector { - height: 2px; -} - -.p-tree { - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - padding: 1rem; - border-radius: 3px; -} -.p-tree .p-tree-container .p-treenode { - padding: 0.143rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content { - border-radius: 3px; - transition: box-shadow 0.2s; - padding: 0; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { - color: #495057; - border-color: transparent; - background: #e9ecef; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { - margin-right: 0.5rem; - color: #6c757d; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { - color: #495057; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: #FFF3E0; - color: #495057; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #495057; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { - color: #495057; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { - background: #e9ecef; - color: #495057; -} -.p-tree .p-tree-filter-container { - margin-bottom: 0.5rem; -} -.p-tree .p-tree-filter-container .p-tree-filter { - width: 100%; - padding-right: 1.5rem; -} -.p-tree .p-tree-filter-container .p-tree-filter-icon { - right: 0.5rem; - color: #6c757d; -} -.p-tree .p-treenode-children { - padding: 0 0 0 1rem; -} -.p-tree .p-tree-loading-icon { - font-size: 2rem; -} -.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: #ffce80; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { - border-radius: 3px; - border: 1px solid #dee2e6; - background-color: #ffffff; - color: #495057; - padding: 0; - transition: box-shadow 0.2s; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { - background-color: #FFF3E0; - color: #495057; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #495057; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { - background-color: inherit; - color: inherit; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; -} - -.p-treetable .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-treetable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-treetable .p-treetable-header { - background: #f8f9fa; - color: #495057; - border: 1px solid #e9ecef; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-treetable .p-treetable-footer { - background: #f8f9fa; - color: #495057; - border: 1px solid #e9ecef; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-treetable .p-treetable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #e9ecef; - border-width: 0 0 1px 0; - font-weight: 600; - color: #495057; - background: #f8f9fa; - transition: box-shadow 0.2s; -} -.p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #e9ecef; - border-width: 0 0 1px 0; - font-weight: 600; - color: #495057; - background: #f8f9fa; -} -.p-treetable .p-sortable-column { - outline-color: #ffe69c; -} -.p-treetable .p-sortable-column .p-sortable-column-icon { - color: #6c757d; - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: #495057; - background: #FFF3E0; - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} -.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #6c757d; -} -.p-treetable .p-sortable-column.p-highlight { - background: #f8f9fa; - color: #FFC107; -} -.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #FFC107; -} -.p-treetable .p-treetable-tbody > tr { - background: #ffffff; - color: #495057; - transition: box-shadow 0.2s; - outline-color: #ffe69c; -} -.p-treetable .p-treetable-tbody > tr > td { - text-align: left; - border: 1px solid #e9ecef; - border-width: 0 0 1px 0; - padding: 1rem 1rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { - color: #495057; - border-color: transparent; - background: #e9ecef; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { - color: #495057; -} -.p-treetable .p-treetable-tbody > tr.p-highlight { - background: #FFF3E0; - color: #495057; -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: #495057; -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: #495057; -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { - color: #495057; -} -.p-treetable .p-column-resizer-helper { - background: #FFC107; -} -.p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #f8f9fa; -} -.p-treetable .p-treetable-loading-icon { - font-size: 2rem; -} -.p-treetable.p-treetable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-footer { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-top { - border-width: 0 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-bottom { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-sm .p-treetable-header { - padding: 0.875rem 0.875rem; -} -.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-footer { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-lg .p-treetable-header { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-footer { - padding: 1.25rem 1.25rem; -} - -.p-virtualscroller .p-virtualscroller-header { - background: #f8f9fa; - color: #495057; - border: 1px solid #e9ecef; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-virtualscroller .p-virtualscroller-content { - background: #ffffff; - color: #495057; - border: 0 none; - padding: 0; -} -.p-virtualscroller .p-virtualscroller-footer { - background: #f8f9fa; - color: #495057; - border: 1px solid #e9ecef; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-accordion .p-accordion-header .p-accordion-header-link { - padding: 1rem; - border: 1px solid #dee2e6; - color: #495057; - background: #f8f9fa; - font-weight: 600; - border-radius: 3px; - transition: box-shadow 0.2s; -} -.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { - margin-right: 0.5rem; -} -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; -} -.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { - background: #e9ecef; - border-color: #dee2e6; - color: #495057; -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #f8f9fa; - border-color: #dee2e6; - color: #495057; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-color: #dee2e6; - background: #e9ecef; - color: #495057; -} -.p-accordion .p-accordion-content { - padding: 1rem; - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-accordion p-accordiontab .p-accordion-tab { - margin-bottom: 0; -} -.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { - border-radius: 0; -} -.p-accordion p-accordiontab .p-accordion-content { - border-radius: 0; -} -.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { - border-top: 0 none; -} -.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-top: 0 none; -} -.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-accordion p-accordiontab:last-child .p-accordion-content { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-card { - background: #ffffff; - color: #495057; - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; -} -.p-card .p-card-body { - padding: 1rem; -} -.p-card .p-card-title { - font-size: 1.5rem; - font-weight: 700; - margin-bottom: 0.5rem; -} -.p-card .p-card-subtitle { - font-weight: 400; - margin-bottom: 0.5rem; - color: #6c757d; -} -.p-card .p-card-content { - padding: 1rem 0; -} -.p-card .p-card-footer { - padding: 1rem 0 0 0; -} - -.p-divider .p-divider-content { - background-color: #ffffff; -} -.p-divider.p-divider-horizontal { - margin: 1rem 0; - padding: 0 1rem; -} -.p-divider.p-divider-horizontal:before { - border-top: 1px #dee2e6; -} -.p-divider.p-divider-horizontal .p-divider-content { - padding: 0 0.5rem; -} -.p-divider.p-divider-vertical { - margin: 0 1rem; - padding: 1rem 0; -} -.p-divider.p-divider-vertical:before { - border-left: 1px #dee2e6; -} -.p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; -} - -.p-fieldset { - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - border-radius: 3px; -} -.p-fieldset .p-fieldset-legend { - padding: 1rem; - border: 1px solid #dee2e6; - color: #495057; - background: #f8f9fa; - font-weight: 600; - border-radius: 3px; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { - padding: 0; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { - padding: 1rem; - color: #495057; - border-radius: 3px; - transition: box-shadow 0.2s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { - margin-right: 0.5rem; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: #e9ecef; - border-color: #dee2e6; - color: #495057; -} -.p-fieldset .p-fieldset-content { - padding: 1rem; -} - -.p-panel .p-panel-header { - border: 1px solid #dee2e6; - padding: 1rem; - background: #f8f9fa; - color: #495057; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-panel .p-panel-header .p-panel-title { - font-weight: 600; -} -.p-panel .p-panel-header .p-panel-header-icon { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { - color: #495057; - border-color: transparent; - background: #e9ecef; -} -.p-panel .p-panel-header .p-panel-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; -} -.p-panel.p-panel-toggleable .p-panel-header { - padding: 0.5rem 1rem; -} -.p-panel .p-panel-content { - padding: 1rem; - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - border-top: 0 none; -} -.p-panel .p-panel-footer { - padding: 0.5rem 1rem; - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - border-top: 0 none; -} - -.p-scrollpanel .p-scrollpanel-bar { - background: #f8f9fa; - border: 0 none; -} - -.p-splitter { - border: 1px solid #dee2e6; - background: #ffffff; - border-radius: 3px; - color: #495057; -} -.p-splitter .p-splitter-gutter { - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - background: #f8f9fa; -} -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: #dee2e6; -} -.p-splitter .p-splitter-gutter-resizing { - background: #dee2e6; -} - -.p-tabview .p-tabview-nav { - background: #ffffff; - border: 1px solid #dee2e6; - border-width: 0 0 2px 0; -} -.p-tabview .p-tabview-nav li { - margin-right: 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #dee2e6; - border-width: 0 0 2px 0; - border-color: transparent transparent #dee2e6 transparent; - background: #ffffff; - color: #6c757d; - padding: 1rem; - font-weight: 600; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #ffe69c; -} -.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #ffffff; - border-color: #6c757d; - color: #6c757d; -} -.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #ffffff; - border-color: #FFC107; - color: #FFC107; -} -.p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; -} -.p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-close { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-nav-btn.p-link { - background: #ffffff; - color: #FFC107; - width: 2.357rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; -} -.p-tabview .p-tabview-nav-btn.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #ffe69c; -} -.p-tabview .p-tabview-panels { - background: #ffffff; - padding: 1rem; - border: 0 none; - color: #495057; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-toolbar { - background: #f8f9fa; - border: 1px solid #dee2e6; - padding: 1rem; - border-radius: 3px; -} -.p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; -} - -.p-confirm-popup { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 3px; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-confirm-popup .p-confirm-popup-content { - padding: 1rem; -} -.p-confirm-popup .p-confirm-popup-footer { - text-align: right; - padding: 0.5rem 1rem; -} -.p-confirm-popup .p-confirm-popup-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-confirm-popup .p-confirm-popup-footer button:last-child { - margin: 0; -} -.p-confirm-popup:after { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-confirm-popup:before { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-confirm-popup.p-confirm-popup-flipped:after { - border-top-color: #ffffff; -} -.p-confirm-popup.p-confirm-popup-flipped:before { - border-top-color: #ffffff; -} -.p-confirm-popup .p-confirm-popup-icon { - font-size: 1.5rem; -} -.p-confirm-popup .p-confirm-popup-message { - margin-left: 1rem; -} - -.p-dialog { - border-radius: 3px; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); - border: 0 none; -} -.p-dialog .p-dialog-header { - border-bottom: 0 none; - background: #ffffff; - color: #495057; - padding: 1.5rem; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-dialog .p-dialog-header .p-dialog-title { - font-weight: 600; - font-size: 1.25rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { - color: #495057; - border-color: transparent; - background: #e9ecef; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { - margin-right: 0; -} -.p-dialog .p-dialog-content { - background: #ffffff; - color: #495057; - padding: 0 1.5rem 2rem 1.5rem; -} -.p-dialog .p-dialog-footer { - border-top: 0 none; - background: #ffffff; - color: #495057; - padding: 0 1.5rem 1.5rem 1.5rem; - text-align: right; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-dialog .p-dialog-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { - font-size: 2rem; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; -} - -.p-overlaypanel { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 3px; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-overlaypanel .p-overlaypanel-content { - padding: 1rem; -} -.p-overlaypanel .p-overlaypanel-close { - background: #FFC107; - color: #212529; - width: 2rem; - height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; - position: absolute; - top: -1rem; - right: -1rem; -} -.p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #ecb100; - color: #212529; -} -.p-overlaypanel:after { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-overlaypanel:before { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-overlaypanel.p-overlaypanel-flipped:after { - border-top-color: #ffffff; -} -.p-overlaypanel.p-overlaypanel-flipped:before { - border-top-color: #ffffff; -} - -.p-sidebar { - background: #ffffff; - color: #495057; - border: 0 none; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-sidebar .p-sidebar-header { - padding: 1rem; -} -.p-sidebar .p-sidebar-header .p-sidebar-close, -.p-sidebar .p-sidebar-header .p-sidebar-icon { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, -.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { - color: #495057; - border-color: transparent; - background: #e9ecef; -} -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; -} -.p-sidebar .p-sidebar-header + .p-sidebar-content { - padding-top: 0; -} -.p-sidebar .p-sidebar-content { - padding: 1rem; -} - -.p-tooltip .p-tooltip-text { - background: #495057; - color: #ffffff; - padding: 0.5rem 0.5rem; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; -} -.p-tooltip.p-tooltip-right .p-tooltip-arrow { - border-right-color: #495057; -} -.p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #495057; -} -.p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #495057; -} -.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #495057; -} - -.p-fileupload .p-fileupload-buttonbar { - background: #f8f9fa; - padding: 1rem; - border: 1px solid #dee2e6; - color: #495057; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; -} -.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; -} -.p-fileupload .p-fileupload-content { - background: #ffffff; - padding: 2rem 1rem; - border: 1px solid #dee2e6; - color: #495057; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-fileupload .p-progressbar { - height: 0.25rem; -} -.p-fileupload .p-fileupload-row > div { - padding: 1rem 1rem; -} -.p-fileupload.p-fileupload-advanced .p-message { - margin-top: 0; -} - -.p-fileupload-choose:not(.p-disabled):hover { - background: #ecb100; - color: #212529; - border-color: #ecb100; -} -.p-fileupload-choose:not(.p-disabled):active { - background: #d29d00; - color: #212529; - border-color: #d29d00; -} - -.p-breadcrumb { - background: #ffffff; - border: 1px solid #dee2e6; - border-radius: 3px; - padding: 1rem; -} -.p-breadcrumb ul li .p-menuitem-link { - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-breadcrumb ul li .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { - color: #6c757d; -} -.p-breadcrumb ul li.p-breadcrumb-chevron { - margin: 0 0.5rem 0 0.5rem; - color: #495057; -} -.p-breadcrumb ul li:last-child .p-menuitem-text { - color: #495057; -} -.p-breadcrumb ul li:last-child .p-menuitem-icon { - color: #6c757d; -} - -.p-contextmenu { - padding: 0.25rem 0; - background: #ffffff; - color: #495057; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; - width: 12.5rem; -} -.p-contextmenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-contextmenu .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-contextmenu .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-contextmenu .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe69c; -} -.p-contextmenu .p-submenu-list { - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; -} -.p-contextmenu .p-menuitem { - margin: 0; -} -.p-contextmenu .p-menuitem:last-child { - margin: 0; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #e9ecef; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-contextmenu .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} -.p-contextmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-dock .p-dock-list { - background: rgba(255, 255, 255, 0.1); - border: 1px solid rgba(255, 255, 255, 0.2); - padding: 0.5rem 0.5rem; - border-radius: 0.5rem; -} -.p-dock .p-dock-item { - padding: 0.5rem; -} -.p-dock .p-dock-action { - width: 4rem; - height: 4rem; -} -.p-dock.p-dock-top .p-dock-item-second-prev, -.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, -.p-dock.p-dock-bottom .p-dock-item-second-next { - margin: 0 0.9rem; -} -.p-dock.p-dock-top .p-dock-item-prev, -.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, -.p-dock.p-dock-bottom .p-dock-item-next { - margin: 0 1.3rem; -} -.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { - margin: 0 1.5rem; -} -.p-dock.p-dock-left .p-dock-item-second-prev, -.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, -.p-dock.p-dock-right .p-dock-item-second-next { - margin: 0.9rem 0; -} -.p-dock.p-dock-left .p-dock-item-prev, -.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, -.p-dock.p-dock-right .p-dock-item-next { - margin: 1.3rem 0; -} -.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { - margin: 1.5rem 0; -} - -@media screen and (max-width: 960px) { - .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { - margin: auto 0; - } - .p-dock .p-dock-list .p-dock-item { - transform: none; - margin: 0; - } -} -.p-megamenu { - padding: 0.5rem; - background: #f8f9fa; - color: #495057; - border: 1px solid #dee2e6; - border-radius: 3px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; - color: #495057; - border-radius: 3px; - transition: box-shadow 0.2s; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: #6c757d; - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe69c; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-megamenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-megamenu .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-megamenu .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-megamenu .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe69c; -} -.p-megamenu .p-megamenu-panel { - background: #ffffff; - color: #495057; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-megamenu .p-megamenu-submenu-header { - margin: 0; - padding: 0.75rem 1rem; - color: #495057; - background: #ffffff; - font-weight: 600; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-megamenu .p-megamenu-submenu { - padding: 0.25rem 0; - width: 12.5rem; -} -.p-megamenu .p-megamenu-submenu .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem { - margin: 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { - margin: 0; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #e9ecef; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.25rem 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem { - margin: 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { - margin: 0; -} - -.p-menu { - padding: 0.25rem 0; - background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; - border-radius: 3px; - width: 12.5rem; -} -.p-menu .p-menuitem-link { - padding: 0.75rem 1rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menu .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-menu .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-menu .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-menu .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe69c; -} -.p-menu.p-menu-overlay { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-menu .p-submenu-header { - margin: 0; - padding: 0.75rem 1rem; - color: #495057; - background: #ffffff; - font-weight: 600; - border-top-right-radius: 0; - border-top-left-radius: 0; -} -.p-menu .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} -.p-menu .p-menuitem { - margin: 0; -} -.p-menu .p-menuitem:last-child { - margin: 0; -} - -.p-menubar { - padding: 0.5rem; - background: #f8f9fa; - color: #495057; - border: 1px solid #dee2e6; - border-radius: 3px; -} -.p-menubar .p-menuitem-link { - padding: 0.75rem 1rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menubar .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-menubar .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-menubar .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe69c; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; - color: #495057; - border-radius: 3px; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: #6c757d; - margin-left: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe69c; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-menubar .p-submenu-list { - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - width: 12.5rem; -} -.p-menubar .p-submenu-list .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} -.p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; -} -.p-menubar .p-submenu-list .p-menuitem { - margin: 0; -} -.p-menubar .p-submenu-list .p-menuitem:last-child { - margin: 0; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #e9ecef; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} - -@media screen and (max-width: 960px) { - .p-menubar { - position: relative; - } - .p-menubar .p-menubar-button { - display: flex; - width: 2rem; - height: 2rem; - color: #6c757d; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-menubar .p-menubar-button:hover { - color: #6c757d; - background: #e9ecef; - } - .p-menubar .p-menubar-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; - } - .p-menubar .p-menubar-root-list { - position: absolute; - display: none; - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - width: 100%; - } - .p-menubar .p-menubar-root-list .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; - } - .p-menubar .p-menubar-root-list .p-submenu-icon { - font-size: 0.875rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: #495057; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: #6c757d; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe69c; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - transition: transform 0.2s; - } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-180deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list { - width: 100%; - position: static; - box-shadow: none; - border: 0 none; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { - transition: transform 0.2s; - transform: rotate(90deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-90deg); - } - .p-menubar .p-menubar-root-list .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list ul li a { - padding-left: 2.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li a { - padding-left: 3.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li a { - padding-left: 5.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { - padding-left: 6.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { - padding-left: 8.25rem; - } - .p-menubar.p-menubar-mobile-active .p-menubar-root-list { - display: flex; - flex-direction: column; - top: 100%; - left: 0; - z-index: 1; - } -} -.p-panelmenu .p-panelmenu-header > a { - padding: 1rem; - border: 1px solid #dee2e6; - color: #495057; - background: #f8f9fa; - font-weight: 600; - border-radius: 3px; - transition: box-shadow 0.2s; -} -.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; -} -.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { - background: #e9ecef; - border-color: #dee2e6; - color: #495057; -} -.p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight > a { - background: #f8f9fa; - border-color: #dee2e6; - color: #495057; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { - border-color: #dee2e6; - background: #e9ecef; - color: #495057; -} -.p-panelmenu .p-panelmenu-content { - padding: 0.25rem 0; - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - margin-bottom: 0; - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe69c; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { - padding: 0 0 0 1rem; -} -.p-panelmenu .p-panelmenu-panel { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { - border-radius: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-content { - border-radius: 0; -} -.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { - border-top: 0 none; -} -.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { - border-top: 0 none; -} -.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-slidemenu { - padding: 0.25rem 0; - background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; - border-radius: 3px; - width: 12.5rem; -} -.p-slidemenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-slidemenu .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-slidemenu .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-slidemenu .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe69c; -} -.p-slidemenu.p-slidemenu-overlay { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-slidemenu .p-slidemenu-list { - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { - background: #e9ecef; -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { - color: #495057; -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { - color: #6c757d; -} -.p-slidemenu .p-slidemenu-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} -.p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; -} -.p-slidemenu .p-slidemenu-backward { - padding: 0.75rem 1rem; - color: #495057; -} - -.p-steps .p-steps-item .p-menuitem-link { - background: transparent; - transition: box-shadow 0.2s; - border-radius: 3px; - background: #ffffff; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-number { - color: #495057; - border: 1px solid #e9ecef; - background: #ffffff; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - z-index: 1; - border-radius: 50%; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-title { - margin-top: 0.5rem; - color: #6c757d; -} -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; -} -.p-steps .p-steps-item.p-highlight .p-steps-number { - background: #FFF3E0; - color: #495057; -} -.p-steps .p-steps-item.p-highlight .p-steps-title { - font-weight: 600; - color: #495057; -} -.p-steps .p-steps-item:before { - content: " "; - border-top: 1px solid #dee2e6; - width: 100%; - top: 50%; - left: 0; - display: block; - position: absolute; - margin-top: -1rem; -} - -.p-tabmenu .p-tabmenu-nav { - background: #ffffff; - border: 1px solid #dee2e6; - border-width: 0 0 2px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { - margin-right: 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { - border: solid #dee2e6; - border-width: 0 0 2px 0; - border-color: transparent transparent #dee2e6 transparent; - background: #ffffff; - color: #6c757d; - padding: 1rem; - font-weight: 600; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #ffe69c; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: #ffffff; - border-color: #6c757d; - color: #6c757d; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #ffffff; - border-color: #FFC107; - color: #FFC107; -} - -.p-tieredmenu { - padding: 0.25rem 0; - background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; - border-radius: 3px; - width: 12.5rem; -} -.p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-tieredmenu .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-tieredmenu .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-tieredmenu .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe69c; -} -.p-tieredmenu.p-tieredmenu-overlay { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-tieredmenu .p-menuitem { - margin: 0; -} -.p-tieredmenu .p-menuitem:last-child { - margin: 0; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #e9ecef; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-tieredmenu .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} -.p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-inline-message { - padding: 0.5rem 0.5rem; - margin: 0; - border-radius: 3px; -} -.p-inline-message.p-inline-message-info { - background: #B3E5FC; - border: solid #0891cf; - border-width: 0px; - color: #044868; -} -.p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #044868; -} -.p-inline-message.p-inline-message-success { - background: #C8E6C9; - border: solid #439446; - border-width: 0px; - color: #224a23; -} -.p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #224a23; -} -.p-inline-message.p-inline-message-warn { - background: #FFECB3; - border: solid #d9a300; - border-width: 0px; - color: #6d5100; -} -.p-inline-message.p-inline-message-warn .p-inline-message-icon { - color: #6d5100; -} -.p-inline-message.p-inline-message-error { - background: #FFCDD2; - border: solid #e60017; - border-width: 0px; - color: #73000c; -} -.p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #73000c; -} -.p-inline-message .p-inline-message-icon { - font-size: 1rem; - margin-right: 0.5rem; -} -.p-inline-message .p-inline-message-text { - font-size: 1rem; -} -.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { - margin-right: 0; -} - -.p-message { - margin: 1rem 0; - border-radius: 3px; -} -.p-message .p-message-wrapper { - padding: 1rem 1.5rem; -} -.p-message .p-message-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-message .p-message-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; -} -.p-message.p-message-info { - background: #B3E5FC; - border: solid #0891cf; - border-width: 0 0 0 6px; - color: #044868; -} -.p-message.p-message-info .p-message-icon { - color: #044868; -} -.p-message.p-message-info .p-message-close { - color: #044868; -} -.p-message.p-message-success { - background: #C8E6C9; - border: solid #439446; - border-width: 0 0 0 6px; - color: #224a23; -} -.p-message.p-message-success .p-message-icon { - color: #224a23; -} -.p-message.p-message-success .p-message-close { - color: #224a23; -} -.p-message.p-message-warn { - background: #FFECB3; - border: solid #d9a300; - border-width: 0 0 0 6px; - color: #6d5100; -} -.p-message.p-message-warn .p-message-icon { - color: #6d5100; -} -.p-message.p-message-warn .p-message-close { - color: #6d5100; -} -.p-message.p-message-error { - background: #FFCDD2; - border: solid #e60017; - border-width: 0 0 0 6px; - color: #73000c; -} -.p-message.p-message-error .p-message-icon { - color: #73000c; -} -.p-message.p-message-error .p-message-close { - color: #73000c; -} -.p-message .p-message-text { - font-size: 1rem; - font-weight: 500; -} -.p-message .p-message-icon { - font-size: 1.5rem; - margin-right: 0.5rem; -} -.p-message .p-message-summary { - font-weight: 700; -} -.p-message .p-message-detail { - margin-left: 0.5rem; -} - -.p-toast { - opacity: 0.9; -} -.p-toast .p-toast-message { - margin: 0 0 1rem 0; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; -} -.p-toast .p-toast-message .p-toast-message-content { - padding: 1rem; - border-width: 0 0 0 6px; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { - margin: 0 0 0 1rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { - font-size: 2rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { - font-weight: 700; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { - margin: 0.5rem 0 0 0; -} -.p-toast .p-toast-message .p-toast-icon-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-toast .p-toast-message .p-toast-icon-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; -} -.p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; - border: solid #0891cf; - border-width: 0 0 0 6px; - color: #044868; -} -.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { - color: #044868; -} -.p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; - border: solid #439446; - border-width: 0 0 0 6px; - color: #224a23; -} -.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { - color: #224a23; -} -.p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; - border: solid #d9a300; - border-width: 0 0 0 6px; - color: #6d5100; -} -.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { - color: #6d5100; -} -.p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; - border: solid #e60017; - border-width: 0 0 0 6px; - color: #73000c; -} -.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { - color: #73000c; -} - -.p-galleria .p-galleria-close { - margin: 0.5rem; - background: transparent; - color: #f8f9fa; - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-close .p-galleria-close-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-close:hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-item-nav { - background: transparent; - color: #f8f9fa; - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 3px; - margin: 0 0.5rem; -} -.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, -.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-caption { - background: rgba(0, 0, 0, 0.5); - color: #f8f9fa; - padding: 1rem; -} -.p-galleria .p-galleria-indicators { - padding: 1rem; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #e9ecef; - width: 1rem; - height: 1rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { - background: #dee2e6; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #FFF3E0; - color: #495057; -} -.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { - margin-right: 0.5rem; -} -.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { - margin-bottom: 0.5rem; -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { - background: rgba(0, 0, 0, 0.5); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { - background: rgba(255, 255, 255, 0.4); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { - background: rgba(255, 255, 255, 0.6); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #FFF3E0; - color: #495057; -} -.p-galleria .p-galleria-thumbnail-container { - background: rgba(0, 0, 0, 0.9); - padding: 1rem 0.25rem; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { - margin: 0.5rem; - background-color: transparent; - color: #f8f9fa; - width: 2rem; - height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; -} - -.p-galleria-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-preview-indicator { - background-color: transparent; - color: #f8f9fa; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} - -.p-image-preview-container:hover > .p-image-preview-indicator { - background-color: rgba(0, 0, 0, 0.5); -} - -.p-image-toolbar { - padding: 1rem; -} - -.p-image-action.p-link { - color: #f8f9fa; - background-color: transparent; - width: 3rem; - height: 3rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-image-action.p-link:last-child { - margin-right: 0; -} -.p-image-action.p-link:hover { - color: #f8f9fa; - background-color: rgba(255, 255, 255, 0.1); -} -.p-image-action.p-link i { - font-size: 1.5rem; -} - -.p-avatar { - background-color: #dee2e6; - border-radius: 3px; -} -.p-avatar.p-avatar-lg { - width: 3rem; - height: 3rem; - font-size: 1.5rem; -} -.p-avatar.p-avatar-lg .p-avatar-icon { - font-size: 1.5rem; -} -.p-avatar.p-avatar-xl { - width: 4rem; - height: 4rem; - font-size: 2rem; -} -.p-avatar.p-avatar-xl .p-avatar-icon { - font-size: 2rem; -} - -.p-avatar-group .p-avatar { - border: 2px solid #ffffff; -} - -.p-badge { - background: #FFC107; - color: #212529; - font-size: 0.75rem; - font-weight: 700; - min-width: 1.5rem; - height: 1.5rem; - line-height: 1.5rem; -} -.p-badge.p-badge-secondary { - background-color: #607D8B; - color: #ffffff; -} -.p-badge.p-badge-success { - background-color: #689F38; - color: #ffffff; -} -.p-badge.p-badge-info { - background-color: #0288D1; - color: #ffffff; -} -.p-badge.p-badge-warning { - background-color: #FBC02D; - color: #212529; -} -.p-badge.p-badge-danger { - background-color: #D32F2F; - color: #ffffff; -} -.p-badge.p-badge-lg { - font-size: 1.125rem; - min-width: 2.25rem; - height: 2.25rem; - line-height: 2.25rem; -} -.p-badge.p-badge-xl { - font-size: 1.5rem; - min-width: 3rem; - height: 3rem; - line-height: 3rem; -} - -.p-chip { - background-color: #dee2e6; - color: #495057; - border-radius: 16px; - padding: 0 0.5rem; -} -.p-chip .p-chip-text { - line-height: 1.5; - margin-top: 0.25rem; - margin-bottom: 0.25rem; -} -.p-chip .p-chip-icon { - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - margin-left: 0.5rem; -} -.p-chip img { - width: 2rem; - height: 2rem; - margin-left: -0.5rem; - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - border-radius: 3px; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; -} - -.p-inplace .p-inplace-display { - padding: 0.5rem 0.5rem; - border-radius: 3px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-inplace .p-inplace-display:not(.p-disabled):hover { - background: #e9ecef; - color: #495057; -} -.p-inplace .p-inplace-display:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; -} - -.p-progressbar { - border: 0 none; - height: 1.5rem; - background: #dee2e6; - border-radius: 3px; -} -.p-progressbar .p-progressbar-value { - border: 0 none; - margin: 0; - background: #FFC107; -} -.p-progressbar .p-progressbar-label { - color: #212529; - line-height: 1.5rem; -} - -.p-scrolltop { - width: 3rem; - height: 3rem; - border-radius: 50%; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-scrolltop.p-link { - background: rgba(0, 0, 0, 0.7); -} -.p-scrolltop.p-link:hover { - background: rgba(0, 0, 0, 0.8); -} -.p-scrolltop .p-scrolltop-icon { - font-size: 1.5rem; - color: #f8f9fa; -} - -.p-skeleton { - background-color: #e9ecef; - border-radius: 3px; -} -.p-skeleton:after { - background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); -} - -.p-tag { - background: #FFC107; - color: #212529; - font-size: 0.75rem; - font-weight: 700; - padding: 0.25rem 0.4rem; - border-radius: 3px; -} -.p-tag.p-tag-success { - background-color: #689F38; - color: #ffffff; -} -.p-tag.p-tag-info { - background-color: #0288D1; - color: #ffffff; -} -.p-tag.p-tag-warning { - background-color: #FBC02D; - color: #212529; -} -.p-tag.p-tag-danger { - background-color: #D32F2F; - color: #ffffff; -} -.p-tag .p-tag-icon { - margin-right: 0.25rem; - font-size: 0.75rem; -} - -.p-terminal { - background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; - padding: 1rem; -} -.p-terminal .p-terminal-input { - font-size: 1rem; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; -} - -/* Customizations to the designer theme should be defined here */ -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #FFC107; -} - -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #FFC107; -} diff --git a/src/assets/theme/saga-purple/theme.css b/src/assets/theme/saga-purple/theme.css deleted file mode 100644 index c2060a3..0000000 --- a/src/assets/theme/saga-purple/theme.css +++ /dev/null @@ -1,5680 +0,0 @@ -:root { - --surface-a:#ffffff; - --surface-b:#f8f9fa; - --surface-c:#e9ecef; - --surface-d:#dee2e6; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#495057; - --text-color-secondary:#6c757d; - --primary-color:#9C27B0; - --primary-color-text:#ffffff; - --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; - --surface-0: #ffffff; - --surface-50: #FAFAFA; - --surface-100: #F5F5F5; - --surface-200: #EEEEEE; - --surface-300: #E0E0E0; - --surface-400: #BDBDBD; - --surface-500: #9E9E9E; - --surface-600: #757575; - --surface-700: #616161; - --surface-800: #424242; - --surface-900: #212121; - --gray-50: #FAFAFA; - --gray-100: #F5F5F5; - --gray-200: #EEEEEE; - --gray-300: #E0E0E0; - --gray-400: #BDBDBD; - --gray-500: #9E9E9E; - --gray-600: #757575; - --gray-700: #616161; - --gray-800: #424242; - --gray-900: #212121; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:3px; - --surface-ground:#f8f9fa; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#dee2e6; - --surface-hover: #e9ecef; - --maskbg: rgba(0, 0, 0, 0.4); - --focus-ring: 0 0 0 0.2rem #df9eea; -} - -* { - box-sizing: border-box; -} - -.p-component { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - font-weight: normal; -} - -.p-component-overlay { - background-color: rgba(0, 0, 0, 0.4); - transition-duration: 0.2s; -} - -.p-disabled, .p-component:disabled { - opacity: 0.6; -} - -.p-error { - color: #f44336; -} - -.p-text-secondary { - color: #6c757d; -} - -.pi { - font-size: 1rem; -} - -.p-link { - font-size: 1rem; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - border-radius: 3px; -} -.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; -} - -.p-component-overlay-enter { - animation: p-component-overlay-enter-animation 150ms forwards; -} - -.p-component-overlay-leave { - animation: p-component-overlay-leave-animation 150ms forwards; -} - -@keyframes p-component-overlay-enter-animation { - from { - background-color: transparent; - } - to { - background-color: var(--maskbg); - } -} -@keyframes p-component-overlay-leave-animation { - from { - background-color: var(--maskbg); - } - to { - background-color: transparent; - } -} - -:root { - --blue-50:#f4fafe; - --blue-100:#cae6fc; - --blue-200:#a0d2fa; - --blue-300:#75bef8; - --blue-400:#4baaf5; - --blue-500:#2196f3; - --blue-600:#1c80cf; - --blue-700:#1769aa; - --blue-800:#125386; - --blue-900:#0d3c61; - --green-50:#f6fbf6; - --green-100:#d4ecd5; - --green-200:#b2ddb4; - --green-300:#90cd93; - --green-400:#6ebe71; - --green-500:#4caf50; - --green-600:#419544; - --green-700:#357b38; - --green-800:#2a602c; - --green-900:#1e4620; - --yellow-50:#fffcf5; - --yellow-100:#fef0cd; - --yellow-200:#fde4a5; - --yellow-300:#fdd87d; - --yellow-400:#fccc55; - --yellow-500:#fbc02d; - --yellow-600:#d5a326; - --yellow-700:#b08620; - --yellow-800:#8a6a19; - --yellow-900:#644d12; - --cyan-50:#f2fcfd; - --cyan-100:#c2eff5; - --cyan-200:#91e2ed; - --cyan-300:#61d5e4; - --cyan-400:#30c9dc; - --cyan-500:#00bcd4; - --cyan-600:#00a0b4; - --cyan-700:#008494; - --cyan-800:#006775; - --cyan-900:#004b55; - --pink-50:#fef4f7; - --pink-100:#fac9da; - --pink-200:#f69ebc; - --pink-300:#f1749e; - --pink-400:#ed4981; - --pink-500:#e91e63; - --pink-600:#c61a54; - --pink-700:#a31545; - --pink-800:#801136; - --pink-900:#5d0c28; - --indigo-50:#f5f6fb; - --indigo-100:#d1d5ed; - --indigo-200:#acb4df; - --indigo-300:#8893d1; - --indigo-400:#6372c3; - --indigo-500:#3f51b5; - --indigo-600:#36459a; - --indigo-700:#2c397f; - --indigo-800:#232d64; - --indigo-900:#192048; - --teal-50:#f2faf9; - --teal-100:#c2e6e2; - --teal-200:#91d2cc; - --teal-300:#61beb5; - --teal-400:#30aa9f; - --teal-500:#009688; - --teal-600:#008074; - --teal-700:#00695f; - --teal-800:#00534b; - --teal-900:#003c36; - --orange-50:#fff8f2; - --orange-100:#fde0c2; - --orange-200:#fbc791; - --orange-300:#f9ae61; - --orange-400:#f79530; - --orange-500:#f57c00; - --orange-600:#d06900; - --orange-700:#ac5700; - --orange-800:#874400; - --orange-900:#623200; - --bluegray-50:#f7f9f9; - --bluegray-100:#d9e0e3; - --bluegray-200:#bbc7cd; - --bluegray-300:#9caeb7; - --bluegray-400:#7e96a1; - --bluegray-500:#607d8b; - --bluegray-600:#526a76; - --bluegray-700:#435861; - --bluegray-800:#35454c; - --bluegray-900:#263238; - --purple-50:#faf4fb; - --purple-100:#e7cbec; - --purple-200:#d4a2dd; - --purple-300:#c279ce; - --purple-400:#af50bf; - --purple-500:#9c27b0; - --purple-600:#852196; - --purple-700:#6d1b7b; - --purple-800:#561561; - --purple-900:#3e1046; -} - -.p-autocomplete .p-autocomplete-loader { - right: 0.5rem; -} -.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 2.857rem; -} -.p-autocomplete .p-autocomplete-multiple-container { - padding: 0.25rem 0.5rem; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: #9C27B0; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; - border-color: #9C27B0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { - padding: 0.25rem 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - color: #495057; - padding: 0; - margin: 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { - padding: 0.25rem 0.5rem; - margin-right: 0.5rem; - background: #F3E5F5; - color: #495057; - border-radius: 3px; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; -} - -p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #f44336; -} - -.p-autocomplete-panel { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-autocomplete-panel .p-autocomplete-items:not(.p-autocomplete-virtualscroll) { - padding: 0.5rem 0; -} -.p-autocomplete-panel .p-autocomplete-items.p-autocomplete-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.5rem 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: #495057; - background: #e9ecef; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: #495057; - background: #F3E5F5; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.5rem 1rem; - color: #495057; - background: transparent; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: #495057; - background: #ffffff; - font-weight: 600; -} - -p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { - border-color: #f44336; -} - -.p-datepicker { - padding: 0.5rem; - background: #ffffff; - color: #495057; - border: 1px solid #ced4da; - border-radius: 3px; -} -.p-datepicker:not(.p-datepicker-inline) { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { - background: #ffffff; -} -.p-datepicker .p-datepicker-header { - padding: 0.5rem; - color: #495057; - background: #ffffff; - font-weight: 600; - margin: 0; - border-bottom: 1px solid #dee2e6; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev, -.p-datepicker .p-datepicker-header .p-datepicker-next { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { - color: #495057; - border-color: transparent; - background: #e9ecef; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; -} -.p-datepicker .p-datepicker-header .p-datepicker-title { - line-height: 2rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - color: #495057; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - font-weight: 600; - padding: 0.5rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #9C27B0; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - margin-right: 0.5rem; -} -.p-datepicker table { - font-size: 1rem; - margin: 0.5rem 0; -} -.p-datepicker table th { - padding: 0.5rem; -} -.p-datepicker table th > span { - width: 2.5rem; - height: 2.5rem; -} -.p-datepicker table td { - padding: 0.5rem; -} -.p-datepicker table td > span { - width: 2.5rem; - height: 2.5rem; - border-radius: 50%; - transition: box-shadow 0.2s; - border: 1px solid transparent; -} -.p-datepicker table td > span.p-highlight { - color: #495057; - background: #F3E5F5; -} -.p-datepicker table td > span:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; -} -.p-datepicker table td.p-datepicker-today > span { - background: #ced4da; - color: #495057; - border-color: transparent; -} -.p-datepicker table td.p-datepicker-today > span.p-highlight { - color: #495057; - background: #F3E5F5; -} -.p-datepicker .p-datepicker-buttonbar { - padding: 1rem 0; - border-top: 1px solid #dee2e6; -} -.p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; -} -.p-datepicker .p-timepicker { - border-top: 1px solid #dee2e6; - padding: 0.5rem; -} -.p-datepicker .p-timepicker button { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-timepicker button:enabled:hover { - color: #495057; - border-color: transparent; - background: #e9ecef; -} -.p-datepicker .p-timepicker button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; -} -.p-datepicker .p-timepicker button:last-child { - margin-top: 0.2em; -} -.p-datepicker .p-timepicker span { - font-size: 1.25rem; -} -.p-datepicker .p-timepicker > div { - padding: 0 0.5rem; -} -.p-datepicker.p-datepicker-timeonly .p-timepicker { - border-top: 0 none; -} -.p-datepicker .p-monthpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-monthpicker .p-monthpicker-month { - padding: 0.5rem; - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: #495057; - background: #F3E5F5; -} -.p-datepicker .p-yearpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-yearpicker .p-yearpicker-year { - padding: 0.5rem; - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { - color: #495057; - background: #F3E5F5; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #dee2e6; - padding-right: 0.5rem; - padding-left: 0.5rem; - padding-top: 0; - padding-bottom: 0; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { - padding-left: 0; - border-left: 0 none; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { - padding-right: 0; -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { - background: #e9ecef; -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; -} - -@media screen and (max-width: 769px) { - .p-datepicker table th, .p-datepicker table td { - padding: 0; - } -} -.p-cascadeselect { - background: #ffffff; - border: 1px solid #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-cascadeselect:not(.p-disabled):hover { - border-color: #9C27B0; -} -.p-cascadeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; - border-color: #9C27B0; -} -.p-cascadeselect .p-cascadeselect-label { - background: transparent; - border: 0 none; - padding: 0.5rem 0.5rem; -} -.p-cascadeselect .p-cascadeselect-label.p-placeholder { - color: #6c757d; -} -.p-cascadeselect .p-cascadeselect-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-cascadeselect .p-cascadeselect-trigger { - background: transparent; - color: #6c757d; - width: 2.357rem; - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-cascadeselect-panel { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-cascadeselect-panel .p-cascadeselect-items { - padding: 0.5rem 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { - margin: 0; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.5rem 1rem; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #df9eea; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { - color: #495057; - background: #F3E5F5; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { - font-size: 0.875rem; -} - -p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #f44336; -} - -.p-input-filled .p-cascadeselect { - background: #f8f9fa; -} -.p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #f8f9fa; -} -.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #ffffff; -} - -.p-checkbox { - width: 20px; - height: 20px; -} -.p-checkbox .p-checkbox-box { - border: 2px solid #ced4da; - background: #ffffff; - width: 20px; - height: 20px; - color: #495057; - border-radius: 3px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-checkbox .p-checkbox-box .p-checkbox-icon { - transition-duration: 0.2s; - color: #ffffff; - font-size: 14px; -} -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #9C27B0; - background: #9C27B0; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #9C27B0; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; - border-color: #9C27B0; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #7d1f8d; - background: #7d1f8d; - color: #ffffff; -} - -p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #f44336; -} - -.p-input-filled .p-checkbox .p-checkbox-box { - background-color: #f8f9fa; -} -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #9C27B0; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #f8f9fa; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #7d1f8d; -} - -.p-checkbox-label { - margin-left: 0.5rem; -} - -.p-chips .p-chips-multiple-container { - padding: 0.25rem 0.5rem; -} -.p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: #9C27B0; -} -.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; - border-color: #9C27B0; -} -.p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.25rem 0.5rem; - margin-right: 0.5rem; - background: #F3E5F5; - color: #495057; - border-radius: 3px; -} -.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { - margin-left: 0.5rem; -} -.p-chips .p-chips-multiple-container .p-chips-input-token { - padding: 0.25rem 0; -} -.p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - color: #495057; - padding: 0; - margin: 0; -} - -p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { - border-color: #f44336; -} - -.p-colorpicker-preview, -.p-fluid .p-colorpicker-preview.p-inputtext { - width: 2rem; - height: 2rem; -} - -.p-colorpicker-panel { - background: #323232; - border: 1px solid #191919; -} -.p-colorpicker-panel .p-colorpicker-color-handle, -.p-colorpicker-panel .p-colorpicker-hue-handle { - border-color: #ffffff; -} - -.p-colorpicker-overlay-panel { - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} - -.p-dropdown { - background: #ffffff; - border: 1px solid #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-dropdown:not(.p-disabled):hover { - border-color: #9C27B0; -} -.p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; - border-color: #9C27B0; -} -.p-dropdown.p-dropdown-clearable .p-dropdown-label { - padding-right: 1.5rem; -} -.p-dropdown .p-dropdown-label { - background: transparent; - border: 0 none; -} -.p-dropdown .p-dropdown-label.p-placeholder { - color: #6c757d; -} -.p-dropdown .p-dropdown-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-dropdown .p-dropdown-trigger { - background: transparent; - color: #6c757d; - width: 2.357rem; - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} -.p-dropdown .p-dropdown-clear-icon { - color: #6c757d; - right: 2.357rem; -} - -.p-dropdown-panel { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-dropdown-panel .p-dropdown-header { - padding: 0.5rem 1rem; - border-bottom: 0 none; - color: #495057; - background: #f8f9fa; - margin: 0; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { - padding-right: 1.5rem; - margin-right: -1.5rem; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { - right: 0.5rem; - color: #6c757d; -} -.p-dropdown-panel .p-dropdown-items:not(.p-dropdown-virtualscroll) { - padding: 0.5rem 0; -} -.p-dropdown-panel .p-dropdown-items.p-dropdown-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.5rem 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: #495057; - background: #F3E5F5; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.5rem 1rem; - color: #495057; - background: transparent; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: #495057; - background: #ffffff; - font-weight: 600; -} - -p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #f44336; -} - -.p-input-filled .p-dropdown { - background: #f8f9fa; -} -.p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #f8f9fa; -} -.p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: #ffffff; -} - -.p-editor-container .p-editor-toolbar { - background: #f8f9fa; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #dee2e6; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: #6c757d; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: #6c757d; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: #6c757d; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; - padding: 0.5rem 0; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: #495057; - background: #e9ecef; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.5rem 1rem; -} -.p-editor-container .p-editor-content { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-editor-container .p-editor-content.ql-snow { - border: 1px solid #dee2e6; -} -.p-editor-container .p-editor-content .ql-editor { - background: #ffffff; - color: #495057; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: #495057; -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: #495057; -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: #495057; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #9C27B0; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #9C27B0; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #9C27B0; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #9C27B0; -} - -.p-inputgroup-addon { - background: #e9ecef; - color: #6c757d; - border-top: 1px solid #ced4da; - border-left: 1px solid #ced4da; - border-bottom: 1px solid #ced4da; - padding: 0.5rem 0.5rem; - min-width: 2.357rem; -} -.p-inputgroup-addon:last-child { - border-right: 1px solid #ced4da; -} - -.p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, -.p-inputgroup > .p-float-label > .p-component { - border-radius: 0; - margin: 0; -} -.p-inputgroup > .p-component + .p-inputgroup-addon, -.p-inputgroup > .p-element + .p-inputgroup-addon, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, -.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { - border-left: 0 none; -} -.p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, -.p-inputgroup > .p-float-label > .p-component:focus { - z-index: 1; -} -.p-inputgroup > .p-component:focus ~ label, -.p-inputgroup > .p-element:focus ~ label, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, -.p-inputgroup > .p-float-label > .p-component:focus ~ label { - z-index: 1; -} - -.p-inputgroup-addon:first-child, -.p-inputgroup button:first-child, -.p-inputgroup input:first-child, -.p-inputgroup > .p-inputwrapper:first-child > .p-component, -.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-inputgroup .p-float-label:first-child input { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-inputgroup-addon:last-child, -.p-inputgroup button:last-child, -.p-inputgroup input:last-child, -.p-inputgroup > .p-inputwrapper:last-child > .p-component, -.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-inputgroup .p-float-label:last-child input { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-fluid .p-inputgroup .p-button { - width: auto; -} -.p-fluid .p-inputgroup .p-button.p-button-icon-only { - width: 2.357rem; -} - -p-inputmask.ng-dirty.ng-invalid > .p-inputtext { - border-color: #f44336; -} - -p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { - border-color: #f44336; -} - -.p-inputswitch { - width: 3rem; - height: 1.75rem; -} -.p-inputswitch .p-inputswitch-slider { - background: #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 30px; -} -.p-inputswitch .p-inputswitch-slider:before { - background: #ffffff; - width: 1.25rem; - height: 1.25rem; - left: 0.25rem; - margin-top: -0.625rem; - border-radius: 50%; - transition-duration: 0.2s; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - transform: translateX(1.25rem); -} -.p-inputswitch.p-focus .p-inputswitch-slider { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; -} -.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #b6bfc8; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #9C27B0; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: #ffffff; -} -.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #8c239e; -} - -p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { - border-color: #f44336; -} - -.p-inputtext { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - color: #495057; - background: #ffffff; - padding: 0.5rem 0.5rem; - border: 1px solid #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - appearance: none; - border-radius: 3px; -} -.p-inputtext:enabled:hover { - border-color: #9C27B0; -} -.p-inputtext:enabled:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; - border-color: #9C27B0; -} -.p-inputtext.ng-dirty.ng-invalid { - border-color: #f44336; -} -.p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.4375rem; -} -.p-inputtext.p-inputtext-lg { - font-size: 1.25rem; - padding: 0.625rem 0.625rem; -} - -.p-float-label > label { - left: 0.5rem; - color: #6c757d; - transition-duration: 0.2s; -} - -.p-float-label > .ng-invalid.ng-dirty + label { - color: #f44336; -} - -.p-input-icon-left > i:first-of-type { - left: 0.5rem; - color: #6c757d; -} - -.p-input-icon-left > .p-inputtext { - padding-left: 2rem; -} - -.p-input-icon-left.p-float-label > label { - left: 2rem; -} - -.p-input-icon-right > i:last-of-type { - right: 0.5rem; - color: #6c757d; -} - -.p-input-icon-right > .p-inputtext { - padding-right: 2rem; -} - -::-webkit-input-placeholder { - color: #6c757d; -} - -:-moz-placeholder { - color: #6c757d; -} - -::-moz-placeholder { - color: #6c757d; -} - -:-ms-input-placeholder { - color: #6c757d; -} - -.p-input-filled .p-inputtext { - background-color: #f8f9fa; -} -.p-input-filled .p-inputtext:enabled:hover { - background-color: #f8f9fa; -} -.p-input-filled .p-inputtext:enabled:focus { - background-color: #ffffff; -} - -.p-inputtext-sm .p-inputtext { - font-size: 0.875rem; - padding: 0.4375rem 0.4375rem; -} - -.p-inputtext-lg .p-inputtext { - font-size: 1.25rem; - padding: 0.625rem 0.625rem; -} - -.p-listbox { - background: #ffffff; - color: #495057; - border: 1px solid #ced4da; - border-radius: 3px; -} -.p-listbox .p-listbox-header { - padding: 0.5rem 1rem; - border-bottom: 0 none; - color: #495057; - background: #f8f9fa; - margin: 0; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-listbox .p-listbox-header .p-listbox-filter { - padding-right: 1.5rem; -} -.p-listbox .p-listbox-header .p-listbox-filter-icon { - right: 0.5rem; - color: #6c757d; -} -.p-listbox .p-listbox-header .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list { - padding: 0.5rem 0; -} -.p-listbox .p-listbox-list .p-listbox-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: #495057; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: #495057; - background: #F3E5F5; -} -.p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #df9eea; -} -.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list .p-listbox-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: #495057; - background: #ffffff; - font-weight: 600; -} -.p-listbox .p-listbox-list .p-listbox-empty-message { - padding: 0.5rem 1rem; - color: #495057; - background: transparent; -} -.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; -} - -p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #f44336; -} - -.p-multiselect { - background: #ffffff; - border: 1px solid #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-multiselect:not(.p-disabled):hover { - border-color: #9C27B0; -} -.p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; - border-color: #9C27B0; -} -.p-multiselect .p-multiselect-label { - padding: 0.5rem 0.5rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-multiselect .p-multiselect-label.p-placeholder { - color: #6c757d; -} -.p-multiselect.p-multiselect-chip .p-multiselect-token { - padding: 0.25rem 0.5rem; - margin-right: 0.5rem; - background: #F3E5F5; - color: #495057; - border-radius: 3px; -} -.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { - margin-left: 0.5rem; -} -.p-multiselect .p-multiselect-trigger { - background: transparent; - color: #6c757d; - width: 2.357rem; - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { - padding: 0.25rem 0.5rem; -} - -.p-multiselect-panel { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-multiselect-panel .p-multiselect-header { - padding: 0.5rem 1rem; - border-bottom: 0 none; - color: #495057; - background: #f8f9fa; - margin: 0; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { - padding-right: 1.5rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { - right: 0.5rem; - color: #6c757d; -} -.p-multiselect-panel .p-multiselect-header .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close { - margin-left: 0.5rem; - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { - color: #495057; - border-color: transparent; - background: #e9ecef; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; -} -.p-multiselect-panel .p-multiselect-items:not(.p-multiselect-virtualscroll) { - padding: 0.5rem 0; -} -.p-multiselect-panel .p-multiselect-items.p-multiselect-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.5rem 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: #495057; - background: #F3E5F5; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #df9eea; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: #495057; - background: #ffffff; - font-weight: 600; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { - padding: 0.5rem 1rem; - color: #495057; - background: transparent; -} - -p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #f44336; -} - -.p-input-filled .p-multiselect { - background: #f8f9fa; -} -.p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #f8f9fa; -} -.p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #ffffff; -} - -p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #f44336; -} - -.p-password-panel { - padding: 1rem; - background: #ffffff; - color: #495057; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; -} -.p-password-panel .p-password-meter { - margin-bottom: 0.5rem; - background: #dee2e6; -} -.p-password-panel .p-password-meter .p-password-strength.weak { - background: #D32F2F; -} -.p-password-panel .p-password-meter .p-password-strength.medium { - background: #FBC02D; -} -.p-password-panel .p-password-meter .p-password-strength.strong { - background: #689F38; -} - -.p-radiobutton { - width: 20px; - height: 20px; -} -.p-radiobutton .p-radiobutton-box { - border: 2px solid #ced4da; - background: #ffffff; - width: 20px; - height: 20px; - color: #495057; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #9C27B0; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; - border-color: #9C27B0; -} -.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - width: 12px; - height: 12px; - transition-duration: 0.2s; - background-color: #ffffff; -} -.p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #9C27B0; - background: #9C27B0; -} -.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #7d1f8d; - background: #7d1f8d; - color: #ffffff; -} - -p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #f44336; -} - -.p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #f8f9fa; -} -.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #f8f9fa; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #9C27B0; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #7d1f8d; -} - -.p-radiobutton-label { - margin-left: 0.5rem; -} - -.p-rating .p-rating-icon { - color: #495057; - margin-left: 0.5rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - font-size: 1.143rem; -} -.p-rating .p-rating-icon.p-rating-cancel { - color: #e74c3c; -} -.p-rating .p-rating-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; -} -.p-rating .p-rating-icon:first-child { - margin-left: 0; -} -.p-rating .p-rating-icon.pi-star-fill { - color: #9C27B0; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { - color: #9C27B0; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - color: #c0392b; -} - -.p-selectbutton .p-button { - background: #ffffff; - border: 1px solid #ced4da; - color: #495057; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-selectbutton .p-button .p-button-icon-left, -.p-selectbutton .p-button .p-button-icon-right { - color: #6c757d; -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: #6c757d; -} -.p-selectbutton .p-button.p-highlight { - background: #9C27B0; - border-color: #9C27B0; - color: #ffffff; -} -.p-selectbutton .p-button.p-highlight .p-button-icon-left, -.p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: #ffffff; -} -.p-selectbutton .p-button.p-highlight:hover { - background: #8c239e; - border-color: #8c239e; - color: #ffffff; -} -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: #ffffff; -} - -p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #f44336; -} - -.p-slider { - background: #dee2e6; - border: 0 none; - border-radius: 3px; -} -.p-slider.p-slider-horizontal { - height: 0.286rem; -} -.p-slider.p-slider-horizontal .p-slider-handle { - margin-top: -0.5715rem; - margin-left: -0.5715rem; -} -.p-slider.p-slider-vertical { - width: 0.286rem; -} -.p-slider.p-slider-vertical .p-slider-handle { - margin-left: -0.5715rem; - margin-bottom: -0.5715rem; -} -.p-slider .p-slider-handle { - height: 1.143rem; - width: 1.143rem; - background: #ffffff; - border: 2px solid #9C27B0; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-slider .p-slider-handle:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; -} -.p-slider .p-slider-range { - background: #9C27B0; -} -.p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #9C27B0; - border-color: #9C27B0; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { - transition: width 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { - transition: height 0.2s; -} - -.p-togglebutton.p-button { - background: #ffffff; - border: 1px solid #ced4da; - color: #495057; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-togglebutton.p-button .p-button-icon-left, -.p-togglebutton.p-button .p-button-icon-right { - color: #6c757d; -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: #6c757d; -} -.p-togglebutton.p-button.p-highlight { - background: #9C27B0; - border-color: #9C27B0; - color: #ffffff; -} -.p-togglebutton.p-button.p-highlight .p-button-icon-left, -.p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: #ffffff; -} -.p-togglebutton.p-button.p-highlight:hover { - background: #8c239e; - border-color: #8c239e; - color: #ffffff; -} -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: #ffffff; -} - -p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #f44336; -} - -.p-treeselect { - background: #ffffff; - border: 1px solid #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-treeselect:not(.p-disabled):hover { - border-color: #9C27B0; -} -.p-treeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; - border-color: #9C27B0; -} -.p-treeselect .p-treeselect-label { - padding: 0.5rem 0.5rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-treeselect .p-treeselect-label.p-placeholder { - color: #6c757d; -} -.p-treeselect.p-treeselect-chip .p-treeselect-token { - padding: 0.25rem 0.5rem; - margin-right: 0.5rem; - background: #dee2e6; - color: #495057; - border-radius: 16px; -} -.p-treeselect .p-treeselect-trigger { - background: transparent; - color: #6c757d; - width: 2.357rem; - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -p-treeselect.ng-invalid.ng-dirty > .p-treeselect { - border-color: #f44336; -} - -.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { - padding: 0.25rem 0.5rem; -} - -.p-treeselect-panel { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { - border: 0 none; -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { - padding: 0.5rem 1rem; - color: #495057; - background: transparent; -} - -.p-input-filled .p-treeselect { - background: #f8f9fa; -} -.p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #f8f9fa; -} -.p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: #ffffff; -} - -.p-button { - color: #ffffff; - background: #9C27B0; - border: 1px solid #9C27B0; - padding: 0.5rem 1rem; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-button:enabled:hover { - background: #8c239e; - color: #ffffff; - border-color: #8c239e; -} -.p-button:enabled:active { - background: #7d1f8d; - color: #ffffff; - border-color: #7d1f8d; -} -.p-button.p-button-outlined { - background-color: transparent; - color: #9C27B0; - border: 1px solid; -} -.p-button.p-button-outlined:enabled:hover { - background: rgba(156, 39, 176, 0.04); - color: #9C27B0; - border: 1px solid; -} -.p-button.p-button-outlined:enabled:active { - background: rgba(156, 39, 176, 0.16); - color: #9C27B0; - border: 1px solid; -} -.p-button.p-button-outlined.p-button-plain { - color: #6c757d; - border-color: #6c757d; -} -.p-button.p-button-outlined.p-button-plain:enabled:hover { - background: #e9ecef; - color: #6c757d; -} -.p-button.p-button-outlined.p-button-plain:enabled:active { - background: #dee2e6; - color: #6c757d; -} -.p-button.p-button-text { - background-color: transparent; - color: #9C27B0; - border-color: transparent; -} -.p-button.p-button-text:enabled:hover { - background: rgba(156, 39, 176, 0.04); - color: #9C27B0; - border-color: transparent; -} -.p-button.p-button-text:enabled:active { - background: rgba(156, 39, 176, 0.16); - color: #9C27B0; - border-color: transparent; -} -.p-button.p-button-text.p-button-plain { - color: #6c757d; -} -.p-button.p-button-text.p-button-plain:enabled:hover { - background: #e9ecef; - color: #6c757d; -} -.p-button.p-button-text.p-button-plain:enabled:active { - background: #dee2e6; - color: #6c757d; -} -.p-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; -} -.p-button .p-button-icon-left { - margin-right: 0.5rem; -} -.p-button .p-button-icon-right { - margin-left: 0.5rem; -} -.p-button .p-button-icon-bottom { - margin-top: 0.5rem; -} -.p-button .p-button-icon-top { - margin-bottom: 0.5rem; -} -.p-button .p-badge { - margin-left: 0.5rem; - min-width: 1rem; - height: 1rem; - line-height: 1rem; - color: #9C27B0; - background-color: #ffffff; -} -.p-button.p-button-raised { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -} -.p-button.p-button-rounded { - border-radius: 2rem; -} -.p-button.p-button-icon-only { - width: 2.357rem; - padding: 0.5rem 0; -} -.p-button.p-button-icon-only .p-button-icon-left, -.p-button.p-button-icon-only .p-button-icon-right { - margin: 0; -} -.p-button.p-button-icon-only.p-button-rounded { - border-radius: 50%; - height: 2.357rem; -} -.p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.875rem; -} -.p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; -} -.p-button.p-button-lg { - font-size: 1.25rem; - padding: 0.625rem 1.25rem; -} -.p-button.p-button-lg .p-button-icon { - font-size: 1.25rem; -} -.p-button.p-button-loading-label-only .p-button-label { - margin-left: 0.5rem; -} -.p-button.p-button-loading-label-only .p-button-loading-icon { - margin-right: 0; -} - -.p-fluid .p-button { - width: 100%; -} -.p-fluid .p-button-icon-only { - width: 2.357rem; -} -.p-fluid .p-buttonset { - display: flex; -} -.p-fluid .p-buttonset .p-button { - flex: 1; -} - -.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { - color: #ffffff; - background: #607D8B; - border: 1px solid #607D8B; -} -.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { - background: #56717d; - color: #ffffff; - border-color: #56717d; -} -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #beccd2; -} -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: #4d646f; - color: #ffffff; - border-color: #4d646f; -} -.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { - background-color: transparent; - color: #607D8B; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { - background: rgba(96, 125, 139, 0.04); - color: #607D8B; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { - background: rgba(96, 125, 139, 0.16); - color: #607D8B; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { - background-color: transparent; - color: #607D8B; - border-color: transparent; -} -.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { - background: rgba(96, 125, 139, 0.04); - border-color: transparent; - color: #607D8B; -} -.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { - background: rgba(96, 125, 139, 0.16); - border-color: transparent; - color: #607D8B; -} - -.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { - color: #ffffff; - background: #0288D1; - border: 1px solid #0288D1; -} -.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { - background: #027abc; - color: #ffffff; - border-color: #027abc; -} -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #89d4fe; -} -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: #026da7; - color: #ffffff; - border-color: #026da7; -} -.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { - background-color: transparent; - color: #0288D1; - border: 1px solid; -} -.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { - background: rgba(2, 136, 209, 0.04); - color: #0288D1; - border: 1px solid; -} -.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { - background: rgba(2, 136, 209, 0.16); - color: #0288D1; - border: 1px solid; -} -.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { - background-color: transparent; - color: #0288D1; - border-color: transparent; -} -.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { - background: rgba(2, 136, 209, 0.04); - border-color: transparent; - color: #0288D1; -} -.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { - background: rgba(2, 136, 209, 0.16); - border-color: transparent; - color: #0288D1; -} - -.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { - color: #ffffff; - background: #689F38; - border: 1px solid #689F38; -} -.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { - background: #5e8f32; - color: #ffffff; - border-color: #5e8f32; -} -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #c2e0a8; -} -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: #537f2d; - color: #ffffff; - border-color: #537f2d; -} -.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { - background-color: transparent; - color: #689F38; - border: 1px solid; -} -.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { - background: rgba(104, 159, 56, 0.04); - color: #689F38; - border: 1px solid; -} -.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { - background: rgba(104, 159, 56, 0.16); - color: #689F38; - border: 1px solid; -} -.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { - background-color: transparent; - color: #689F38; - border-color: transparent; -} -.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { - background: rgba(104, 159, 56, 0.04); - border-color: transparent; - color: #689F38; -} -.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { - background: rgba(104, 159, 56, 0.16); - border-color: transparent; - color: #689F38; -} - -.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { - color: #212529; - background: #FBC02D; - border: 1px solid #FBC02D; -} -.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { - background: #fab710; - color: #212529; - border-color: #fab710; -} -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #fde6ab; -} -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: #e8a704; - color: #212529; - border-color: #e8a704; -} -.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { - background-color: transparent; - color: #FBC02D; - border: 1px solid; -} -.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { - background: rgba(251, 192, 45, 0.04); - color: #FBC02D; - border: 1px solid; -} -.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { - background: rgba(251, 192, 45, 0.16); - color: #FBC02D; - border: 1px solid; -} -.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { - background-color: transparent; - color: #FBC02D; - border-color: transparent; -} -.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { - background: rgba(251, 192, 45, 0.04); - border-color: transparent; - color: #FBC02D; -} -.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { - background: rgba(251, 192, 45, 0.16); - border-color: transparent; - color: #FBC02D; -} - -.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { - color: #ffffff; - background: #9C27B0; - border: 1px solid #9C27B0; -} -.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { - background: #8c239e; - color: #ffffff; - border-color: #8c239e; -} -.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #df9eea; -} -.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: #7d1f8d; - color: #ffffff; - border-color: #7d1f8d; -} -.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { - background-color: transparent; - color: #9C27B0; - border: 1px solid; -} -.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { - background: rgba(156, 39, 176, 0.04); - color: #9C27B0; - border: 1px solid; -} -.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { - background: rgba(156, 39, 176, 0.16); - color: #9C27B0; - border: 1px solid; -} -.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { - background-color: transparent; - color: #9C27B0; - border-color: transparent; -} -.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { - background: rgba(156, 39, 176, 0.04); - border-color: transparent; - color: #9C27B0; -} -.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { - background: rgba(156, 39, 176, 0.16); - border-color: transparent; - color: #9C27B0; -} - -.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { - color: #ffffff; - background: #D32F2F; - border: 1px solid #D32F2F; -} -.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { - background: #c02929; - color: #ffffff; - border-color: #c02929; -} -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #edacac; -} -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: #aa2424; - color: #ffffff; - border-color: #aa2424; -} -.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { - background-color: transparent; - color: #D32F2F; - border: 1px solid; -} -.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { - background: rgba(211, 47, 47, 0.04); - color: #D32F2F; - border: 1px solid; -} -.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { - background: rgba(211, 47, 47, 0.16); - color: #D32F2F; - border: 1px solid; -} -.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { - background-color: transparent; - color: #D32F2F; - border-color: transparent; -} -.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { - background: rgba(211, 47, 47, 0.04); - border-color: transparent; - color: #D32F2F; -} -.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { - background: rgba(211, 47, 47, 0.16); - border-color: transparent; - color: #D32F2F; -} - -.p-button.p-button-link { - color: #7d1f8d; - background: transparent; - border: transparent; -} -.p-button.p-button-link:enabled:hover { - background: transparent; - color: #7d1f8d; - border-color: transparent; -} -.p-button.p-button-link:enabled:hover .p-button-label { - text-decoration: underline; -} -.p-button.p-button-link:enabled:focus { - background: transparent; - box-shadow: 0 0 0 0.2rem #df9eea; - border-color: transparent; -} -.p-button.p-button-link:enabled:active { - background: transparent; - color: #7d1f8d; - border-color: transparent; -} - -.p-speeddial-button.p-button.p-button-icon-only { - width: 4rem; - height: 4rem; -} -.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { - font-size: 1.3rem; -} - -.p-speeddial-action { - width: 3rem; - height: 3rem; - background: #495057; - color: #fff; -} -.p-speeddial-action:hover { - background: #343a40; - color: #fff; -} - -.p-speeddial-direction-up .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-up .p-speeddial-item:first-child { - margin-bottom: 0.5rem; -} - -.p-speeddial-direction-down .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-down .p-speeddial-item:first-child { - margin-top: 0.5rem; -} - -.p-speeddial-direction-left .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-left .p-speeddial-item:first-child { - margin-right: 0.5rem; -} - -.p-speeddial-direction-right .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-right .p-speeddial-item:first-child { - margin-left: 0.5rem; -} - -.p-speeddial-circle .p-speeddial-item, -.p-speeddial-semi-circle .p-speeddial-item, -.p-speeddial-quarter-circle .p-speeddial-item { - margin: 0; -} -.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, -.p-speeddial-semi-circle .p-speeddial-item:first-child, -.p-speeddial-semi-circle .p-speeddial-item:last-child, -.p-speeddial-quarter-circle .p-speeddial-item:first-child, -.p-speeddial-quarter-circle .p-speeddial-item:last-child { - margin: 0; -} - -.p-speeddial-mask { - background-color: rgba(0, 0, 0, 0.4); -} - -.p-carousel .p-carousel-content .p-carousel-prev, -.p-carousel .p-carousel-content .p-carousel-next { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin: 0.5rem; -} -.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, -.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { - color: #495057; - border-color: transparent; - background: #e9ecef; -} -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; -} -.p-carousel .p-carousel-indicators { - padding: 1rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator { - margin-right: 0.5rem; - margin-bottom: 0.5rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: #e9ecef; - width: 2rem; - height: 0.5rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 0; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { - background: #dee2e6; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #F3E5F5; - color: #495057; -} - -.p-datatable .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-datatable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-datatable .p-datatable-header { - background: #f8f9fa; - color: #495057; - border: 1px solid #e9ecef; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-datatable .p-datatable-footer { - background: #f8f9fa; - color: #495057; - border: 1px solid #e9ecef; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-datatable .p-datatable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #e9ecef; - border-width: 0 0 1px 0; - font-weight: 600; - color: #495057; - background: #f8f9fa; - transition: box-shadow 0.2s; -} -.p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #e9ecef; - border-width: 0 0 1px 0; - font-weight: 600; - color: #495057; - background: #f8f9fa; -} -.p-datatable .p-sortable-column .p-sortable-column-icon { - color: #6c757d; - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: #495057; - background: #F3E5F5; - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} -.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #6c757d; -} -.p-datatable .p-sortable-column.p-highlight { - background: #f8f9fa; - color: #9C27B0; -} -.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #9C27B0; -} -.p-datatable .p-sortable-column.p-highlight:hover { - background: #e9ecef; - color: #9C27B0; -} -.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { - color: #9C27B0; -} -.p-datatable .p-sortable-column:focus { - box-shadow: inset 0 0 0 0.15rem #df9eea; - outline: 0 none; -} -.p-datatable .p-datatable-tbody > tr { - background: #ffffff; - color: #495057; - transition: box-shadow 0.2s; - outline-color: #df9eea; -} -.p-datatable .p-datatable-tbody > tr > td { - text-align: left; - border: 1px solid #e9ecef; - border-width: 0 0 1px 0; - padding: 1rem 1rem; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { - color: #495057; - border-color: transparent; - background: #e9ecef; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { - margin-right: 0.5rem; -} -.p-datatable .p-datatable-tbody > tr.p-highlight { - background: #F3E5F5; - color: #495057; -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #F3E5F5; -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #F3E5F5; -} -.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} -.p-datatable .p-column-resizer-helper { - background: #9C27B0; -} -.p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #f8f9fa; -} -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot { - background-color: #f8f9fa; -} -.p-datatable .p-datatable-loading-icon { - font-size: 2rem; -} -.p-datatable.p-datatable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-footer { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-top { - border-width: 0 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-bottom { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { - background: #fcfcfc; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: #F3E5F5; - color: #495057; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: #495057; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: #495057; -} -.p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-lg .p-datatable-header { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-footer { - padding: 1.25rem 1.25rem; -} - -.p-dataview .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-dataview .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-dataview .p-dataview-header { - background: #f8f9fa; - color: #495057; - border: 1px solid #e9ecef; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-dataview .p-dataview-content { - background: #ffffff; - color: #495057; - border: 0 none; - padding: 0; -} -.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid #e9ecef; - border-width: 0 0 1px 0; -} -.p-dataview .p-dataview-footer { - background: #f8f9fa; - color: #495057; - border: 1px solid #e9ecef; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; -} -.p-dataview .p-dataview-loading-icon { - font-size: 2rem; -} -.p-dataview .p-dataview-emptymessage { - padding: 1rem; -} - -.p-column-filter-row .p-column-filter-menu-button, -.p-column-filter-row .p-column-filter-clear-button { - margin-left: 0.5rem; -} - -.p-column-filter-menu-button { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-menu-button:hover { - color: #495057; - border-color: transparent; - background: #e9ecef; -} -.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: #e9ecef; - color: #495057; -} -.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: #F3E5F5; - color: #495057; -} -.p-column-filter-menu-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; -} - -.p-column-filter-clear-button { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-clear-button:hover { - color: #495057; - border-color: transparent; - background: #e9ecef; -} -.p-column-filter-clear-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; -} - -.p-column-filter-overlay { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - min-width: 12.5rem; -} -.p-column-filter-overlay .p-column-filter-row-items { - padding: 0.5rem 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: #495057; - background: #F3E5F5; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #df9eea; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} - -.p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.5rem 1rem; - border-bottom: 0 none; - color: #495057; - background: #f8f9fa; - margin: 0; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-column-filter-overlay-menu .p-column-filter-constraint { - padding: 1rem; - border-bottom: 1px solid #dee2e6; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { - margin-bottom: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { - margin-top: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { - border-bottom: 0 none; -} -.p-column-filter-overlay-menu .p-column-filter-add-rule { - padding: 0.5rem 1rem; -} -.p-column-filter-overlay-menu .p-column-filter-buttonbar { - padding: 1rem; -} - -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #f8f9fa; - border: 1px solid #dee2e6; - color: #495057; -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #ffffff; - border: 1px solid #dee2e6; - color: #495057; -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #dee2e6; -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #dee2e6; -} -.fc.fc-unthemed .fc-view-container .fc-event { - background: #8c239e; - border: 1px solid #8c239e; - color: #ffffff; -} -.fc.fc-unthemed .fc-view-container .fc-divider { - background: #f8f9fa; - border: 1px solid #dee2e6; -} -.fc.fc-unthemed .fc-toolbar .fc-button { - color: #ffffff; - background: #9C27B0; - border: 1px solid #9C27B0; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - display: flex; - align-items: center; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #8c239e; - color: #ffffff; - border-color: #8c239e; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #7d1f8d; - color: #ffffff; - border-color: #7d1f8d; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 1px solid #ced4da; - color: #495057; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #9C27B0; - border-color: #9C27B0; - color: #ffffff; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #8c239e; - border-color: #8c239e; - color: #ffffff; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; - z-index: 1; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} -.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #dee2e6; -} -.fc.fc-theme-standard .fc-view-harness th { - background: #f8f9fa; - border-color: #dee2e6; - color: #495057; -} -.fc.fc-theme-standard .fc-view-harness td { - color: #495057; - border-color: #dee2e6; -} -.fc.fc-theme-standard .fc-view-harness .fc-view { - background: #ffffff; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #dee2e6; - padding: 1rem; - background: #f8f9fa; - color: #495057; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: #495057; - border-color: transparent; - background: #e9ecef; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1rem; - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - border-top: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #ffffff; - background: #8c239e; - border-color: #8c239e; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #ffffff; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #8c239e; - border-color: #8c239e; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: #e9ecef; - color: #495057; -} -.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #f8f9fa; -} -.fc.fc-theme-standard .fc-toolbar .fc-button { - color: #ffffff; - background: #9C27B0; - border: 1px solid #9C27B0; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #8c239e; - color: #ffffff; - border-color: #8c239e; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #7d1f8d; - color: #ffffff; - border-color: #7d1f8d; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.6; - color: #ffffff; - background: #9C27B0; - border: 1px solid #9C27B0; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 1px solid #ced4da; - color: #495057; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #9C27B0; - border-color: #9C27B0; - color: #ffffff; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #8c239e; - border-color: #8c239e; - color: #ffffff; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; - z-index: 1; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} -.fc.fc-theme-standard a { - color: #495057; -} -.fc.fc-theme-standard .fc-highlight { - color: #495057; - background: #F3E5F5; -} - -.p-orderlist .p-orderlist-controls { - padding: 1rem; -} -.p-orderlist .p-orderlist-controls .p-button { - margin-bottom: 0.5rem; -} -.p-orderlist .p-orderlist-header { - background: #f8f9fa; - color: #495057; - border: 1px solid #dee2e6; - padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-orderlist .p-orderlist-header .p-orderlist-title { - font-weight: 600; -} -.p-orderlist .p-orderlist-filter-container { - padding: 1rem; - background: #ffffff; - border: 1px solid #dee2e6; - border-bottom: 0 none; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { - padding-right: 1.5rem; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { - right: 0.5rem; - color: #6c757d; -} -.p-orderlist .p-orderlist-list { - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - padding: 0.5rem 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-orderlist .p-orderlist-list .p-orderlist-item { - padding: 0.5rem 1rem; - margin: 0; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; -} -.p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #df9eea; -} -.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #495057; - background: #F3E5F5; -} -.p-orderlist .p-orderlist-list .p-orderlist-empty-message { - padding: 0.5rem 1rem; - color: #495057; -} -.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} - -.p-orderlist-item.cdk-drag-preview { - padding: 0.5rem 1rem; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border: 0 none; - color: #495057; - background: #ffffff; - margin: 0; -} - -.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} -.p-organizationchart .p-organizationchart-node-content.p-highlight { - background: #F3E5F5; - color: #495057; -} -.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: #c989d2; -} -.p-organizationchart .p-organizationchart-line-down { - background: #dee2e6; -} -.p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #dee2e6; - border-color: #dee2e6; -} -.p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #dee2e6; - border-color: #dee2e6; -} -.p-organizationchart .p-organizationchart-node-content { - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - padding: 1rem; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler { - background: inherit; - color: inherit; - border-radius: 50%; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; -} - -.p-paginator { - background: #ffffff; - color: #6c757d; - border: solid #e9ecef; - border-width: 0; - padding: 0.5rem 1rem; - border-radius: 3px; -} -.p-paginator .p-paginator-first, -.p-paginator .p-paginator-prev, -.p-paginator .p-paginator-next, -.p-paginator .p-paginator-last { - background-color: transparent; - border: 0 none; - color: #6c757d; - min-width: 2.357rem; - height: 2.357rem; - margin: 0.143rem; - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; - border-color: transparent; - color: #495057; -} -.p-paginator .p-paginator-first { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-paginator .p-paginator-last { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} -.p-paginator .p-dropdown { - margin-left: 0.5rem; - margin-right: 0.5rem; - height: 2.357rem; -} -.p-paginator .p-dropdown .p-dropdown-label { - padding-right: 0; -} -.p-paginator .p-paginator-page-input { - margin-left: 0.5rem; - margin-right: 0.5rem; -} -.p-paginator .p-paginator-page-input .p-inputtext { - max-width: 2.357rem; -} -.p-paginator .p-paginator-current { - background-color: transparent; - border: 0 none; - color: #6c757d; - min-width: 2.357rem; - height: 2.357rem; - margin: 0.143rem; - padding: 0 0.5rem; -} -.p-paginator .p-paginator-pages .p-paginator-page { - background-color: transparent; - border: 0 none; - color: #6c757d; - min-width: 2.357rem; - height: 2.357rem; - margin: 0.143rem; - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: #F3E5F5; - border-color: #F3E5F5; - color: #495057; -} -.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { - background: #e9ecef; - border-color: transparent; - color: #495057; -} - -.p-picklist .p-picklist-buttons { - padding: 1rem; -} -.p-picklist .p-picklist-buttons .p-button { - margin-bottom: 0.5rem; -} -.p-picklist .p-picklist-header { - background: #f8f9fa; - color: #495057; - border: 1px solid #dee2e6; - padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-picklist .p-picklist-header .p-picklist-title { - font-weight: 600; -} -.p-picklist .p-picklist-filter-container { - padding: 1rem; - background: #ffffff; - border: 1px solid #dee2e6; - border-bottom: 0 none; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-input { - padding-right: 1.5rem; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { - right: 0.5rem; - color: #6c757d; -} -.p-picklist .p-picklist-list { - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - padding: 0.5rem 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-picklist .p-picklist-list .p-picklist-item { - padding: 0.5rem 1rem; - margin: 0; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; -} -.p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #df9eea; -} -.p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: #495057; - background: #F3E5F5; -} -.p-picklist .p-picklist-list .p-picklist-empty-message { - padding: 0.5rem 1rem; - color: #495057; -} -.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} - -.p-picklist-item.cdk-drag-preview { - padding: 0.5rem 1rem; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border: 0 none; - color: #495057; - background: #ffffff; - margin: 0; -} - -.p-timeline .p-timeline-event-marker { - border: 2px solid #9C27B0; - border-radius: 50%; - width: 1rem; - height: 1rem; - background-color: #ffffff; -} -.p-timeline .p-timeline-event-connector { - background-color: #dee2e6; -} -.p-timeline.p-timeline-vertical .p-timeline-event-opposite, -.p-timeline.p-timeline-vertical .p-timeline-event-content { - padding: 0 1rem; -} -.p-timeline.p-timeline-vertical .p-timeline-event-connector { - width: 2px; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, -.p-timeline.p-timeline-horizontal .p-timeline-event-content { - padding: 1rem 0; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-connector { - height: 2px; -} - -.p-tree { - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - padding: 1rem; - border-radius: 3px; -} -.p-tree .p-tree-container .p-treenode { - padding: 0.143rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content { - border-radius: 3px; - transition: box-shadow 0.2s; - padding: 0; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { - color: #495057; - border-color: transparent; - background: #e9ecef; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { - margin-right: 0.5rem; - color: #6c757d; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { - color: #495057; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: #F3E5F5; - color: #495057; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #495057; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { - color: #495057; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { - background: #e9ecef; - color: #495057; -} -.p-tree .p-tree-filter-container { - margin-bottom: 0.5rem; -} -.p-tree .p-tree-filter-container .p-tree-filter { - width: 100%; - padding-right: 1.5rem; -} -.p-tree .p-tree-filter-container .p-tree-filter-icon { - right: 0.5rem; - color: #6c757d; -} -.p-tree .p-treenode-children { - padding: 0 0 0 1rem; -} -.p-tree .p-tree-loading-icon { - font-size: 2rem; -} -.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: #d3a1db; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { - border-radius: 3px; - border: 1px solid #dee2e6; - background-color: #ffffff; - color: #495057; - padding: 0; - transition: box-shadow 0.2s; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { - background-color: #F3E5F5; - color: #495057; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #495057; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { - background-color: inherit; - color: inherit; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; -} - -.p-treetable .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-treetable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-treetable .p-treetable-header { - background: #f8f9fa; - color: #495057; - border: 1px solid #e9ecef; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-treetable .p-treetable-footer { - background: #f8f9fa; - color: #495057; - border: 1px solid #e9ecef; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-treetable .p-treetable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #e9ecef; - border-width: 0 0 1px 0; - font-weight: 600; - color: #495057; - background: #f8f9fa; - transition: box-shadow 0.2s; -} -.p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #e9ecef; - border-width: 0 0 1px 0; - font-weight: 600; - color: #495057; - background: #f8f9fa; -} -.p-treetable .p-sortable-column { - outline-color: #df9eea; -} -.p-treetable .p-sortable-column .p-sortable-column-icon { - color: #6c757d; - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: #495057; - background: #F3E5F5; - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} -.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #6c757d; -} -.p-treetable .p-sortable-column.p-highlight { - background: #f8f9fa; - color: #9C27B0; -} -.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #9C27B0; -} -.p-treetable .p-treetable-tbody > tr { - background: #ffffff; - color: #495057; - transition: box-shadow 0.2s; - outline-color: #df9eea; -} -.p-treetable .p-treetable-tbody > tr > td { - text-align: left; - border: 1px solid #e9ecef; - border-width: 0 0 1px 0; - padding: 1rem 1rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { - color: #495057; - border-color: transparent; - background: #e9ecef; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { - color: #495057; -} -.p-treetable .p-treetable-tbody > tr.p-highlight { - background: #F3E5F5; - color: #495057; -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: #495057; -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: #495057; -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { - color: #495057; -} -.p-treetable .p-column-resizer-helper { - background: #9C27B0; -} -.p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #f8f9fa; -} -.p-treetable .p-treetable-loading-icon { - font-size: 2rem; -} -.p-treetable.p-treetable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-footer { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-top { - border-width: 0 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-bottom { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-sm .p-treetable-header { - padding: 0.875rem 0.875rem; -} -.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-footer { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-lg .p-treetable-header { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-footer { - padding: 1.25rem 1.25rem; -} - -.p-virtualscroller .p-virtualscroller-header { - background: #f8f9fa; - color: #495057; - border: 1px solid #e9ecef; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-virtualscroller .p-virtualscroller-content { - background: #ffffff; - color: #495057; - border: 0 none; - padding: 0; -} -.p-virtualscroller .p-virtualscroller-footer { - background: #f8f9fa; - color: #495057; - border: 1px solid #e9ecef; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-accordion .p-accordion-header .p-accordion-header-link { - padding: 1rem; - border: 1px solid #dee2e6; - color: #495057; - background: #f8f9fa; - font-weight: 600; - border-radius: 3px; - transition: box-shadow 0.2s; -} -.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { - margin-right: 0.5rem; -} -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; -} -.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { - background: #e9ecef; - border-color: #dee2e6; - color: #495057; -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #f8f9fa; - border-color: #dee2e6; - color: #495057; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-color: #dee2e6; - background: #e9ecef; - color: #495057; -} -.p-accordion .p-accordion-content { - padding: 1rem; - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-accordion p-accordiontab .p-accordion-tab { - margin-bottom: 0; -} -.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { - border-radius: 0; -} -.p-accordion p-accordiontab .p-accordion-content { - border-radius: 0; -} -.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { - border-top: 0 none; -} -.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-top: 0 none; -} -.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-accordion p-accordiontab:last-child .p-accordion-content { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-card { - background: #ffffff; - color: #495057; - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; -} -.p-card .p-card-body { - padding: 1rem; -} -.p-card .p-card-title { - font-size: 1.5rem; - font-weight: 700; - margin-bottom: 0.5rem; -} -.p-card .p-card-subtitle { - font-weight: 400; - margin-bottom: 0.5rem; - color: #6c757d; -} -.p-card .p-card-content { - padding: 1rem 0; -} -.p-card .p-card-footer { - padding: 1rem 0 0 0; -} - -.p-divider .p-divider-content { - background-color: #ffffff; -} -.p-divider.p-divider-horizontal { - margin: 1rem 0; - padding: 0 1rem; -} -.p-divider.p-divider-horizontal:before { - border-top: 1px #dee2e6; -} -.p-divider.p-divider-horizontal .p-divider-content { - padding: 0 0.5rem; -} -.p-divider.p-divider-vertical { - margin: 0 1rem; - padding: 1rem 0; -} -.p-divider.p-divider-vertical:before { - border-left: 1px #dee2e6; -} -.p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; -} - -.p-fieldset { - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - border-radius: 3px; -} -.p-fieldset .p-fieldset-legend { - padding: 1rem; - border: 1px solid #dee2e6; - color: #495057; - background: #f8f9fa; - font-weight: 600; - border-radius: 3px; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { - padding: 0; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { - padding: 1rem; - color: #495057; - border-radius: 3px; - transition: box-shadow 0.2s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { - margin-right: 0.5rem; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: #e9ecef; - border-color: #dee2e6; - color: #495057; -} -.p-fieldset .p-fieldset-content { - padding: 1rem; -} - -.p-panel .p-panel-header { - border: 1px solid #dee2e6; - padding: 1rem; - background: #f8f9fa; - color: #495057; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-panel .p-panel-header .p-panel-title { - font-weight: 600; -} -.p-panel .p-panel-header .p-panel-header-icon { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { - color: #495057; - border-color: transparent; - background: #e9ecef; -} -.p-panel .p-panel-header .p-panel-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; -} -.p-panel.p-panel-toggleable .p-panel-header { - padding: 0.5rem 1rem; -} -.p-panel .p-panel-content { - padding: 1rem; - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - border-top: 0 none; -} -.p-panel .p-panel-footer { - padding: 0.5rem 1rem; - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - border-top: 0 none; -} - -.p-scrollpanel .p-scrollpanel-bar { - background: #f8f9fa; - border: 0 none; -} - -.p-splitter { - border: 1px solid #dee2e6; - background: #ffffff; - border-radius: 3px; - color: #495057; -} -.p-splitter .p-splitter-gutter { - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - background: #f8f9fa; -} -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: #dee2e6; -} -.p-splitter .p-splitter-gutter-resizing { - background: #dee2e6; -} - -.p-tabview .p-tabview-nav { - background: #ffffff; - border: 1px solid #dee2e6; - border-width: 0 0 2px 0; -} -.p-tabview .p-tabview-nav li { - margin-right: 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #dee2e6; - border-width: 0 0 2px 0; - border-color: transparent transparent #dee2e6 transparent; - background: #ffffff; - color: #6c757d; - padding: 1rem; - font-weight: 600; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #df9eea; -} -.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #ffffff; - border-color: #6c757d; - color: #6c757d; -} -.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #ffffff; - border-color: #9C27B0; - color: #9C27B0; -} -.p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; -} -.p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-close { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-nav-btn.p-link { - background: #ffffff; - color: #9C27B0; - width: 2.357rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; -} -.p-tabview .p-tabview-nav-btn.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #df9eea; -} -.p-tabview .p-tabview-panels { - background: #ffffff; - padding: 1rem; - border: 0 none; - color: #495057; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-toolbar { - background: #f8f9fa; - border: 1px solid #dee2e6; - padding: 1rem; - border-radius: 3px; -} -.p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; -} - -.p-confirm-popup { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 3px; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-confirm-popup .p-confirm-popup-content { - padding: 1rem; -} -.p-confirm-popup .p-confirm-popup-footer { - text-align: right; - padding: 0.5rem 1rem; -} -.p-confirm-popup .p-confirm-popup-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-confirm-popup .p-confirm-popup-footer button:last-child { - margin: 0; -} -.p-confirm-popup:after { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-confirm-popup:before { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-confirm-popup.p-confirm-popup-flipped:after { - border-top-color: #ffffff; -} -.p-confirm-popup.p-confirm-popup-flipped:before { - border-top-color: #ffffff; -} -.p-confirm-popup .p-confirm-popup-icon { - font-size: 1.5rem; -} -.p-confirm-popup .p-confirm-popup-message { - margin-left: 1rem; -} - -.p-dialog { - border-radius: 3px; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); - border: 0 none; -} -.p-dialog .p-dialog-header { - border-bottom: 0 none; - background: #ffffff; - color: #495057; - padding: 1.5rem; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-dialog .p-dialog-header .p-dialog-title { - font-weight: 600; - font-size: 1.25rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { - color: #495057; - border-color: transparent; - background: #e9ecef; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { - margin-right: 0; -} -.p-dialog .p-dialog-content { - background: #ffffff; - color: #495057; - padding: 0 1.5rem 2rem 1.5rem; -} -.p-dialog .p-dialog-footer { - border-top: 0 none; - background: #ffffff; - color: #495057; - padding: 0 1.5rem 1.5rem 1.5rem; - text-align: right; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-dialog .p-dialog-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { - font-size: 2rem; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; -} - -.p-overlaypanel { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 3px; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-overlaypanel .p-overlaypanel-content { - padding: 1rem; -} -.p-overlaypanel .p-overlaypanel-close { - background: #9C27B0; - color: #ffffff; - width: 2rem; - height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; - position: absolute; - top: -1rem; - right: -1rem; -} -.p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #8c239e; - color: #ffffff; -} -.p-overlaypanel:after { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-overlaypanel:before { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-overlaypanel.p-overlaypanel-flipped:after { - border-top-color: #ffffff; -} -.p-overlaypanel.p-overlaypanel-flipped:before { - border-top-color: #ffffff; -} - -.p-sidebar { - background: #ffffff; - color: #495057; - border: 0 none; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-sidebar .p-sidebar-header { - padding: 1rem; -} -.p-sidebar .p-sidebar-header .p-sidebar-close, -.p-sidebar .p-sidebar-header .p-sidebar-icon { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, -.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { - color: #495057; - border-color: transparent; - background: #e9ecef; -} -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; -} -.p-sidebar .p-sidebar-header + .p-sidebar-content { - padding-top: 0; -} -.p-sidebar .p-sidebar-content { - padding: 1rem; -} - -.p-tooltip .p-tooltip-text { - background: #495057; - color: #ffffff; - padding: 0.5rem 0.5rem; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; -} -.p-tooltip.p-tooltip-right .p-tooltip-arrow { - border-right-color: #495057; -} -.p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #495057; -} -.p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #495057; -} -.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #495057; -} - -.p-fileupload .p-fileupload-buttonbar { - background: #f8f9fa; - padding: 1rem; - border: 1px solid #dee2e6; - color: #495057; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; -} -.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; -} -.p-fileupload .p-fileupload-content { - background: #ffffff; - padding: 2rem 1rem; - border: 1px solid #dee2e6; - color: #495057; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-fileupload .p-progressbar { - height: 0.25rem; -} -.p-fileupload .p-fileupload-row > div { - padding: 1rem 1rem; -} -.p-fileupload.p-fileupload-advanced .p-message { - margin-top: 0; -} - -.p-fileupload-choose:not(.p-disabled):hover { - background: #8c239e; - color: #ffffff; - border-color: #8c239e; -} -.p-fileupload-choose:not(.p-disabled):active { - background: #7d1f8d; - color: #ffffff; - border-color: #7d1f8d; -} - -.p-breadcrumb { - background: #ffffff; - border: 1px solid #dee2e6; - border-radius: 3px; - padding: 1rem; -} -.p-breadcrumb ul li .p-menuitem-link { - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-breadcrumb ul li .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { - color: #6c757d; -} -.p-breadcrumb ul li.p-breadcrumb-chevron { - margin: 0 0.5rem 0 0.5rem; - color: #495057; -} -.p-breadcrumb ul li:last-child .p-menuitem-text { - color: #495057; -} -.p-breadcrumb ul li:last-child .p-menuitem-icon { - color: #6c757d; -} - -.p-contextmenu { - padding: 0.25rem 0; - background: #ffffff; - color: #495057; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; - width: 12.5rem; -} -.p-contextmenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-contextmenu .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-contextmenu .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-contextmenu .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #df9eea; -} -.p-contextmenu .p-submenu-list { - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; -} -.p-contextmenu .p-menuitem { - margin: 0; -} -.p-contextmenu .p-menuitem:last-child { - margin: 0; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #e9ecef; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-contextmenu .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} -.p-contextmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-dock .p-dock-list { - background: rgba(255, 255, 255, 0.1); - border: 1px solid rgba(255, 255, 255, 0.2); - padding: 0.5rem 0.5rem; - border-radius: 0.5rem; -} -.p-dock .p-dock-item { - padding: 0.5rem; -} -.p-dock .p-dock-action { - width: 4rem; - height: 4rem; -} -.p-dock.p-dock-top .p-dock-item-second-prev, -.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, -.p-dock.p-dock-bottom .p-dock-item-second-next { - margin: 0 0.9rem; -} -.p-dock.p-dock-top .p-dock-item-prev, -.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, -.p-dock.p-dock-bottom .p-dock-item-next { - margin: 0 1.3rem; -} -.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { - margin: 0 1.5rem; -} -.p-dock.p-dock-left .p-dock-item-second-prev, -.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, -.p-dock.p-dock-right .p-dock-item-second-next { - margin: 0.9rem 0; -} -.p-dock.p-dock-left .p-dock-item-prev, -.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, -.p-dock.p-dock-right .p-dock-item-next { - margin: 1.3rem 0; -} -.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { - margin: 1.5rem 0; -} - -@media screen and (max-width: 960px) { - .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { - margin: auto 0; - } - .p-dock .p-dock-list .p-dock-item { - transform: none; - margin: 0; - } -} -.p-megamenu { - padding: 0.5rem; - background: #f8f9fa; - color: #495057; - border: 1px solid #dee2e6; - border-radius: 3px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; - color: #495057; - border-radius: 3px; - transition: box-shadow 0.2s; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: #6c757d; - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #df9eea; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-megamenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-megamenu .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-megamenu .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-megamenu .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #df9eea; -} -.p-megamenu .p-megamenu-panel { - background: #ffffff; - color: #495057; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-megamenu .p-megamenu-submenu-header { - margin: 0; - padding: 0.75rem 1rem; - color: #495057; - background: #ffffff; - font-weight: 600; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-megamenu .p-megamenu-submenu { - padding: 0.25rem 0; - width: 12.5rem; -} -.p-megamenu .p-megamenu-submenu .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem { - margin: 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { - margin: 0; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #e9ecef; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.25rem 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem { - margin: 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { - margin: 0; -} - -.p-menu { - padding: 0.25rem 0; - background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; - border-radius: 3px; - width: 12.5rem; -} -.p-menu .p-menuitem-link { - padding: 0.75rem 1rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menu .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-menu .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-menu .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-menu .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #df9eea; -} -.p-menu.p-menu-overlay { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-menu .p-submenu-header { - margin: 0; - padding: 0.75rem 1rem; - color: #495057; - background: #ffffff; - font-weight: 600; - border-top-right-radius: 0; - border-top-left-radius: 0; -} -.p-menu .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} -.p-menu .p-menuitem { - margin: 0; -} -.p-menu .p-menuitem:last-child { - margin: 0; -} - -.p-menubar { - padding: 0.5rem; - background: #f8f9fa; - color: #495057; - border: 1px solid #dee2e6; - border-radius: 3px; -} -.p-menubar .p-menuitem-link { - padding: 0.75rem 1rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menubar .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-menubar .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-menubar .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #df9eea; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; - color: #495057; - border-radius: 3px; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: #6c757d; - margin-left: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #df9eea; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-menubar .p-submenu-list { - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - width: 12.5rem; -} -.p-menubar .p-submenu-list .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} -.p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; -} -.p-menubar .p-submenu-list .p-menuitem { - margin: 0; -} -.p-menubar .p-submenu-list .p-menuitem:last-child { - margin: 0; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #e9ecef; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} - -@media screen and (max-width: 960px) { - .p-menubar { - position: relative; - } - .p-menubar .p-menubar-button { - display: flex; - width: 2rem; - height: 2rem; - color: #6c757d; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-menubar .p-menubar-button:hover { - color: #6c757d; - background: #e9ecef; - } - .p-menubar .p-menubar-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; - } - .p-menubar .p-menubar-root-list { - position: absolute; - display: none; - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - width: 100%; - } - .p-menubar .p-menubar-root-list .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; - } - .p-menubar .p-menubar-root-list .p-submenu-icon { - font-size: 0.875rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: #495057; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: #6c757d; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #df9eea; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - transition: transform 0.2s; - } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-180deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list { - width: 100%; - position: static; - box-shadow: none; - border: 0 none; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { - transition: transform 0.2s; - transform: rotate(90deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-90deg); - } - .p-menubar .p-menubar-root-list .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list ul li a { - padding-left: 2.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li a { - padding-left: 3.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li a { - padding-left: 5.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { - padding-left: 6.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { - padding-left: 8.25rem; - } - .p-menubar.p-menubar-mobile-active .p-menubar-root-list { - display: flex; - flex-direction: column; - top: 100%; - left: 0; - z-index: 1; - } -} -.p-panelmenu .p-panelmenu-header > a { - padding: 1rem; - border: 1px solid #dee2e6; - color: #495057; - background: #f8f9fa; - font-weight: 600; - border-radius: 3px; - transition: box-shadow 0.2s; -} -.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; -} -.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { - background: #e9ecef; - border-color: #dee2e6; - color: #495057; -} -.p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight > a { - background: #f8f9fa; - border-color: #dee2e6; - color: #495057; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { - border-color: #dee2e6; - background: #e9ecef; - color: #495057; -} -.p-panelmenu .p-panelmenu-content { - padding: 0.25rem 0; - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - margin-bottom: 0; - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #df9eea; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { - padding: 0 0 0 1rem; -} -.p-panelmenu .p-panelmenu-panel { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { - border-radius: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-content { - border-radius: 0; -} -.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { - border-top: 0 none; -} -.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { - border-top: 0 none; -} -.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-slidemenu { - padding: 0.25rem 0; - background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; - border-radius: 3px; - width: 12.5rem; -} -.p-slidemenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-slidemenu .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-slidemenu .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-slidemenu .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #df9eea; -} -.p-slidemenu.p-slidemenu-overlay { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-slidemenu .p-slidemenu-list { - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { - background: #e9ecef; -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { - color: #495057; -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { - color: #6c757d; -} -.p-slidemenu .p-slidemenu-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} -.p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; -} -.p-slidemenu .p-slidemenu-backward { - padding: 0.75rem 1rem; - color: #495057; -} - -.p-steps .p-steps-item .p-menuitem-link { - background: transparent; - transition: box-shadow 0.2s; - border-radius: 3px; - background: #ffffff; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-number { - color: #495057; - border: 1px solid #e9ecef; - background: #ffffff; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - z-index: 1; - border-radius: 50%; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-title { - margin-top: 0.5rem; - color: #6c757d; -} -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; -} -.p-steps .p-steps-item.p-highlight .p-steps-number { - background: #F3E5F5; - color: #495057; -} -.p-steps .p-steps-item.p-highlight .p-steps-title { - font-weight: 600; - color: #495057; -} -.p-steps .p-steps-item:before { - content: " "; - border-top: 1px solid #dee2e6; - width: 100%; - top: 50%; - left: 0; - display: block; - position: absolute; - margin-top: -1rem; -} - -.p-tabmenu .p-tabmenu-nav { - background: #ffffff; - border: 1px solid #dee2e6; - border-width: 0 0 2px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { - margin-right: 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { - border: solid #dee2e6; - border-width: 0 0 2px 0; - border-color: transparent transparent #dee2e6 transparent; - background: #ffffff; - color: #6c757d; - padding: 1rem; - font-weight: 600; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #df9eea; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: #ffffff; - border-color: #6c757d; - color: #6c757d; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #ffffff; - border-color: #9C27B0; - color: #9C27B0; -} - -.p-tieredmenu { - padding: 0.25rem 0; - background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; - border-radius: 3px; - width: 12.5rem; -} -.p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-tieredmenu .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-tieredmenu .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-tieredmenu .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #495057; -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; -} -.p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #df9eea; -} -.p-tieredmenu.p-tieredmenu-overlay { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-tieredmenu .p-menuitem { - margin: 0; -} -.p-tieredmenu .p-menuitem:last-child { - margin: 0; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #e9ecef; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} -.p-tieredmenu .p-menu-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} -.p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-inline-message { - padding: 0.5rem 0.5rem; - margin: 0; - border-radius: 3px; -} -.p-inline-message.p-inline-message-info { - background: #B3E5FC; - border: solid #0891cf; - border-width: 0px; - color: #044868; -} -.p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #044868; -} -.p-inline-message.p-inline-message-success { - background: #C8E6C9; - border: solid #439446; - border-width: 0px; - color: #224a23; -} -.p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #224a23; -} -.p-inline-message.p-inline-message-warn { - background: #FFECB3; - border: solid #d9a300; - border-width: 0px; - color: #6d5100; -} -.p-inline-message.p-inline-message-warn .p-inline-message-icon { - color: #6d5100; -} -.p-inline-message.p-inline-message-error { - background: #FFCDD2; - border: solid #e60017; - border-width: 0px; - color: #73000c; -} -.p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #73000c; -} -.p-inline-message .p-inline-message-icon { - font-size: 1rem; - margin-right: 0.5rem; -} -.p-inline-message .p-inline-message-text { - font-size: 1rem; -} -.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { - margin-right: 0; -} - -.p-message { - margin: 1rem 0; - border-radius: 3px; -} -.p-message .p-message-wrapper { - padding: 1rem 1.5rem; -} -.p-message .p-message-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-message .p-message-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; -} -.p-message.p-message-info { - background: #B3E5FC; - border: solid #0891cf; - border-width: 0 0 0 6px; - color: #044868; -} -.p-message.p-message-info .p-message-icon { - color: #044868; -} -.p-message.p-message-info .p-message-close { - color: #044868; -} -.p-message.p-message-success { - background: #C8E6C9; - border: solid #439446; - border-width: 0 0 0 6px; - color: #224a23; -} -.p-message.p-message-success .p-message-icon { - color: #224a23; -} -.p-message.p-message-success .p-message-close { - color: #224a23; -} -.p-message.p-message-warn { - background: #FFECB3; - border: solid #d9a300; - border-width: 0 0 0 6px; - color: #6d5100; -} -.p-message.p-message-warn .p-message-icon { - color: #6d5100; -} -.p-message.p-message-warn .p-message-close { - color: #6d5100; -} -.p-message.p-message-error { - background: #FFCDD2; - border: solid #e60017; - border-width: 0 0 0 6px; - color: #73000c; -} -.p-message.p-message-error .p-message-icon { - color: #73000c; -} -.p-message.p-message-error .p-message-close { - color: #73000c; -} -.p-message .p-message-text { - font-size: 1rem; - font-weight: 500; -} -.p-message .p-message-icon { - font-size: 1.5rem; - margin-right: 0.5rem; -} -.p-message .p-message-summary { - font-weight: 700; -} -.p-message .p-message-detail { - margin-left: 0.5rem; -} - -.p-toast { - opacity: 0.9; -} -.p-toast .p-toast-message { - margin: 0 0 1rem 0; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; -} -.p-toast .p-toast-message .p-toast-message-content { - padding: 1rem; - border-width: 0 0 0 6px; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { - margin: 0 0 0 1rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { - font-size: 2rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { - font-weight: 700; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { - margin: 0.5rem 0 0 0; -} -.p-toast .p-toast-message .p-toast-icon-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-toast .p-toast-message .p-toast-icon-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; -} -.p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; - border: solid #0891cf; - border-width: 0 0 0 6px; - color: #044868; -} -.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { - color: #044868; -} -.p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; - border: solid #439446; - border-width: 0 0 0 6px; - color: #224a23; -} -.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { - color: #224a23; -} -.p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; - border: solid #d9a300; - border-width: 0 0 0 6px; - color: #6d5100; -} -.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { - color: #6d5100; -} -.p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; - border: solid #e60017; - border-width: 0 0 0 6px; - color: #73000c; -} -.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { - color: #73000c; -} - -.p-galleria .p-galleria-close { - margin: 0.5rem; - background: transparent; - color: #f8f9fa; - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-close .p-galleria-close-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-close:hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-item-nav { - background: transparent; - color: #f8f9fa; - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 3px; - margin: 0 0.5rem; -} -.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, -.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-caption { - background: rgba(0, 0, 0, 0.5); - color: #f8f9fa; - padding: 1rem; -} -.p-galleria .p-galleria-indicators { - padding: 1rem; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #e9ecef; - width: 1rem; - height: 1rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { - background: #dee2e6; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #F3E5F5; - color: #495057; -} -.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { - margin-right: 0.5rem; -} -.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { - margin-bottom: 0.5rem; -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { - background: rgba(0, 0, 0, 0.5); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { - background: rgba(255, 255, 255, 0.4); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { - background: rgba(255, 255, 255, 0.6); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #F3E5F5; - color: #495057; -} -.p-galleria .p-galleria-thumbnail-container { - background: rgba(0, 0, 0, 0.9); - padding: 1rem 0.25rem; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { - margin: 0.5rem; - background-color: transparent; - color: #f8f9fa; - width: 2rem; - height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; -} - -.p-galleria-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-preview-indicator { - background-color: transparent; - color: #f8f9fa; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} - -.p-image-preview-container:hover > .p-image-preview-indicator { - background-color: rgba(0, 0, 0, 0.5); -} - -.p-image-toolbar { - padding: 1rem; -} - -.p-image-action.p-link { - color: #f8f9fa; - background-color: transparent; - width: 3rem; - height: 3rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-image-action.p-link:last-child { - margin-right: 0; -} -.p-image-action.p-link:hover { - color: #f8f9fa; - background-color: rgba(255, 255, 255, 0.1); -} -.p-image-action.p-link i { - font-size: 1.5rem; -} - -.p-avatar { - background-color: #dee2e6; - border-radius: 3px; -} -.p-avatar.p-avatar-lg { - width: 3rem; - height: 3rem; - font-size: 1.5rem; -} -.p-avatar.p-avatar-lg .p-avatar-icon { - font-size: 1.5rem; -} -.p-avatar.p-avatar-xl { - width: 4rem; - height: 4rem; - font-size: 2rem; -} -.p-avatar.p-avatar-xl .p-avatar-icon { - font-size: 2rem; -} - -.p-avatar-group .p-avatar { - border: 2px solid #ffffff; -} - -.p-badge { - background: #9C27B0; - color: #ffffff; - font-size: 0.75rem; - font-weight: 700; - min-width: 1.5rem; - height: 1.5rem; - line-height: 1.5rem; -} -.p-badge.p-badge-secondary { - background-color: #607D8B; - color: #ffffff; -} -.p-badge.p-badge-success { - background-color: #689F38; - color: #ffffff; -} -.p-badge.p-badge-info { - background-color: #0288D1; - color: #ffffff; -} -.p-badge.p-badge-warning { - background-color: #FBC02D; - color: #212529; -} -.p-badge.p-badge-danger { - background-color: #D32F2F; - color: #ffffff; -} -.p-badge.p-badge-lg { - font-size: 1.125rem; - min-width: 2.25rem; - height: 2.25rem; - line-height: 2.25rem; -} -.p-badge.p-badge-xl { - font-size: 1.5rem; - min-width: 3rem; - height: 3rem; - line-height: 3rem; -} - -.p-chip { - background-color: #dee2e6; - color: #495057; - border-radius: 16px; - padding: 0 0.5rem; -} -.p-chip .p-chip-text { - line-height: 1.5; - margin-top: 0.25rem; - margin-bottom: 0.25rem; -} -.p-chip .p-chip-icon { - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - margin-left: 0.5rem; -} -.p-chip img { - width: 2rem; - height: 2rem; - margin-left: -0.5rem; - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - border-radius: 3px; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; -} - -.p-inplace .p-inplace-display { - padding: 0.5rem 0.5rem; - border-radius: 3px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-inplace .p-inplace-display:not(.p-disabled):hover { - background: #e9ecef; - color: #495057; -} -.p-inplace .p-inplace-display:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; -} - -.p-progressbar { - border: 0 none; - height: 1.5rem; - background: #dee2e6; - border-radius: 3px; -} -.p-progressbar .p-progressbar-value { - border: 0 none; - margin: 0; - background: #9C27B0; -} -.p-progressbar .p-progressbar-label { - color: #ffffff; - line-height: 1.5rem; -} - -.p-scrolltop { - width: 3rem; - height: 3rem; - border-radius: 50%; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-scrolltop.p-link { - background: rgba(0, 0, 0, 0.7); -} -.p-scrolltop.p-link:hover { - background: rgba(0, 0, 0, 0.8); -} -.p-scrolltop .p-scrolltop-icon { - font-size: 1.5rem; - color: #f8f9fa; -} - -.p-skeleton { - background-color: #e9ecef; - border-radius: 3px; -} -.p-skeleton:after { - background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); -} - -.p-tag { - background: #9C27B0; - color: #ffffff; - font-size: 0.75rem; - font-weight: 700; - padding: 0.25rem 0.4rem; - border-radius: 3px; -} -.p-tag.p-tag-success { - background-color: #689F38; - color: #ffffff; -} -.p-tag.p-tag-info { - background-color: #0288D1; - color: #ffffff; -} -.p-tag.p-tag-warning { - background-color: #FBC02D; - color: #212529; -} -.p-tag.p-tag-danger { - background-color: #D32F2F; - color: #ffffff; -} -.p-tag .p-tag-icon { - margin-right: 0.25rem; - font-size: 0.75rem; -} - -.p-terminal { - background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; - padding: 1rem; -} -.p-terminal .p-terminal-input { - font-size: 1rem; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; -} - -/* Customizations to the designer theme should be defined here */ -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #9C27B0; -} - -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #9C27B0; -} diff --git a/src/assets/theme/tailwind-light/theme.css b/src/assets/theme/tailwind-light/theme.css deleted file mode 100644 index 95a7b4d..0000000 --- a/src/assets/theme/tailwind-light/theme.css +++ /dev/null @@ -1,5775 +0,0 @@ -:root { - --surface-a:#ffffff; - --surface-b:#fafafa; - --surface-c:#f4f4f5; - --surface-d:#e5e7eb; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#3f3f46; - --text-color-secondary:#71717A; - --primary-color:#4F46E5; - --primary-color-text:#ffffff; - --font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; - --surface-0: #ffffff; - --surface-50: #FAFAFA; - --surface-100: #F4F4F5; - --surface-200: #E4E4E7; - --surface-300: #D4D4D8; - --surface-400: #A1A1AA; - --surface-500: #71717A; - --surface-600: #52525B; - --surface-700: #3F3F46; - --surface-800: #27272A; - --surface-900: #18181B; - --gray-50: #FAFAFA; - --gray-100: #F4F4F5; - --gray-200: #E4E4E7; - --gray-300: #D4D4D8; - --gray-400: #A1A1AA; - --gray-500: #71717A; - --gray-600: #52525B; - --gray-700: #3F3F46; - --gray-800: #27272A; - --gray-900: #18181B; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:0.375rem; - --surface-ground:#FAFAFA; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#e5e7eb; - --surface-hover: #f4f4f5; - --focus-ring: 0 0 0 1px #6366F1; - --maskbg: rgba(0, 0, 0, 0.4); -} - -@font-face { - font-family: "Inter"; - font-style: normal; - font-weight: 300; - src: local(""), url("./fonts/Inter-Light.woff2") format("woff2"), url("./fonts/Inter-Light.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -@font-face { - font-family: "Inter"; - font-style: normal; - font-weight: 400; - src: local(""), url("./fonts/Inter-Regular.woff2") format("woff2"), url("./fonts/Inter-Regular.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -@font-face { - font-family: "Inter"; - font-style: normal; - font-weight: 500; - src: local(""), url("./fonts/Inter-Medium.woff2") format("woff2"), url("./fonts/Inter-Medium.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -@font-face { - font-family: "Inter"; - font-style: normal; - font-weight: 600; - src: local(""), url("./fonts/Inter-SemiBold.woff2") format("woff2"), url("./fonts/Inter-SemiBold.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -@font-face { - font-family: "Inter"; - font-style: normal; - font-weight: 700; - src: local(""), url("./fonts/Inter-Bold.woff2") format("woff2"), url("./fonts/Inter-Bold.woff") format("woff"); - /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ -} -* { - box-sizing: border-box; -} - -.p-component { - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - font-size: 1rem; - font-weight: normal; -} - -.p-component-overlay { - background-color: rgba(0, 0, 0, 0.4); - transition-duration: 0.2s; -} - -.p-disabled, .p-component:disabled { - opacity: 0.6; -} - -.p-error { - color: #e24c4c; -} - -.p-text-secondary { - color: #71717A; -} - -.pi { - font-size: 1rem; -} - -.p-link { - font-size: 1rem; - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - border-radius: 0.375rem; -} -.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; -} - -.p-component-overlay-enter { - animation: p-component-overlay-enter-animation 150ms forwards; -} - -.p-component-overlay-leave { - animation: p-component-overlay-leave-animation 150ms forwards; -} - -@keyframes p-component-overlay-enter-animation { - from { - background-color: transparent; - } - to { - background-color: var(--maskbg); - } -} -@keyframes p-component-overlay-leave-animation { - from { - background-color: var(--maskbg); - } - to { - background-color: transparent; - } -} - -:root { - --blue-50:#f5f9ff; - --blue-100:#d0e1fd; - --blue-200:#abc9fb; - --blue-300:#85b2f9; - --blue-400:#609af8; - --blue-500:#3b82f6; - --blue-600:#326fd1; - --blue-700:#295bac; - --blue-800:#204887; - --blue-900:#183462; - --green-50:#f4fcf7; - --green-100:#caf1d8; - --green-200:#a0e6ba; - --green-300:#76db9b; - --green-400:#4cd07d; - --green-500:#22c55e; - --green-600:#1da750; - --green-700:#188a42; - --green-800:#136c34; - --green-900:#0e4f26; - --yellow-50:#fefbf3; - --yellow-100:#faedc4; - --yellow-200:#f6de95; - --yellow-300:#f2d066; - --yellow-400:#eec137; - --yellow-500:#eab308; - --yellow-600:#c79807; - --yellow-700:#a47d06; - --yellow-800:#816204; - --yellow-900:#5e4803; - --cyan-50:#f3fbfd; - --cyan-100:#c3edf5; - --cyan-200:#94e0ed; - --cyan-300:#65d2e4; - --cyan-400:#35c4dc; - --cyan-500:#06b6d4; - --cyan-600:#059bb4; - --cyan-700:#047f94; - --cyan-800:#036475; - --cyan-900:#024955; - --pink-50:#fef6fa; - --pink-100:#fad3e7; - --pink-200:#f7b0d3; - --pink-300:#f38ec0; - --pink-400:#f06bac; - --pink-500:#ec4899; - --pink-600:#c93d82; - --pink-700:#a5326b; - --pink-800:#822854; - --pink-900:#5e1d3d; - --indigo-50:#f7f7fe; - --indigo-100:#dadafc; - --indigo-200:#bcbdf9; - --indigo-300:#9ea0f6; - --indigo-400:#8183f4; - --indigo-500:#6366f1; - --indigo-600:#5457cd; - --indigo-700:#4547a9; - --indigo-800:#363885; - --indigo-900:#282960; - --teal-50:#f3fbfb; - --teal-100:#c7eeea; - --teal-200:#9ae0d9; - --teal-300:#6dd3c8; - --teal-400:#41c5b7; - --teal-500:#14b8a6; - --teal-600:#119c8d; - --teal-700:#0e8174; - --teal-800:#0b655b; - --teal-900:#084a42; - --orange-50:#fff8f3; - --orange-100:#feddc7; - --orange-200:#fcc39b; - --orange-300:#fba86f; - --orange-400:#fa8e42; - --orange-500:#f97316; - --orange-600:#d46213; - --orange-700:#ae510f; - --orange-800:#893f0c; - --orange-900:#642e09; - --bluegray-50:#f7f8f9; - --bluegray-100:#dadee3; - --bluegray-200:#bcc3cd; - --bluegray-300:#9fa9b7; - --bluegray-400:#818ea1; - --bluegray-500:#64748b; - --bluegray-600:#556376; - --bluegray-700:#465161; - --bluegray-800:#37404c; - --bluegray-900:#282e38; - --purple-50:#fbf7ff; - --purple-100:#ead6fd; - --purple-200:#dab6fc; - --purple-300:#c996fa; - --purple-400:#b975f9; - --purple-500:#a855f7; - --purple-600:#8f48d2; - --purple-700:#763cad; - --purple-800:#5c2f88; - --purple-900:#432263; -} - -.p-autocomplete .p-autocomplete-loader { - right: 0.75rem; -} -.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 3.75rem; -} -.p-autocomplete .p-autocomplete-multiple-container { - padding: 0.375rem 0.75rem; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: #d4d4d8; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; - border-color: #4F46E5; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { - padding: 0.375rem 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - font-size: 1rem; - color: #3f3f46; - padding: 0; - margin: 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #EEF2FF; - color: #312E81; - border-radius: 0.375rem; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; -} - -p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #f0a9a7; -} - -.p-autocomplete-panel { - background: #ffffff; - color: #3f3f46; - border: 0 none; - border-radius: 0.375rem; - box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); -} -.p-autocomplete-panel .p-autocomplete-items:not(.p-autocomplete-virtualscroll) { - padding: 0.25rem 0; -} -.p-autocomplete-panel .p-autocomplete-items.p-autocomplete-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.25rem 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { - margin: 0; - padding: 0.75rem 1rem; - border: 0 none; - color: #3f3f46; - background: transparent; - transition: none; - border-radius: 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: #18181B; - background: #f4f4f5; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: #312E81; - background: #EEF2FF; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.75rem 1rem; - color: #3f3f46; - background: transparent; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: #3f3f46; - background: #ffffff; - font-weight: 600; -} - -p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { - border-color: #f0a9a7; -} - -.p-datepicker { - padding: 0.5rem; - background: #ffffff; - color: #3f3f46; - border: 1px solid #d4d4d8; - border-radius: 0.375rem; -} -.p-datepicker:not(.p-datepicker-inline) { - background: #ffffff; - border: 0 none; - box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); -} -.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { - background: #ffffff; -} -.p-datepicker .p-datepicker-header { - padding: 0.5rem; - color: #3f3f46; - background: #ffffff; - font-weight: 600; - margin: 0; - border-bottom: 1px solid #e5e7eb; - border-top-right-radius: 0.375rem; - border-top-left-radius: 0.375rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev, -.p-datepicker .p-datepicker-header .p-datepicker-next { - width: 2rem; - height: 2rem; - color: #71717A; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: none; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { - color: #18181B; - border-color: transparent; - background: #f4f4f5; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; -} -.p-datepicker .p-datepicker-header .p-datepicker-title { - line-height: 2rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - color: #3f3f46; - transition: none; - font-weight: 600; - padding: 0.5rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #4F46E5; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - margin-right: 0.5rem; -} -.p-datepicker table { - font-size: 1rem; - margin: 0.5rem 0; -} -.p-datepicker table th { - padding: 0.5rem; -} -.p-datepicker table th > span { - width: 2.5rem; - height: 2.5rem; -} -.p-datepicker table td { - padding: 0.5rem; -} -.p-datepicker table td > span { - width: 2.5rem; - height: 2.5rem; - border-radius: 50%; - transition: none; - border: 1px solid transparent; -} -.p-datepicker table td > span.p-highlight { - color: #312E81; - background: #EEF2FF; -} -.p-datepicker table td > span:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; -} -.p-datepicker table td.p-datepicker-today > span { - background: #d4d4d8; - color: #3f3f46; - border-color: transparent; -} -.p-datepicker table td.p-datepicker-today > span.p-highlight { - color: #312E81; - background: #EEF2FF; -} -.p-datepicker .p-datepicker-buttonbar { - padding: 1rem 0; - border-top: 1px solid #f3f4f6; -} -.p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; -} -.p-datepicker .p-timepicker { - border-top: 1px solid #f3f4f6; - padding: 0.5rem; -} -.p-datepicker .p-timepicker button { - width: 2rem; - height: 2rem; - color: #71717A; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: none; -} -.p-datepicker .p-timepicker button:enabled:hover { - color: #18181B; - border-color: transparent; - background: #f4f4f5; -} -.p-datepicker .p-timepicker button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; -} -.p-datepicker .p-timepicker button:last-child { - margin-top: 0.2em; -} -.p-datepicker .p-timepicker span { - font-size: 1.25rem; -} -.p-datepicker .p-timepicker > div { - padding: 0 0.5rem; -} -.p-datepicker.p-datepicker-timeonly .p-timepicker { - border-top: 0 none; -} -.p-datepicker .p-monthpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-monthpicker .p-monthpicker-month { - padding: 0.5rem; - transition: none; - border-radius: 0.375rem; -} -.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: #312E81; - background: #EEF2FF; -} -.p-datepicker .p-yearpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-yearpicker .p-yearpicker-year { - padding: 0.5rem; - transition: none; - border-radius: 0.375rem; -} -.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { - color: #312E81; - background: #EEF2FF; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #f3f4f6; - padding-right: 0.5rem; - padding-left: 0.5rem; - padding-top: 0; - padding-bottom: 0; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { - padding-left: 0; - border-left: 0 none; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { - padding-right: 0; -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { - background: #f4f4f5; -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { - background: #f4f4f5; -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { - background: #f4f4f5; -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; -} - -@media screen and (max-width: 769px) { - .p-datepicker table th, .p-datepicker table td { - padding: 0; - } -} -.p-cascadeselect { - background: #ffffff; - border: 1px solid #d4d4d8; - transition: none; - border-radius: 0.375rem; -} -.p-cascadeselect:not(.p-disabled):hover { - border-color: #d4d4d8; -} -.p-cascadeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; - border-color: #4F46E5; -} -.p-cascadeselect .p-cascadeselect-label { - background: transparent; - border: 0 none; - padding: 0.75rem 0.75rem; -} -.p-cascadeselect .p-cascadeselect-label.p-placeholder { - color: #71717A; -} -.p-cascadeselect .p-cascadeselect-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-cascadeselect .p-cascadeselect-trigger { - background: transparent; - color: #71717A; - width: 3rem; - border-top-right-radius: 0.375rem; - border-bottom-right-radius: 0.375rem; -} - -.p-cascadeselect-panel { - background: #ffffff; - color: #3f3f46; - border: 0 none; - border-radius: 0.375rem; - box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); -} -.p-cascadeselect-panel .p-cascadeselect-items { - padding: 0.25rem 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { - margin: 0; - border: 0 none; - color: #3f3f46; - background: transparent; - transition: none; - border-radius: 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.75rem 1rem; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #6366F1; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { - color: #312E81; - background: #EEF2FF; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #18181B; - background: #f4f4f5; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { - font-size: 0.875rem; -} - -p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #f0a9a7; -} - -.p-input-filled .p-cascadeselect { - background: #fafafa; -} -.p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #fafafa; -} -.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #ffffff; -} - -.p-checkbox { - width: 16px; - height: 16px; -} -.p-checkbox .p-checkbox-box { - border: 2px solid #d4d4d8; - background: #ffffff; - width: 16px; - height: 16px; - color: #3f3f46; - border-radius: 0.375rem; - transition: none; -} -.p-checkbox .p-checkbox-box .p-checkbox-icon { - transition-duration: 0.2s; - color: #ffffff; - font-size: 10px; -} -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #4F46E5; - background: #4F46E5; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #d4d4d8; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; - border-color: #4F46E5; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #4F46E5; - background: #4F46E5; - color: #ffffff; -} - -p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #f0a9a7; -} - -.p-input-filled .p-checkbox .p-checkbox-box { - background-color: #fafafa; -} -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #4F46E5; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #fafafa; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #4F46E5; -} - -.p-checkbox-label { - margin-left: 0.5rem; -} - -.p-chips .p-chips-multiple-container { - padding: 0.375rem 0.75rem; -} -.p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: #d4d4d8; -} -.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; - border-color: #4F46E5; -} -.p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #EEF2FF; - color: #312E81; - border-radius: 0.375rem; -} -.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { - margin-left: 0.5rem; -} -.p-chips .p-chips-multiple-container .p-chips-input-token { - padding: 0.375rem 0; -} -.p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - font-size: 1rem; - color: #3f3f46; - padding: 0; - margin: 0; -} - -p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { - border-color: #f0a9a7; -} - -.p-colorpicker-preview, -.p-fluid .p-colorpicker-preview.p-inputtext { - width: 2rem; - height: 2rem; -} - -.p-colorpicker-panel { - background: #27272A; - border: 1px solid #18181B; -} -.p-colorpicker-panel .p-colorpicker-color-handle, -.p-colorpicker-panel .p-colorpicker-hue-handle { - border-color: #ffffff; -} - -.p-colorpicker-overlay-panel { - box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); -} - -.p-dropdown { - background: #ffffff; - border: 1px solid #d4d4d8; - transition: none; - border-radius: 0.375rem; -} -.p-dropdown:not(.p-disabled):hover { - border-color: #d4d4d8; -} -.p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; - border-color: #4F46E5; -} -.p-dropdown.p-dropdown-clearable .p-dropdown-label { - padding-right: 1.75rem; -} -.p-dropdown .p-dropdown-label { - background: transparent; - border: 0 none; -} -.p-dropdown .p-dropdown-label.p-placeholder { - color: #71717A; -} -.p-dropdown .p-dropdown-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-dropdown .p-dropdown-trigger { - background: transparent; - color: #71717A; - width: 3rem; - border-top-right-radius: 0.375rem; - border-bottom-right-radius: 0.375rem; -} -.p-dropdown .p-dropdown-clear-icon { - color: #71717A; - right: 3rem; -} - -.p-dropdown-panel { - background: #ffffff; - color: #3f3f46; - border: 0 none; - border-radius: 0.375rem; - box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); -} -.p-dropdown-panel .p-dropdown-header { - padding: 0.5rem 0.75rem; - border-bottom: 0 none; - color: #3f3f46; - background: #fafafa; - margin: 0; - border-top-right-radius: 0.375rem; - border-top-left-radius: 0.375rem; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { - padding-right: 1.75rem; - margin-right: -1.75rem; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { - right: 0.75rem; - color: #71717A; -} -.p-dropdown-panel .p-dropdown-items:not(.p-dropdown-virtualscroll) { - padding: 0.25rem 0; -} -.p-dropdown-panel .p-dropdown-items.p-dropdown-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.25rem 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item { - margin: 0; - padding: 0.75rem 1rem; - border: 0 none; - color: #3f3f46; - background: transparent; - transition: none; - border-radius: 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: #312E81; - background: #EEF2FF; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: #18181B; - background: #f4f4f5; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.75rem 1rem; - color: #3f3f46; - background: transparent; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: #3f3f46; - background: #ffffff; - font-weight: 600; -} - -p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #f0a9a7; -} - -.p-input-filled .p-dropdown { - background: #fafafa; -} -.p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #fafafa; -} -.p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: #ffffff; -} - -.p-editor-container .p-editor-toolbar { - background: #fafafa; - border-top-right-radius: 0.375rem; - border-top-left-radius: 0.375rem; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #e5e7eb; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: #71717A; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: #71717A; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: #71717A; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: #3f3f46; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: #3f3f46; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: #3f3f46; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: #3f3f46; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: #3f3f46; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: #3f3f46; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #ffffff; - border: 0 none; - box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - border-radius: 0.375rem; - padding: 0.25rem 0; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: #3f3f46; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: #18181B; - background: #f4f4f5; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.75rem 1rem; -} -.p-editor-container .p-editor-content { - border-bottom-right-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; -} -.p-editor-container .p-editor-content.ql-snow { - border: 1px solid #e5e7eb; -} -.p-editor-container .p-editor-content .ql-editor { - background: #ffffff; - color: #3f3f46; - border-bottom-right-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; -} -.p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: #3f3f46; -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: #3f3f46; -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: #3f3f46; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #4F46E5; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #4F46E5; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #4F46E5; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #4F46E5; -} - -.p-inputgroup-addon { - background: #fafafa; - color: #71717A; - border-top: 1px solid #d4d4d8; - border-left: 1px solid #d4d4d8; - border-bottom: 1px solid #d4d4d8; - padding: 0.75rem 0.75rem; - min-width: 3rem; -} -.p-inputgroup-addon:last-child { - border-right: 1px solid #d4d4d8; -} - -.p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, -.p-inputgroup > .p-float-label > .p-component { - border-radius: 0; - margin: 0; -} -.p-inputgroup > .p-component + .p-inputgroup-addon, -.p-inputgroup > .p-element + .p-inputgroup-addon, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, -.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { - border-left: 0 none; -} -.p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, -.p-inputgroup > .p-float-label > .p-component:focus { - z-index: 1; -} -.p-inputgroup > .p-component:focus ~ label, -.p-inputgroup > .p-element:focus ~ label, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, -.p-inputgroup > .p-float-label > .p-component:focus ~ label { - z-index: 1; -} - -.p-inputgroup-addon:first-child, -.p-inputgroup button:first-child, -.p-inputgroup input:first-child, -.p-inputgroup > .p-inputwrapper:first-child > .p-component, -.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { - border-top-left-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; -} - -.p-inputgroup .p-float-label:first-child input { - border-top-left-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; -} - -.p-inputgroup-addon:last-child, -.p-inputgroup button:last-child, -.p-inputgroup input:last-child, -.p-inputgroup > .p-inputwrapper:last-child > .p-component, -.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { - border-top-right-radius: 0.375rem; - border-bottom-right-radius: 0.375rem; -} - -.p-inputgroup .p-float-label:last-child input { - border-top-right-radius: 0.375rem; - border-bottom-right-radius: 0.375rem; -} - -.p-fluid .p-inputgroup .p-button { - width: auto; -} -.p-fluid .p-inputgroup .p-button.p-button-icon-only { - width: 3rem; -} - -p-inputmask.ng-dirty.ng-invalid > .p-inputtext { - border-color: #f0a9a7; -} - -p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { - border-color: #f0a9a7; -} - -.p-inputswitch { - width: 3rem; - height: 1.75rem; -} -.p-inputswitch .p-inputswitch-slider { - background: #d4d4d8; - transition: none; - border-radius: 30px; -} -.p-inputswitch .p-inputswitch-slider:before { - background: #ffffff; - width: 1.25rem; - height: 1.25rem; - left: 0.25rem; - margin-top: -0.625rem; - border-radius: 50%; - transition-duration: 0.2s; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - transform: translateX(1.25rem); -} -.p-inputswitch.p-focus .p-inputswitch-slider { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; -} -.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #bebec4; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #4F46E5; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: #ffffff; -} -.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #4338CA; -} - -p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { - border-color: #f0a9a7; -} - -.p-inputtext { - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - font-size: 1rem; - color: #3f3f46; - background: #ffffff; - padding: 0.75rem 0.75rem; - border: 1px solid #d4d4d8; - transition: none; - appearance: none; - border-radius: 0.375rem; -} -.p-inputtext:enabled:hover { - border-color: #d4d4d8; -} -.p-inputtext:enabled:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; - border-color: #4F46E5; -} -.p-inputtext.ng-dirty.ng-invalid { - border-color: #f0a9a7; -} -.p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.65625rem 0.65625rem; -} -.p-inputtext.p-inputtext-lg { - font-size: 1.25rem; - padding: 0.9375rem 0.9375rem; -} - -.p-float-label > label { - left: 0.75rem; - color: #71717A; - transition-duration: 0.2s; -} - -.p-float-label > .ng-invalid.ng-dirty + label { - color: #f0a9a7; -} - -.p-input-icon-left > i:first-of-type { - left: 0.75rem; - color: #71717A; -} - -.p-input-icon-left > .p-inputtext { - padding-left: 2.5rem; -} - -.p-input-icon-left.p-float-label > label { - left: 2.5rem; -} - -.p-input-icon-right > i:last-of-type { - right: 0.75rem; - color: #71717A; -} - -.p-input-icon-right > .p-inputtext { - padding-right: 2.5rem; -} - -::-webkit-input-placeholder { - color: #71717A; -} - -:-moz-placeholder { - color: #71717A; -} - -::-moz-placeholder { - color: #71717A; -} - -:-ms-input-placeholder { - color: #71717A; -} - -.p-input-filled .p-inputtext { - background-color: #fafafa; -} -.p-input-filled .p-inputtext:enabled:hover { - background-color: #fafafa; -} -.p-input-filled .p-inputtext:enabled:focus { - background-color: #ffffff; -} - -.p-inputtext-sm .p-inputtext { - font-size: 0.875rem; - padding: 0.65625rem 0.65625rem; -} - -.p-inputtext-lg .p-inputtext { - font-size: 1.25rem; - padding: 0.9375rem 0.9375rem; -} - -.p-listbox { - background: #ffffff; - color: #3f3f46; - border: 1px solid #d4d4d8; - border-radius: 0.375rem; -} -.p-listbox .p-listbox-header { - padding: 0.5rem 0.75rem; - border-bottom: 0 none; - color: #3f3f46; - background: #fafafa; - margin: 0; - border-top-right-radius: 0.375rem; - border-top-left-radius: 0.375rem; -} -.p-listbox .p-listbox-header .p-listbox-filter { - padding-right: 1.75rem; -} -.p-listbox .p-listbox-header .p-listbox-filter-icon { - right: 0.75rem; - color: #71717A; -} -.p-listbox .p-listbox-header .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list { - padding: 0.25rem 0; -} -.p-listbox .p-listbox-list .p-listbox-item { - margin: 0; - padding: 0.75rem 1rem; - border: 0 none; - color: #3f3f46; - transition: none; - border-radius: 0; -} -.p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: #312E81; - background: #EEF2FF; -} -.p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #6366F1; -} -.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list .p-listbox-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: #3f3f46; - background: #ffffff; - font-weight: 600; -} -.p-listbox .p-listbox-list .p-listbox-empty-message { - padding: 0.75rem 1rem; - color: #3f3f46; - background: transparent; -} -.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { - color: #18181B; - background: #f4f4f5; -} - -p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #f0a9a7; -} - -.p-multiselect { - background: #ffffff; - border: 1px solid #d4d4d8; - transition: none; - border-radius: 0.375rem; -} -.p-multiselect:not(.p-disabled):hover { - border-color: #d4d4d8; -} -.p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; - border-color: #4F46E5; -} -.p-multiselect .p-multiselect-label { - padding: 0.75rem 0.75rem; - transition: none; -} -.p-multiselect .p-multiselect-label.p-placeholder { - color: #71717A; -} -.p-multiselect.p-multiselect-chip .p-multiselect-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #EEF2FF; - color: #312E81; - border-radius: 0.375rem; -} -.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { - margin-left: 0.5rem; -} -.p-multiselect .p-multiselect-trigger { - background: transparent; - color: #71717A; - width: 3rem; - border-top-right-radius: 0.375rem; - border-bottom-right-radius: 0.375rem; -} - -.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { - padding: 0.375rem 0.75rem; -} - -.p-multiselect-panel { - background: #ffffff; - color: #3f3f46; - border: 0 none; - border-radius: 0.375rem; - box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); -} -.p-multiselect-panel .p-multiselect-header { - padding: 0.5rem 0.75rem; - border-bottom: 0 none; - color: #3f3f46; - background: #fafafa; - margin: 0; - border-top-right-radius: 0.375rem; - border-top-left-radius: 0.375rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { - padding-right: 1.75rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { - right: 0.75rem; - color: #71717A; -} -.p-multiselect-panel .p-multiselect-header .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close { - margin-left: 0.5rem; - width: 2rem; - height: 2rem; - color: #71717A; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: none; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { - color: #18181B; - border-color: transparent; - background: #f4f4f5; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; -} -.p-multiselect-panel .p-multiselect-items:not(.p-multiselect-virtualscroll) { - padding: 0.25rem 0; -} -.p-multiselect-panel .p-multiselect-items.p-multiselect-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.25rem 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item { - margin: 0; - padding: 0.75rem 1rem; - border: 0 none; - color: #3f3f46; - background: transparent; - transition: none; - border-radius: 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: #312E81; - background: #EEF2FF; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #18181B; - background: #f4f4f5; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #6366F1; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: #3f3f46; - background: #ffffff; - font-weight: 600; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { - padding: 0.75rem 1rem; - color: #3f3f46; - background: transparent; -} - -p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #f0a9a7; -} - -.p-input-filled .p-multiselect { - background: #fafafa; -} -.p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #fafafa; -} -.p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #ffffff; -} - -p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #f0a9a7; -} - -.p-password-panel { - padding: 1.25rem; - background: #ffffff; - color: #3f3f46; - border: 0 none; - box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - border-radius: 0.375rem; -} -.p-password-panel .p-password-meter { - margin-bottom: 0.5rem; - background: #e5e7eb; -} -.p-password-panel .p-password-meter .p-password-strength.weak { - background: #EF4444; -} -.p-password-panel .p-password-meter .p-password-strength.medium { - background: #F59E0B; -} -.p-password-panel .p-password-meter .p-password-strength.strong { - background: #22C55E; -} - -.p-radiobutton { - width: 16px; - height: 16px; -} -.p-radiobutton .p-radiobutton-box { - border: 2px solid #d4d4d8; - background: #ffffff; - width: 16px; - height: 16px; - color: #3f3f46; - border-radius: 50%; - transition: none; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #d4d4d8; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; - border-color: #4F46E5; -} -.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - width: 6px; - height: 6px; - transition-duration: 0.2s; - background-color: #ffffff; -} -.p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #4F46E5; - background: #4F46E5; -} -.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #4F46E5; - background: #4F46E5; - color: #ffffff; -} - -p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #f0a9a7; -} - -.p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #fafafa; -} -.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #fafafa; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #4F46E5; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #4F46E5; -} - -.p-radiobutton-label { - margin-left: 0.5rem; -} - -.p-rating .p-rating-icon { - color: #3f3f46; - margin-left: 0.5rem; - transition: none; - font-size: 1.143rem; -} -.p-rating .p-rating-icon.p-rating-cancel { - color: #EF4444; -} -.p-rating .p-rating-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; -} -.p-rating .p-rating-icon:first-child { - margin-left: 0; -} -.p-rating .p-rating-icon.pi-star-fill { - color: #4F46E5; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { - color: #4F46E5; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - color: #DC2626; -} - -.p-selectbutton .p-button { - background: #ffffff; - border: 1px solid #d4d4d8; - color: #3f3f46; - transition: none; -} -.p-selectbutton .p-button .p-button-icon-left, -.p-selectbutton .p-button .p-button-icon-right { - color: #71717A; -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { - background: #f4f4f5; - border-color: #d4d4d8; - color: #3f3f46; -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: #71717A; -} -.p-selectbutton .p-button.p-highlight { - background: #4F46E5; - border-color: #4F46E5; - color: #ffffff; -} -.p-selectbutton .p-button.p-highlight .p-button-icon-left, -.p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: #ffffff; -} -.p-selectbutton .p-button.p-highlight:hover { - background: #4338CA; - border-color: #4338CA; - color: #ffffff; -} -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: #ffffff; -} - -p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #f0a9a7; -} - -.p-slider { - background: #e5e7eb; - border: 0 none; - border-radius: 0.375rem; -} -.p-slider.p-slider-horizontal { - height: 0.286rem; -} -.p-slider.p-slider-horizontal .p-slider-handle { - margin-top: -0.5715rem; - margin-left: -0.5715rem; -} -.p-slider.p-slider-vertical { - width: 0.286rem; -} -.p-slider.p-slider-vertical .p-slider-handle { - margin-left: -0.5715rem; - margin-bottom: -0.5715rem; -} -.p-slider .p-slider-handle { - height: 1.143rem; - width: 1.143rem; - background: #ffffff; - border: 2px solid #4F46E5; - border-radius: 50%; - transition: none; -} -.p-slider .p-slider-handle:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; -} -.p-slider .p-slider-range { - background: #4F46E5; -} -.p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #4F46E5; - border-color: #4F46E5; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { - transition: none, left 0.2s; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { - transition: width 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { - transition: none, bottom 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { - transition: height 0.2s; -} - -.p-togglebutton.p-button { - background: #ffffff; - border: 1px solid #d4d4d8; - color: #3f3f46; - transition: none; -} -.p-togglebutton.p-button .p-button-icon-left, -.p-togglebutton.p-button .p-button-icon-right { - color: #71717A; -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { - background: #f4f4f5; - border-color: #d4d4d8; - color: #3f3f46; -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: #71717A; -} -.p-togglebutton.p-button.p-highlight { - background: #4F46E5; - border-color: #4F46E5; - color: #ffffff; -} -.p-togglebutton.p-button.p-highlight .p-button-icon-left, -.p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: #ffffff; -} -.p-togglebutton.p-button.p-highlight:hover { - background: #4338CA; - border-color: #4338CA; - color: #ffffff; -} -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: #ffffff; -} - -p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #f0a9a7; -} - -.p-treeselect { - background: #ffffff; - border: 1px solid #d4d4d8; - transition: none; - border-radius: 0.375rem; -} -.p-treeselect:not(.p-disabled):hover { - border-color: #d4d4d8; -} -.p-treeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; - border-color: #4F46E5; -} -.p-treeselect .p-treeselect-label { - padding: 0.75rem 0.75rem; - transition: none; -} -.p-treeselect .p-treeselect-label.p-placeholder { - color: #71717A; -} -.p-treeselect.p-treeselect-chip .p-treeselect-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #e5e7eb; - color: #3f3f46; - border-radius: 16px; -} -.p-treeselect .p-treeselect-trigger { - background: transparent; - color: #71717A; - width: 3rem; - border-top-right-radius: 0.375rem; - border-bottom-right-radius: 0.375rem; -} - -p-treeselect.ng-invalid.ng-dirty > .p-treeselect { - border-color: #f0a9a7; -} - -.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { - padding: 0.375rem 0.75rem; -} - -.p-treeselect-panel { - background: #ffffff; - color: #3f3f46; - border: 0 none; - border-radius: 0.375rem; - box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { - border: 0 none; -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { - padding: 0.75rem 1rem; - color: #3f3f46; - background: transparent; -} - -.p-input-filled .p-treeselect { - background: #fafafa; -} -.p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #fafafa; -} -.p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: #ffffff; -} - -.p-button { - color: #ffffff; - background: #4F46E5; - border: 1px solid #4F46E5; - padding: 0.75rem 1rem; - font-size: 1rem; - transition: none; - border-radius: 0.375rem; -} -.p-button:enabled:hover { - background: #4338CA; - color: #ffffff; - border-color: #4338CA; -} -.p-button:enabled:active { - background: #4338CA; - color: #ffffff; - border-color: #4338CA; -} -.p-button.p-button-outlined { - background-color: transparent; - color: #4F46E5; - border: 1px solid; -} -.p-button.p-button-outlined:enabled:hover { - background: rgba(79, 70, 229, 0.04); - color: #4F46E5; - border: 1px solid; -} -.p-button.p-button-outlined:enabled:active { - background: rgba(79, 70, 229, 0.16); - color: #4F46E5; - border: 1px solid; -} -.p-button.p-button-outlined.p-button-plain { - color: #71717A; - border-color: #71717A; -} -.p-button.p-button-outlined.p-button-plain:enabled:hover { - background: #f4f4f5; - color: #71717A; -} -.p-button.p-button-outlined.p-button-plain:enabled:active { - background: #e5e7eb; - color: #71717A; -} -.p-button.p-button-text { - background-color: transparent; - color: #4F46E5; - border-color: transparent; -} -.p-button.p-button-text:enabled:hover { - background: rgba(79, 70, 229, 0.04); - color: #4F46E5; - border-color: transparent; -} -.p-button.p-button-text:enabled:active { - background: rgba(79, 70, 229, 0.16); - color: #4F46E5; - border-color: transparent; -} -.p-button.p-button-text.p-button-plain { - color: #71717A; -} -.p-button.p-button-text.p-button-plain:enabled:hover { - background: #f4f4f5; - color: #71717A; -} -.p-button.p-button-text.p-button-plain:enabled:active { - background: #e5e7eb; - color: #71717A; -} -.p-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; -} -.p-button .p-button-icon-left { - margin-right: 0.5rem; -} -.p-button .p-button-icon-right { - margin-left: 0.5rem; -} -.p-button .p-button-icon-bottom { - margin-top: 0.5rem; -} -.p-button .p-button-icon-top { - margin-bottom: 0.5rem; -} -.p-button .p-badge { - margin-left: 0.5rem; - min-width: 1rem; - height: 1rem; - line-height: 1rem; - color: #4F46E5; - background-color: #ffffff; -} -.p-button.p-button-raised { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); -} -.p-button.p-button-rounded { - border-radius: 2rem; -} -.p-button.p-button-icon-only { - width: 3rem; - padding: 0.75rem 0; -} -.p-button.p-button-icon-only .p-button-icon-left, -.p-button.p-button-icon-only .p-button-icon-right { - margin: 0; -} -.p-button.p-button-icon-only.p-button-rounded { - border-radius: 50%; - height: 3rem; -} -.p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.65625rem 0.875rem; -} -.p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; -} -.p-button.p-button-lg { - font-size: 1.25rem; - padding: 0.9375rem 1.25rem; -} -.p-button.p-button-lg .p-button-icon { - font-size: 1.25rem; -} -.p-button.p-button-loading-label-only .p-button-label { - margin-left: 0.5rem; -} -.p-button.p-button-loading-label-only .p-button-loading-icon { - margin-right: 0; -} - -.p-fluid .p-button { - width: 100%; -} -.p-fluid .p-button-icon-only { - width: 3rem; -} -.p-fluid .p-buttonset { - display: flex; -} -.p-fluid .p-buttonset .p-button { - flex: 1; -} - -.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { - color: #ffffff; - background: #64748B; - border: 1px solid #64748B; -} -.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { - background: #475569; - color: #ffffff; - border-color: #475569; -} -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #c0c7d2; -} -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: #475569; - color: #ffffff; - border-color: #475569; -} -.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { - background-color: transparent; - color: #64748B; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { - background: rgba(100, 116, 139, 0.04); - color: #64748B; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { - background: rgba(100, 116, 139, 0.16); - color: #64748B; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { - background-color: transparent; - color: #64748B; - border-color: transparent; -} -.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { - background: rgba(100, 116, 139, 0.04); - border-color: transparent; - color: #64748B; -} -.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { - background: rgba(100, 116, 139, 0.16); - border-color: transparent; - color: #64748B; -} - -.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { - color: #ffffff; - background: #3B82F6; - border: 1px solid #3B82F6; -} -.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { - background: #2563EB; - color: #ffffff; - border-color: #2563EB; -} -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #b1cdfb; -} -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: #2563EB; - color: #ffffff; - border-color: #2563EB; -} -.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { - background-color: transparent; - color: #3B82F6; - border: 1px solid; -} -.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { - background: rgba(59, 130, 246, 0.04); - color: #3B82F6; - border: 1px solid; -} -.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { - background: rgba(59, 130, 246, 0.16); - color: #3B82F6; - border: 1px solid; -} -.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { - background-color: transparent; - color: #3B82F6; - border-color: transparent; -} -.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { - background: rgba(59, 130, 246, 0.04); - border-color: transparent; - color: #3B82F6; -} -.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { - background: rgba(59, 130, 246, 0.16); - border-color: transparent; - color: #3B82F6; -} - -.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { - color: #ffffff; - background: #22C55E; - border: 1px solid #22C55E; -} -.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { - background: #16A34A; - color: #ffffff; - border-color: #16A34A; -} -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #a0efbd; -} -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: #16A34A; - color: #ffffff; - border-color: #16A34A; -} -.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { - background-color: transparent; - color: #22C55E; - border: 1px solid; -} -.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { - background: rgba(34, 197, 94, 0.04); - color: #22C55E; - border: 1px solid; -} -.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { - background: rgba(34, 197, 94, 0.16); - color: #22C55E; - border: 1px solid; -} -.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { - background-color: transparent; - color: #22C55E; - border-color: transparent; -} -.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { - background: rgba(34, 197, 94, 0.04); - border-color: transparent; - color: #22C55E; -} -.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { - background: rgba(34, 197, 94, 0.16); - border-color: transparent; - color: #22C55E; -} - -.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { - color: #ffffff; - background: #F59E0B; - border: 1px solid #F59E0B; -} -.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { - background: #D97706; - color: #ffffff; - border-color: #D97706; -} -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #fbd89d; -} -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: #D97706; - color: #ffffff; - border-color: #D97706; -} -.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { - background-color: transparent; - color: #F59E0B; - border: 1px solid; -} -.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { - background: rgba(245, 158, 11, 0.04); - color: #F59E0B; - border: 1px solid; -} -.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { - background: rgba(245, 158, 11, 0.16); - color: #F59E0B; - border: 1px solid; -} -.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { - background-color: transparent; - color: #F59E0B; - border-color: transparent; -} -.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { - background: rgba(245, 158, 11, 0.04); - border-color: transparent; - color: #F59E0B; -} -.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { - background: rgba(245, 158, 11, 0.16); - border-color: transparent; - color: #F59E0B; -} - -.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { - color: #ffffff; - background: #A855F7; - border: 1px solid #A855F7; -} -.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { - background: #9333EA; - color: #ffffff; - border-color: #9333EA; -} -.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #dcbbfc; -} -.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: #9333EA; - color: #ffffff; - border-color: #9333EA; -} -.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { - background-color: transparent; - color: #A855F7; - border: 1px solid; -} -.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { - background: rgba(168, 85, 247, 0.04); - color: #A855F7; - border: 1px solid; -} -.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { - background: rgba(168, 85, 247, 0.16); - color: #A855F7; - border: 1px solid; -} -.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { - background-color: transparent; - color: #A855F7; - border-color: transparent; -} -.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { - background: rgba(168, 85, 247, 0.04); - border-color: transparent; - color: #A855F7; -} -.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { - background: rgba(168, 85, 247, 0.16); - border-color: transparent; - color: #A855F7; -} - -.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { - color: #ffffff; - background: #EF4444; - border: 1px solid #EF4444; -} -.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { - background: #DC2626; - color: #ffffff; - border-color: #DC2626; -} -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #f9b4b4; -} -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: #DC2626; - color: #ffffff; - border-color: #DC2626; -} -.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { - background-color: transparent; - color: #EF4444; - border: 1px solid; -} -.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { - background: rgba(239, 68, 68, 0.04); - color: #EF4444; - border: 1px solid; -} -.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { - background: rgba(239, 68, 68, 0.16); - color: #EF4444; - border: 1px solid; -} -.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { - background-color: transparent; - color: #EF4444; - border-color: transparent; -} -.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { - background: rgba(239, 68, 68, 0.04); - border-color: transparent; - color: #EF4444; -} -.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { - background: rgba(239, 68, 68, 0.16); - border-color: transparent; - color: #EF4444; -} - -.p-button.p-button-link { - color: #4F46E5; - background: transparent; - border: transparent; -} -.p-button.p-button-link:enabled:hover { - background: transparent; - color: #4F46E5; - border-color: transparent; -} -.p-button.p-button-link:enabled:hover .p-button-label { - text-decoration: underline; -} -.p-button.p-button-link:enabled:focus { - background: transparent; - box-shadow: 0 0 0 0.2rem #6366F1; - border-color: transparent; -} -.p-button.p-button-link:enabled:active { - background: transparent; - color: #4F46E5; - border-color: transparent; -} - -.p-speeddial-button.p-button.p-button-icon-only { - width: 4rem; - height: 4rem; -} -.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { - font-size: 1.3rem; -} - -.p-speeddial-action { - width: 3rem; - height: 3rem; - background: #3f3f46; - color: #fff; -} -.p-speeddial-action:hover { - background: #27272A; - color: #fff; -} - -.p-speeddial-direction-up .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-up .p-speeddial-item:first-child { - margin-bottom: 0.5rem; -} - -.p-speeddial-direction-down .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-down .p-speeddial-item:first-child { - margin-top: 0.5rem; -} - -.p-speeddial-direction-left .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-left .p-speeddial-item:first-child { - margin-right: 0.5rem; -} - -.p-speeddial-direction-right .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-right .p-speeddial-item:first-child { - margin-left: 0.5rem; -} - -.p-speeddial-circle .p-speeddial-item, -.p-speeddial-semi-circle .p-speeddial-item, -.p-speeddial-quarter-circle .p-speeddial-item { - margin: 0; -} -.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, -.p-speeddial-semi-circle .p-speeddial-item:first-child, -.p-speeddial-semi-circle .p-speeddial-item:last-child, -.p-speeddial-quarter-circle .p-speeddial-item:first-child, -.p-speeddial-quarter-circle .p-speeddial-item:last-child { - margin: 0; -} - -.p-speeddial-mask { - background-color: rgba(0, 0, 0, 0.4); -} - -.p-carousel .p-carousel-content .p-carousel-prev, -.p-carousel .p-carousel-content .p-carousel-next { - width: 2rem; - height: 2rem; - color: #71717A; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: none; - margin: 0.5rem; -} -.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, -.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { - color: #18181B; - border-color: transparent; - background: #f4f4f5; -} -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; -} -.p-carousel .p-carousel-indicators { - padding: 1rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator { - margin-right: 0.5rem; - margin-bottom: 0.5rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: #f4f4f5; - width: 2rem; - height: 0.5rem; - transition: none; - border-radius: 0; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { - background: #e5e7eb; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #EEF2FF; - color: #312E81; -} - -.p-datatable .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-datatable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-datatable .p-datatable-header { - background: #fafafa; - color: #3f3f46; - border: 1px solid #f4f4f5; - border-width: 1px 0 1px 0; - padding: 1.25rem 1.25rem; - font-weight: 600; -} -.p-datatable .p-datatable-footer { - background: #fafafa; - color: #3f3f46; - border: 1px solid #f4f4f5; - border-width: 0 0 1px 0; - padding: 0.75rem 1.5rem; - font-weight: 600; -} -.p-datatable .p-datatable-thead > tr > th { - text-align: left; - padding: 0.75rem 1.5rem; - border: 1px solid #f4f4f5; - border-width: 0 0 1px 0; - font-weight: 500; - color: #6b7280; - background: #fafafa; - transition: none; -} -.p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #f4f4f5; - border-width: 0 0 1px 0; - font-weight: 600; - color: #3f3f46; - background: #fafafa; -} -.p-datatable .p-sortable-column .p-sortable-column-icon { - color: #71717A; - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: #312E81; - background: #EEF2FF; - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column:not(.p-highlight):hover { - background: #f4f4f5; - color: #3f3f46; -} -.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #71717A; -} -.p-datatable .p-sortable-column.p-highlight { - background: #fafafa; - color: #4F46E5; -} -.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #4F46E5; -} -.p-datatable .p-sortable-column.p-highlight:hover { - background: #f4f4f5; - color: #4F46E5; -} -.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { - color: #4F46E5; -} -.p-datatable .p-sortable-column:focus { - box-shadow: inset 0 0 0 1px #6366F1; - outline: 0 none; -} -.p-datatable .p-datatable-tbody > tr { - background: #ffffff; - color: #3f3f46; - transition: none; - outline-color: #6366F1; -} -.p-datatable .p-datatable-tbody > tr > td { - text-align: left; - border: 1px solid #f4f4f5; - border-width: 0 0 1px 0; - padding: 1rem 1.5rem; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { - width: 2rem; - height: 2rem; - color: #71717A; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: none; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { - color: #18181B; - border-color: transparent; - background: #f4f4f5; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { - margin-right: 0.5rem; -} -.p-datatable .p-datatable-tbody > tr.p-highlight { - background: #EEF2FF; - color: #312E81; -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #EEF2FF; -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #EEF2FF; -} -.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { - background: #f4f4f5; - color: #3f3f46; -} -.p-datatable .p-column-resizer-helper { - background: #4F46E5; -} -.p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #fafafa; -} -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot { - background-color: #fafafa; -} -.p-datatable .p-datatable-loading-icon { - font-size: 2rem; -} -.p-datatable.p-datatable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-footer { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-top { - border-width: 0 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-bottom { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { - background: #fcfcfc; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: #EEF2FF; - color: #312E81; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: #312E81; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: #312E81; -} -.p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.625rem 0.625rem; -} -.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.375rem 0.75rem; -} -.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.5rem 0.75rem; -} -.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.375rem 0.75rem; -} -.p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.375rem 0.75rem; -} -.p-datatable.p-datatable-lg .p-datatable-header { - padding: 1.5625rem 1.5625rem; -} -.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { - padding: 0.9375rem 1.875rem; -} -.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { - padding: 1.25rem 1.875rem; -} -.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { - padding: 0.9375rem 1.875rem; -} -.p-datatable.p-datatable-lg .p-datatable-footer { - padding: 0.9375rem 1.875rem; -} - -.p-dataview .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-dataview .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-dataview .p-dataview-header { - background: #fafafa; - color: #3f3f46; - border: 1px solid #f4f4f5; - border-width: 1px 0 1px 0; - padding: 1.25rem 1.25rem; - font-weight: 600; -} -.p-dataview .p-dataview-content { - background: #ffffff; - color: #3f3f46; - border: 0 none; - padding: 0; -} -.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid #f4f4f5; - border-width: 0 0 1px 0; -} -.p-dataview .p-dataview-footer { - background: #fafafa; - color: #3f3f46; - border: 1px solid #f4f4f5; - border-width: 0 0 1px 0; - padding: 0.75rem 1.5rem; - font-weight: 600; - border-bottom-left-radius: 0.375rem; - border-bottom-right-radius: 0.375rem; -} -.p-dataview .p-dataview-loading-icon { - font-size: 2rem; -} -.p-dataview .p-dataview-emptymessage { - padding: 1.25rem; -} - -.p-column-filter-row .p-column-filter-menu-button, -.p-column-filter-row .p-column-filter-clear-button { - margin-left: 0.5rem; -} - -.p-column-filter-menu-button { - width: 2rem; - height: 2rem; - color: #71717A; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: none; -} -.p-column-filter-menu-button:hover { - color: #18181B; - border-color: transparent; - background: #f4f4f5; -} -.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: #f4f4f5; - color: #18181B; -} -.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: #EEF2FF; - color: #312E81; -} -.p-column-filter-menu-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; -} - -.p-column-filter-clear-button { - width: 2rem; - height: 2rem; - color: #71717A; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: none; -} -.p-column-filter-clear-button:hover { - color: #18181B; - border-color: transparent; - background: #f4f4f5; -} -.p-column-filter-clear-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; -} - -.p-column-filter-overlay { - background: #ffffff; - color: #3f3f46; - border: 0 none; - border-radius: 0.375rem; - box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - min-width: 12.5rem; -} -.p-column-filter-overlay .p-column-filter-row-items { - padding: 0.25rem 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { - margin: 0; - padding: 0.75rem 1rem; - border: 0 none; - color: #3f3f46; - background: transparent; - transition: none; - border-radius: 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: #312E81; - background: #EEF2FF; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: #18181B; - background: #f4f4f5; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #6366F1; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #f3f4f6; - margin: 0.25rem 0; -} - -.p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.5rem 0.75rem; - border-bottom: 0 none; - color: #3f3f46; - background: #fafafa; - margin: 0; - border-top-right-radius: 0.375rem; - border-top-left-radius: 0.375rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint { - padding: 1.25rem; - border-bottom: 1px solid #f3f4f6; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { - margin-bottom: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { - margin-top: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { - border-bottom: 0 none; -} -.p-column-filter-overlay-menu .p-column-filter-add-rule { - padding: 0.75rem 1.25rem; -} -.p-column-filter-overlay-menu .p-column-filter-buttonbar { - padding: 1.25rem; -} - -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #fafafa; - border: 1px solid #e5e7eb; - color: #3f3f46; -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #ffffff; - border: 1px solid #e5e7eb; - color: #3f3f46; -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #e5e7eb; -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #e5e7eb; -} -.fc.fc-unthemed .fc-view-container .fc-event { - background: #4F46E5; - border: 1px solid #4F46E5; - color: #ffffff; -} -.fc.fc-unthemed .fc-view-container .fc-divider { - background: #fafafa; - border: 1px solid #e5e7eb; -} -.fc.fc-unthemed .fc-toolbar .fc-button { - color: #ffffff; - background: #4F46E5; - border: 1px solid #4F46E5; - font-size: 1rem; - transition: none; - border-radius: 0.375rem; - display: flex; - align-items: center; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #4338CA; - color: #ffffff; - border-color: #4338CA; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #4338CA; - color: #ffffff; - border-color: #4338CA; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 1px solid #d4d4d8; - color: #3f3f46; - transition: none; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #f4f4f5; - border-color: #d4d4d8; - color: #3f3f46; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #4F46E5; - border-color: #4F46E5; - color: #ffffff; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #4338CA; - border-color: #4338CA; - color: #ffffff; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; - z-index: 1; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 0.375rem; - border-bottom-right-radius: 0.375rem; -} -.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #e5e7eb; -} -.fc.fc-theme-standard .fc-view-harness th { - background: #fafafa; - border-color: #e5e7eb; - color: #3f3f46; -} -.fc.fc-theme-standard .fc-view-harness td { - color: #3f3f46; - border-color: #e5e7eb; -} -.fc.fc-theme-standard .fc-view-harness .fc-view { - background: #ffffff; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #e5e7eb; - padding: 1.25rem; - background: #fafafa; - color: #3f3f46; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: #71717A; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: none; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: #18181B; - border-color: transparent; - background: #f4f4f5; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1.25rem; - border: 1px solid #e5e7eb; - background: #ffffff; - color: #3f3f46; - border-top: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #ffffff; - background: #4F46E5; - border-color: #4F46E5; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #ffffff; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #4F46E5; - border-color: #4F46E5; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: #f4f4f5; - color: #18181B; -} -.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #fafafa; -} -.fc.fc-theme-standard .fc-toolbar .fc-button { - color: #ffffff; - background: #4F46E5; - border: 1px solid #4F46E5; - font-size: 1rem; - transition: none; - border-radius: 0.375rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #4338CA; - color: #ffffff; - border-color: #4338CA; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #4338CA; - color: #ffffff; - border-color: #4338CA; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.6; - color: #ffffff; - background: #4F46E5; - border: 1px solid #4F46E5; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 1px solid #d4d4d8; - color: #3f3f46; - transition: none; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #f4f4f5; - border-color: #d4d4d8; - color: #3f3f46; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #4F46E5; - border-color: #4F46E5; - color: #ffffff; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #4338CA; - border-color: #4338CA; - color: #ffffff; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; - z-index: 1; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 0.375rem; - border-bottom-right-radius: 0.375rem; -} -.fc.fc-theme-standard a { - color: #3f3f46; -} -.fc.fc-theme-standard .fc-highlight { - color: #312E81; - background: #EEF2FF; -} - -.p-orderlist .p-orderlist-controls { - padding: 1.25rem; -} -.p-orderlist .p-orderlist-controls .p-button { - margin-bottom: 0.5rem; -} -.p-orderlist .p-orderlist-header { - background: #fafafa; - color: #3f3f46; - border: 1px solid #e5e7eb; - padding: 1.25rem; - border-bottom: 0 none; - border-top-right-radius: 0.375rem; - border-top-left-radius: 0.375rem; -} -.p-orderlist .p-orderlist-header .p-orderlist-title { - font-weight: 700; -} -.p-orderlist .p-orderlist-filter-container { - padding: 1.25rem; - background: #ffffff; - border: 1px solid #e5e7eb; - border-bottom: 0 none; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { - padding-right: 1.75rem; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { - right: 0.75rem; - color: #71717A; -} -.p-orderlist .p-orderlist-list { - border: 1px solid #e5e7eb; - background: #ffffff; - color: #3f3f46; - padding: 0.25rem 0; - border-bottom-right-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; -} -.p-orderlist .p-orderlist-list .p-orderlist-item { - padding: 0.75rem 1rem; - margin: 0; - border: 0 none; - color: #3f3f46; - background: transparent; - transition: none; -} -.p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #6366F1; -} -.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #312E81; - background: #EEF2FF; -} -.p-orderlist .p-orderlist-list .p-orderlist-empty-message { - padding: 0.75rem 1rem; - color: #3f3f46; -} -.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { - background: #f4f4f5; - color: #18181B; -} - -.p-orderlist-item.cdk-drag-preview { - padding: 0.75rem 1rem; - box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - border: 0 none; - color: #3f3f46; - background: #ffffff; - margin: 0; -} - -.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: #f4f4f5; - color: #18181B; -} -.p-organizationchart .p-organizationchart-node-content.p-highlight { - background: #EEF2FF; - color: #312E81; -} -.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: #6f91ff; -} -.p-organizationchart .p-organizationchart-line-down { - background: #e5e7eb; -} -.p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #e5e7eb; - border-color: #e5e7eb; -} -.p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #e5e7eb; - border-color: #e5e7eb; -} -.p-organizationchart .p-organizationchart-node-content { - border: 1px solid #e5e7eb; - background: #ffffff; - color: #3f3f46; - padding: 1.25rem; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler { - background: inherit; - color: inherit; - border-radius: 50%; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; -} - -.p-paginator { - background: #ffffff; - color: #71717A; - border: solid #f4f4f5; - border-width: 0; - padding: 0.75rem 1.5rem; - border-radius: 0.375rem; -} -.p-paginator .p-paginator-first, -.p-paginator .p-paginator-prev, -.p-paginator .p-paginator-next, -.p-paginator .p-paginator-last { - background-color: transparent; - border: 1px solid #d4d4d8; - color: #71717A; - min-width: 3rem; - height: 3rem; - margin: 0 0 0 -1px; - transition: none; - border-radius: 0; -} -.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { - background: #f4f4f5; - border-color: #d4d4d8; - color: #3f3f46; -} -.p-paginator .p-paginator-first { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.p-paginator .p-paginator-last { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.p-paginator .p-dropdown { - margin-left: 0.5rem; - margin-right: 0.5rem; - height: 3rem; -} -.p-paginator .p-dropdown .p-dropdown-label { - padding-right: 0; -} -.p-paginator .p-paginator-page-input { - margin-left: 0.5rem; - margin-right: 0.5rem; -} -.p-paginator .p-paginator-page-input .p-inputtext { - max-width: 3rem; -} -.p-paginator .p-paginator-current { - background-color: transparent; - border: 1px solid #d4d4d8; - color: #71717A; - min-width: 3rem; - height: 3rem; - margin: 0 0 0 -1px; - padding: 0 0.5rem; -} -.p-paginator .p-paginator-pages .p-paginator-page { - background-color: transparent; - border: 1px solid #d4d4d8; - color: #71717A; - min-width: 3rem; - height: 3rem; - margin: 0 0 0 -1px; - transition: none; - border-radius: 0; -} -.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: #EEF2FF; - border-color: #EEF2FF; - color: #312E81; -} -.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { - background: #f4f4f5; - border-color: #d4d4d8; - color: #3f3f46; -} - -.p-picklist .p-picklist-buttons { - padding: 1.25rem; -} -.p-picklist .p-picklist-buttons .p-button { - margin-bottom: 0.5rem; -} -.p-picklist .p-picklist-header { - background: #fafafa; - color: #3f3f46; - border: 1px solid #e5e7eb; - padding: 1.25rem; - border-bottom: 0 none; - border-top-right-radius: 0.375rem; - border-top-left-radius: 0.375rem; -} -.p-picklist .p-picklist-header .p-picklist-title { - font-weight: 700; -} -.p-picklist .p-picklist-filter-container { - padding: 1.25rem; - background: #ffffff; - border: 1px solid #e5e7eb; - border-bottom: 0 none; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-input { - padding-right: 1.75rem; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { - right: 0.75rem; - color: #71717A; -} -.p-picklist .p-picklist-list { - border: 1px solid #e5e7eb; - background: #ffffff; - color: #3f3f46; - padding: 0.25rem 0; - border-bottom-right-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; -} -.p-picklist .p-picklist-list .p-picklist-item { - padding: 0.75rem 1rem; - margin: 0; - border: 0 none; - color: #3f3f46; - background: transparent; - transition: none; -} -.p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #6366F1; -} -.p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: #312E81; - background: #EEF2FF; -} -.p-picklist .p-picklist-list .p-picklist-empty-message { - padding: 0.75rem 1rem; - color: #3f3f46; -} -.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { - background: #f4f4f5; - color: #18181B; -} - -.p-picklist-item.cdk-drag-preview { - padding: 0.75rem 1rem; - box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - border: 0 none; - color: #3f3f46; - background: #ffffff; - margin: 0; -} - -.p-timeline .p-timeline-event-marker { - border: 2px solid #4F46E5; - border-radius: 50%; - width: 1rem; - height: 1rem; - background-color: #ffffff; -} -.p-timeline .p-timeline-event-connector { - background-color: #e5e7eb; -} -.p-timeline.p-timeline-vertical .p-timeline-event-opposite, -.p-timeline.p-timeline-vertical .p-timeline-event-content { - padding: 0 1rem; -} -.p-timeline.p-timeline-vertical .p-timeline-event-connector { - width: 2px; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, -.p-timeline.p-timeline-horizontal .p-timeline-event-content { - padding: 1rem 0; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-connector { - height: 2px; -} - -.p-tree { - border: 1px solid #e5e7eb; - background: #ffffff; - color: #3f3f46; - padding: 1.25rem; - border-radius: 0.375rem; -} -.p-tree .p-tree-container .p-treenode { - padding: 0.143rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content { - border-radius: 0.375rem; - transition: none; - padding: 0; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; - width: 2rem; - height: 2rem; - color: #71717A; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: none; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { - color: #18181B; - border-color: transparent; - background: #f4f4f5; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { - margin-right: 0.5rem; - color: #71717A; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { - color: #3f3f46; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: #EEF2FF; - color: #312E81; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #312E81; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { - color: #312E81; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: #f4f4f5; - color: #18181B; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { - background: #f4f4f5; - color: #18181B; -} -.p-tree .p-tree-filter-container { - margin-bottom: 0.5rem; -} -.p-tree .p-tree-filter-container .p-tree-filter { - width: 100%; - padding-right: 1.75rem; -} -.p-tree .p-tree-filter-container .p-tree-filter-icon { - right: 0.75rem; - color: #71717A; -} -.p-tree .p-treenode-children { - padding: 0 0 0 1rem; -} -.p-tree .p-tree-loading-icon { - font-size: 2rem; -} -.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: #8ba7ff; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { - border-radius: 0.375rem; - border: 1px solid #e5e7eb; - background-color: #ffffff; - color: #3f3f46; - padding: 0; - transition: none; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { - background-color: #EEF2FF; - color: #312E81; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #312E81; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { - color: #71717A; - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { - background-color: inherit; - color: inherit; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: #f4f4f5; - color: #18181B; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; -} - -.p-treetable .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-treetable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-treetable .p-treetable-header { - background: #fafafa; - color: #3f3f46; - border: 1px solid #f4f4f5; - border-width: 1px 0 1px 0; - padding: 1.25rem 1.25rem; - font-weight: 600; -} -.p-treetable .p-treetable-footer { - background: #fafafa; - color: #3f3f46; - border: 1px solid #f4f4f5; - border-width: 0 0 1px 0; - padding: 0.75rem 1.5rem; - font-weight: 600; -} -.p-treetable .p-treetable-thead > tr > th { - text-align: left; - padding: 0.75rem 1.5rem; - border: 1px solid #f4f4f5; - border-width: 0 0 1px 0; - font-weight: 500; - color: #6b7280; - background: #fafafa; - transition: none; -} -.p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #f4f4f5; - border-width: 0 0 1px 0; - font-weight: 600; - color: #3f3f46; - background: #fafafa; -} -.p-treetable .p-sortable-column { - outline-color: #6366F1; -} -.p-treetable .p-sortable-column .p-sortable-column-icon { - color: #71717A; - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: #312E81; - background: #EEF2FF; - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column:not(.p-highlight):hover { - background: #f4f4f5; - color: #3f3f46; -} -.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #71717A; -} -.p-treetable .p-sortable-column.p-highlight { - background: #fafafa; - color: #4F46E5; -} -.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #4F46E5; -} -.p-treetable .p-treetable-tbody > tr { - background: #ffffff; - color: #3f3f46; - transition: none; - outline-color: #6366F1; -} -.p-treetable .p-treetable-tbody > tr > td { - text-align: left; - border: 1px solid #f4f4f5; - border-width: 0 0 1px 0; - padding: 1rem 1.5rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { - width: 2rem; - height: 2rem; - color: #71717A; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: none; - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { - color: #18181B; - border-color: transparent; - background: #f4f4f5; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { - color: #3f3f46; -} -.p-treetable .p-treetable-tbody > tr.p-highlight { - background: #EEF2FF; - color: #312E81; -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: #312E81; -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: #312E81; -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { - background: #f4f4f5; - color: #3f3f46; -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { - color: #3f3f46; -} -.p-treetable .p-column-resizer-helper { - background: #4F46E5; -} -.p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #fafafa; -} -.p-treetable .p-treetable-loading-icon { - font-size: 2rem; -} -.p-treetable.p-treetable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-footer { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-top { - border-width: 0 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-bottom { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-sm .p-treetable-header { - padding: 1.09375rem 1.09375rem; -} -.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { - padding: 0.375rem 0.75rem; -} -.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { - padding: 0.5rem 0.75rem; -} -.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { - padding: 0.375rem 0.75rem; -} -.p-treetable.p-treetable-sm .p-treetable-footer { - padding: 0.375rem 0.75rem; -} -.p-treetable.p-treetable-lg .p-treetable-header { - padding: 1.5625rem 1.5625rem; -} -.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { - padding: 0.9375rem 1.875rem; -} -.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { - padding: 1.25rem 1.875rem; -} -.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { - padding: 0.9375rem 1.875rem; -} -.p-treetable.p-treetable-lg .p-treetable-footer { - padding: 0.9375rem 1.875rem; -} - -.p-virtualscroller .p-virtualscroller-header { - background: #fafafa; - color: #3f3f46; - border: 1px solid #f4f4f5; - border-width: 1px 0 1px 0; - padding: 1.25rem 1.25rem; - font-weight: 600; -} -.p-virtualscroller .p-virtualscroller-content { - background: #ffffff; - color: #3f3f46; - border: 0 none; - padding: 0; -} -.p-virtualscroller .p-virtualscroller-footer { - background: #fafafa; - color: #3f3f46; - border: 1px solid #f4f4f5; - border-width: 0 0 1px 0; - padding: 0.75rem 1.5rem; - font-weight: 600; - border-bottom-left-radius: 0.375rem; - border-bottom-right-radius: 0.375rem; -} - -.p-accordion .p-accordion-header .p-accordion-header-link { - padding: 1.25rem; - border: 1px solid #e5e7eb; - color: #3f3f46; - background: #fafafa; - font-weight: 700; - border-radius: 0.375rem; - transition: none; -} -.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { - margin-right: 0.5rem; -} -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; -} -.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { - background: #f4f4f5; - border-color: #e5e7eb; - color: #3f3f46; -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #fafafa; - border-color: #e5e7eb; - color: #3f3f46; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-color: #e5e7eb; - background: #f4f4f5; - color: #3f3f46; -} -.p-accordion .p-accordion-content { - padding: 1.25rem; - border: 1px solid #e5e7eb; - background: #ffffff; - color: #3f3f46; - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; -} -.p-accordion p-accordiontab .p-accordion-tab { - margin-bottom: 0; -} -.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { - border-radius: 0; -} -.p-accordion p-accordiontab .p-accordion-content { - border-radius: 0; -} -.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { - border-top: 0 none; -} -.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-top: 0 none; -} -.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { - border-top-right-radius: 0.375rem; - border-top-left-radius: 0.375rem; -} -.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { - border-bottom-right-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; -} -.p-accordion p-accordiontab:last-child .p-accordion-content { - border-bottom-right-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; -} - -.p-card { - background: #ffffff; - color: #3f3f46; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - border-radius: 0.375rem; -} -.p-card .p-card-body { - padding: 1.25rem; -} -.p-card .p-card-title { - font-size: 1.5rem; - font-weight: 700; - margin-bottom: 0.5rem; -} -.p-card .p-card-subtitle { - font-weight: 400; - margin-bottom: 0.5rem; - color: #71717A; -} -.p-card .p-card-content { - padding: 1.25rem 0; -} -.p-card .p-card-footer { - padding: 1.25rem 0 0 0; -} - -.p-divider .p-divider-content { - background-color: #ffffff; -} -.p-divider.p-divider-horizontal { - margin: 1rem 0; - padding: 0 1rem; -} -.p-divider.p-divider-horizontal:before { - border-top: 1px #e5e7eb; -} -.p-divider.p-divider-horizontal .p-divider-content { - padding: 0 0.5rem; -} -.p-divider.p-divider-vertical { - margin: 0 1rem; - padding: 1rem 0; -} -.p-divider.p-divider-vertical:before { - border-left: 1px #e5e7eb; -} -.p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; -} - -.p-fieldset { - border: 1px solid #e5e7eb; - background: #ffffff; - color: #3f3f46; - border-radius: 0.375rem; -} -.p-fieldset .p-fieldset-legend { - padding: 1.25rem; - border: 1px solid #e5e7eb; - color: #3f3f46; - background: #fafafa; - font-weight: 700; - border-radius: 0.375rem; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { - padding: 0; - transition: none; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { - padding: 1.25rem; - color: #3f3f46; - border-radius: 0.375rem; - transition: none; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { - margin-right: 0.5rem; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: #f4f4f5; - border-color: #e5e7eb; - color: #18181B; -} -.p-fieldset .p-fieldset-content { - padding: 1.25rem; -} - -.p-panel .p-panel-header { - border: 1px solid #e5e7eb; - padding: 1.25rem; - background: #fafafa; - color: #3f3f46; - border-top-right-radius: 0.375rem; - border-top-left-radius: 0.375rem; -} -.p-panel .p-panel-header .p-panel-title { - font-weight: 700; -} -.p-panel .p-panel-header .p-panel-header-icon { - width: 2rem; - height: 2rem; - color: #71717A; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: none; -} -.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { - color: #18181B; - border-color: transparent; - background: #f4f4f5; -} -.p-panel .p-panel-header .p-panel-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; -} -.p-panel.p-panel-toggleable .p-panel-header { - padding: 0.75rem 1.25rem; -} -.p-panel .p-panel-content { - padding: 1.25rem; - border: 1px solid #e5e7eb; - background: #ffffff; - color: #3f3f46; - border-bottom-right-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; - border-top: 0 none; -} -.p-panel .p-panel-footer { - padding: 0.75rem 1.25rem; - border: 1px solid #e5e7eb; - background: #ffffff; - color: #3f3f46; - border-top: 0 none; -} - -.p-scrollpanel .p-scrollpanel-bar { - background: #fafafa; - border: 0 none; -} - -.p-splitter { - border: 1px solid #e5e7eb; - background: #ffffff; - border-radius: 0.375rem; - color: #3f3f46; -} -.p-splitter .p-splitter-gutter { - transition: none; - background: #fafafa; -} -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: #e5e7eb; -} -.p-splitter .p-splitter-gutter-resizing { - background: #e5e7eb; -} - -.p-tabview .p-tabview-nav { - background: #ffffff; - border: 1px solid #e5e7eb; - border-width: 0 0 2px 0; -} -.p-tabview .p-tabview-nav li { - margin-right: 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #e5e7eb; - border-width: 0 0 2px 0; - border-color: transparent transparent #e5e7eb transparent; - background: #ffffff; - color: #71717A; - padding: 1.25rem; - font-weight: 700; - border-top-right-radius: 0.375rem; - border-top-left-radius: 0.375rem; - transition: none; - margin: 0 0 -2px 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #6366F1; -} -.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #ffffff; - border-color: #71717A; - color: #71717A; -} -.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #ffffff; - border-color: #4F46E5; - color: #4F46E5; -} -.p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; -} -.p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-close { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-nav-btn.p-link { - background: #ffffff; - color: #4F46E5; - width: 3rem; - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); - border-radius: 0; -} -.p-tabview .p-tabview-nav-btn.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #6366F1; -} -.p-tabview .p-tabview-panels { - background: #ffffff; - padding: 1.25rem; - border: 0 none; - color: #3f3f46; - border-bottom-right-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; -} - -.p-toolbar { - background: #fafafa; - border: 1px solid #e5e7eb; - padding: 1.25rem; - border-radius: 0.375rem; -} -.p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; -} - -.p-confirm-popup { - background: #ffffff; - color: #3f3f46; - border: 0 none; - border-radius: 0.375rem; - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); -} -.p-confirm-popup .p-confirm-popup-content { - padding: 1.25rem; -} -.p-confirm-popup .p-confirm-popup-footer { - text-align: right; - padding: 0.75rem 1.25rem; -} -.p-confirm-popup .p-confirm-popup-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-confirm-popup .p-confirm-popup-footer button:last-child { - margin: 0; -} -.p-confirm-popup:after { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-confirm-popup:before { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-confirm-popup.p-confirm-popup-flipped:after { - border-top-color: #ffffff; -} -.p-confirm-popup.p-confirm-popup-flipped:before { - border-top-color: #ffffff; -} -.p-confirm-popup .p-confirm-popup-icon { - font-size: 1.5rem; -} -.p-confirm-popup .p-confirm-popup-message { - margin-left: 1rem; -} - -.p-dialog { - border-radius: 0.375rem; - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); - border: 0 none; -} -.p-dialog .p-dialog-header { - border-bottom: 0 none; - background: #ffffff; - color: #3f3f46; - padding: 1.5rem; - border-top-right-radius: 0.375rem; - border-top-left-radius: 0.375rem; -} -.p-dialog .p-dialog-header .p-dialog-title { - font-weight: 600; - font-size: 1.5rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon { - width: 2rem; - height: 2rem; - color: #71717A; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: none; - margin-right: 0.5rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { - color: #18181B; - border-color: transparent; - background: #f4f4f5; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { - margin-right: 0; -} -.p-dialog .p-dialog-content { - background: #ffffff; - color: #3f3f46; - padding: 0 1.5rem 1.5rem 1.5rem; -} -.p-dialog .p-dialog-footer { - border-top: 0 none; - background: #ffffff; - color: #3f3f46; - padding: 0 1.5rem 1.5rem 1.5rem; - text-align: right; - border-bottom-right-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; -} -.p-dialog .p-dialog-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { - font-size: 2rem; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; -} - -.p-overlaypanel { - background: #ffffff; - color: #3f3f46; - border: 0 none; - border-radius: 0.375rem; - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); -} -.p-overlaypanel .p-overlaypanel-content { - padding: 1.25rem; -} -.p-overlaypanel .p-overlaypanel-close { - background: #4F46E5; - color: #ffffff; - width: 2rem; - height: 2rem; - transition: none; - border-radius: 50%; - position: absolute; - top: -1rem; - right: -1rem; -} -.p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #4338CA; - color: #ffffff; -} -.p-overlaypanel:after { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-overlaypanel:before { - border: solid transparent; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; -} -.p-overlaypanel.p-overlaypanel-flipped:after { - border-top-color: #ffffff; -} -.p-overlaypanel.p-overlaypanel-flipped:before { - border-top-color: #ffffff; -} - -.p-sidebar { - background: #ffffff; - color: #3f3f46; - border: 0 none; - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); -} -.p-sidebar .p-sidebar-header { - padding: 1.25rem; -} -.p-sidebar .p-sidebar-header .p-sidebar-close, -.p-sidebar .p-sidebar-header .p-sidebar-icon { - width: 2rem; - height: 2rem; - color: #71717A; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: none; -} -.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, -.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { - color: #18181B; - border-color: transparent; - background: #f4f4f5; -} -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; -} -.p-sidebar .p-sidebar-header + .p-sidebar-content { - padding-top: 0; -} -.p-sidebar .p-sidebar-content { - padding: 1.25rem; -} - -.p-tooltip .p-tooltip-text { - background: #3f3f46; - color: #ffffff; - padding: 0.75rem 0.75rem; - box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - border-radius: 0.375rem; -} -.p-tooltip.p-tooltip-right .p-tooltip-arrow { - border-right-color: #3f3f46; -} -.p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #3f3f46; -} -.p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #3f3f46; -} -.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #3f3f46; -} - -.p-fileupload .p-fileupload-buttonbar { - background: #fafafa; - padding: 1.25rem; - border: 1px solid #e5e7eb; - color: #3f3f46; - border-bottom: 0 none; - border-top-right-radius: 0.375rem; - border-top-left-radius: 0.375rem; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; -} -.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; -} -.p-fileupload .p-fileupload-content { - background: #ffffff; - padding: 2rem 1rem; - border: 1px solid #e5e7eb; - color: #3f3f46; - border-bottom-right-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; -} -.p-fileupload .p-progressbar { - height: 0.25rem; -} -.p-fileupload .p-fileupload-row > div { - padding: 1rem 1.5rem; -} -.p-fileupload.p-fileupload-advanced .p-message { - margin-top: 0; -} - -.p-fileupload-choose:not(.p-disabled):hover { - background: #4338CA; - color: #ffffff; - border-color: #4338CA; -} -.p-fileupload-choose:not(.p-disabled):active { - background: #4338CA; - color: #ffffff; - border-color: #4338CA; -} - -.p-breadcrumb { - background: #ffffff; - border: 1px solid #e5e7eb; - border-radius: 0.375rem; - padding: 1rem; -} -.p-breadcrumb ul li .p-menuitem-link { - transition: none; - border-radius: 0.375rem; -} -.p-breadcrumb ul li .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { - color: #3f3f46; -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { - color: #71717A; -} -.p-breadcrumb ul li.p-breadcrumb-chevron { - margin: 0 0.5rem 0 0.5rem; - color: #3f3f46; -} -.p-breadcrumb ul li:last-child .p-menuitem-text { - color: #3f3f46; -} -.p-breadcrumb ul li:last-child .p-menuitem-icon { - color: #71717A; -} - -.p-contextmenu { - padding: 0.25rem 0; - background: #ffffff; - color: #3f3f46; - border: 0 none; - box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - border-radius: 0.375rem; - width: 12.5rem; -} -.p-contextmenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: #3f3f46; - border-radius: 0; - transition: none; - user-select: none; -} -.p-contextmenu .p-menuitem-link .p-menuitem-text { - color: #3f3f46; -} -.p-contextmenu .p-menuitem-link .p-menuitem-icon { - color: #71717A; - margin-right: 0.5rem; -} -.p-contextmenu .p-menuitem-link .p-submenu-icon { - color: #71717A; -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: #f4f4f5; -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #18181B; -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #71717A; -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #71717A; -} -.p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #6366F1; -} -.p-contextmenu .p-submenu-list { - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - border-radius: 0.375rem; -} -.p-contextmenu .p-menuitem { - margin: 0; -} -.p-contextmenu .p-menuitem:last-child { - margin: 0; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #f4f4f5; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #3f3f46; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #71717A; -} -.p-contextmenu .p-menu-separator { - border-top: 1px solid #f3f4f6; - margin: 0.25rem 0; -} -.p-contextmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-dock .p-dock-list { - background: rgba(255, 255, 255, 0.1); - border: 1px solid rgba(255, 255, 255, 0.2); - padding: 0.5rem 0.5rem; - border-radius: 0.5rem; -} -.p-dock .p-dock-item { - padding: 0.5rem; -} -.p-dock .p-dock-action { - width: 4rem; - height: 4rem; -} -.p-dock.p-dock-top .p-dock-item-second-prev, -.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, -.p-dock.p-dock-bottom .p-dock-item-second-next { - margin: 0 0.9rem; -} -.p-dock.p-dock-top .p-dock-item-prev, -.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, -.p-dock.p-dock-bottom .p-dock-item-next { - margin: 0 1.3rem; -} -.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { - margin: 0 1.5rem; -} -.p-dock.p-dock-left .p-dock-item-second-prev, -.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, -.p-dock.p-dock-right .p-dock-item-second-next { - margin: 0.9rem 0; -} -.p-dock.p-dock-left .p-dock-item-prev, -.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, -.p-dock.p-dock-right .p-dock-item-next { - margin: 1.3rem 0; -} -.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { - margin: 1.5rem 0; -} - -@media screen and (max-width: 960px) { - .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { - margin: auto 0; - } - .p-dock .p-dock-list .p-dock-item { - transform: none; - margin: 0; - } -} -.p-megamenu { - padding: 1rem; - background: #fafafa; - color: #3f3f46; - border: 1px solid #e5e7eb; - border-radius: 0.375rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; - color: #3f3f46; - border-radius: 0.375rem; - transition: none; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: #3f3f46; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: #71717A; - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: #71717A; - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #f4f4f5; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #18181B; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #71717A; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #71717A; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #6366F1; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #f4f4f5; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #3f3f46; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #71717A; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #71717A; -} -.p-megamenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: #3f3f46; - border-radius: 0; - transition: none; - user-select: none; -} -.p-megamenu .p-menuitem-link .p-menuitem-text { - color: #3f3f46; -} -.p-megamenu .p-menuitem-link .p-menuitem-icon { - color: #71717A; - margin-right: 0.5rem; -} -.p-megamenu .p-menuitem-link .p-submenu-icon { - color: #71717A; -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover { - background: #f4f4f5; -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #18181B; -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #71717A; -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #71717A; -} -.p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #6366F1; -} -.p-megamenu .p-megamenu-panel { - background: #ffffff; - color: #3f3f46; - border: 0 none; - box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); -} -.p-megamenu .p-megamenu-submenu-header { - margin: 0; - padding: 0.75rem 1rem; - color: #3f3f46; - background: #ffffff; - font-weight: 600; - border-top-right-radius: 0.375rem; - border-top-left-radius: 0.375rem; -} -.p-megamenu .p-megamenu-submenu { - padding: 0.25rem 0; - width: 12.5rem; -} -.p-megamenu .p-megamenu-submenu .p-menu-separator { - border-top: 1px solid #f3f4f6; - margin: 0.25rem 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem { - margin: 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { - margin: 0; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #f4f4f5; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #3f3f46; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #71717A; -} -.p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.25rem 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem { - margin: 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { - margin: 0; -} - -.p-menu { - padding: 0.25rem 0; - background: #ffffff; - color: #3f3f46; - border: 1px solid #e5e7eb; - border-radius: 0.375rem; - width: 12.5rem; -} -.p-menu .p-menuitem-link { - padding: 0.75rem 1rem; - color: #3f3f46; - border-radius: 0; - transition: none; - user-select: none; -} -.p-menu .p-menuitem-link .p-menuitem-text { - color: #3f3f46; -} -.p-menu .p-menuitem-link .p-menuitem-icon { - color: #71717A; - margin-right: 0.5rem; -} -.p-menu .p-menuitem-link .p-submenu-icon { - color: #71717A; -} -.p-menu .p-menuitem-link:not(.p-disabled):hover { - background: #f4f4f5; -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #18181B; -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #71717A; -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #71717A; -} -.p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #6366F1; -} -.p-menu.p-menu-overlay { - background: #ffffff; - border: 0 none; - box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); -} -.p-menu .p-submenu-header { - margin: 0; - padding: 0.75rem 1rem; - color: #3f3f46; - background: #ffffff; - font-weight: 600; - border-top-right-radius: 0; - border-top-left-radius: 0; -} -.p-menu .p-menu-separator { - border-top: 1px solid #f3f4f6; - margin: 0.25rem 0; -} -.p-menu .p-menuitem { - margin: 0; -} -.p-menu .p-menuitem:last-child { - margin: 0; -} - -.p-menubar { - padding: 1rem; - background: #fafafa; - color: #3f3f46; - border: 1px solid #e5e7eb; - border-radius: 0.375rem; -} -.p-menubar .p-menuitem-link { - padding: 0.75rem 1rem; - color: #3f3f46; - border-radius: 0; - transition: none; - user-select: none; -} -.p-menubar .p-menuitem-link .p-menuitem-text { - color: #3f3f46; -} -.p-menubar .p-menuitem-link .p-menuitem-icon { - color: #71717A; - margin-right: 0.5rem; -} -.p-menubar .p-menuitem-link .p-submenu-icon { - color: #71717A; -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover { - background: #f4f4f5; -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #18181B; -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #71717A; -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #71717A; -} -.p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #6366F1; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; - color: #3f3f46; - border-radius: 0.375rem; - transition: none; - user-select: none; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: #3f3f46; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: #71717A; - margin-right: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: #71717A; - margin-left: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #f4f4f5; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #18181B; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #71717A; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #71717A; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #6366F1; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #f4f4f5; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #3f3f46; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #71717A; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #71717A; -} -.p-menubar .p-submenu-list { - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - width: 12.5rem; -} -.p-menubar .p-submenu-list .p-menu-separator { - border-top: 1px solid #f3f4f6; - margin: 0.25rem 0; -} -.p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; -} -.p-menubar .p-submenu-list .p-menuitem { - margin: 0; -} -.p-menubar .p-submenu-list .p-menuitem:last-child { - margin: 0; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #f4f4f5; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #3f3f46; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #71717A; -} - -@media screen and (max-width: 960px) { - .p-menubar { - position: relative; - } - .p-menubar .p-menubar-button { - display: flex; - width: 2rem; - height: 2rem; - color: #71717A; - border-radius: 50%; - transition: none; - } - .p-menubar .p-menubar-button:hover { - color: #71717A; - background: #f4f4f5; - } - .p-menubar .p-menubar-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; - } - .p-menubar .p-menubar-root-list { - position: absolute; - display: none; - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - width: 100%; - } - .p-menubar .p-menubar-root-list .p-menu-separator { - border-top: 1px solid #f3f4f6; - margin: 0.25rem 0; - } - .p-menubar .p-menubar-root-list .p-submenu-icon { - font-size: 0.875rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; - color: #3f3f46; - border-radius: 0; - transition: none; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: #3f3f46; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: #71717A; - margin-right: 0.5rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: #71717A; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #f4f4f5; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #18181B; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #71717A; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #71717A; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #6366F1; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - transition: transform 0.2s; - } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-180deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list { - width: 100%; - position: static; - box-shadow: none; - border: 0 none; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { - transition: transform 0.2s; - transform: rotate(90deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-90deg); - } - .p-menubar .p-menubar-root-list .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list ul li a { - padding-left: 2.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li a { - padding-left: 3.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li a { - padding-left: 5.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { - padding-left: 6.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { - padding-left: 8.25rem; - } - .p-menubar.p-menubar-mobile-active .p-menubar-root-list { - display: flex; - flex-direction: column; - top: 100%; - left: 0; - z-index: 1; - } -} -.p-panelmenu .p-panelmenu-header > a { - padding: 1.25rem; - border: 1px solid #e5e7eb; - color: #3f3f46; - background: #fafafa; - font-weight: 700; - border-radius: 0.375rem; - transition: none; -} -.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; -} -.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { - background: #f4f4f5; - border-color: #e5e7eb; - color: #3f3f46; -} -.p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight > a { - background: #fafafa; - border-color: #e5e7eb; - color: #3f3f46; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { - border-color: #e5e7eb; - background: #f4f4f5; - color: #3f3f46; -} -.p-panelmenu .p-panelmenu-content { - padding: 0.25rem 0; - border: 1px solid #e5e7eb; - background: #ffffff; - color: #3f3f46; - margin-bottom: 0; - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1rem; - color: #3f3f46; - border-radius: 0; - transition: none; - user-select: none; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { - color: #3f3f46; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { - color: #71717A; - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { - color: #71717A; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: #f4f4f5; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #18181B; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #71717A; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #71717A; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #6366F1; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { - padding: 0 0 0 1rem; -} -.p-panelmenu .p-panelmenu-panel { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { - border-radius: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-content { - border-radius: 0; -} -.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { - border-top: 0 none; -} -.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { - border-top: 0 none; -} -.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { - border-top-right-radius: 0.375rem; - border-top-left-radius: 0.375rem; -} -.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { - border-bottom-right-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; -} -.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { - border-bottom-right-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; -} - -.p-slidemenu { - padding: 0.25rem 0; - background: #ffffff; - color: #3f3f46; - border: 1px solid #e5e7eb; - border-radius: 0.375rem; - width: 12.5rem; -} -.p-slidemenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: #3f3f46; - border-radius: 0; - transition: none; - user-select: none; -} -.p-slidemenu .p-menuitem-link .p-menuitem-text { - color: #3f3f46; -} -.p-slidemenu .p-menuitem-link .p-menuitem-icon { - color: #71717A; - margin-right: 0.5rem; -} -.p-slidemenu .p-menuitem-link .p-submenu-icon { - color: #71717A; -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: #f4f4f5; -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #18181B; -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #71717A; -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #71717A; -} -.p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #6366F1; -} -.p-slidemenu.p-slidemenu-overlay { - background: #ffffff; - border: 0 none; - box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); -} -.p-slidemenu .p-slidemenu-list { - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { - background: #f4f4f5; -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { - color: #3f3f46; -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { - color: #71717A; -} -.p-slidemenu .p-slidemenu-separator { - border-top: 1px solid #f3f4f6; - margin: 0.25rem 0; -} -.p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; -} -.p-slidemenu .p-slidemenu-backward { - padding: 0.75rem 1rem; - color: #3f3f46; -} - -.p-steps .p-steps-item .p-menuitem-link { - background: transparent; - transition: none; - border-radius: 0.375rem; - background: #ffffff; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-number { - color: #3f3f46; - border: 1px solid #f4f4f5; - background: #ffffff; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - z-index: 1; - border-radius: 50%; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-title { - margin-top: 0.5rem; - color: #71717A; -} -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; -} -.p-steps .p-steps-item.p-highlight .p-steps-number { - background: #EEF2FF; - color: #312E81; -} -.p-steps .p-steps-item.p-highlight .p-steps-title { - font-weight: 600; - color: #3f3f46; -} -.p-steps .p-steps-item:before { - content: " "; - border-top: 1px solid #f3f4f6; - width: 100%; - top: 50%; - left: 0; - display: block; - position: absolute; - margin-top: -1rem; -} - -.p-tabmenu .p-tabmenu-nav { - background: #ffffff; - border: 1px solid #e5e7eb; - border-width: 0 0 2px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { - margin-right: 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { - border: solid #e5e7eb; - border-width: 0 0 2px 0; - border-color: transparent transparent #e5e7eb transparent; - background: #ffffff; - color: #71717A; - padding: 1.25rem; - font-weight: 700; - border-top-right-radius: 0.375rem; - border-top-left-radius: 0.375rem; - transition: none; - margin: 0 0 -2px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #6366F1; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: #ffffff; - border-color: #71717A; - color: #71717A; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #ffffff; - border-color: #4F46E5; - color: #4F46E5; -} - -.p-tieredmenu { - padding: 0.25rem 0; - background: #ffffff; - color: #3f3f46; - border: 1px solid #e5e7eb; - border-radius: 0.375rem; - width: 12.5rem; -} -.p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: #3f3f46; - border-radius: 0; - transition: none; - user-select: none; -} -.p-tieredmenu .p-menuitem-link .p-menuitem-text { - color: #3f3f46; -} -.p-tieredmenu .p-menuitem-link .p-menuitem-icon { - color: #71717A; - margin-right: 0.5rem; -} -.p-tieredmenu .p-menuitem-link .p-submenu-icon { - color: #71717A; -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: #f4f4f5; -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #18181B; -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #71717A; -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #71717A; -} -.p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #6366F1; -} -.p-tieredmenu.p-tieredmenu-overlay { - background: #ffffff; - border: 0 none; - box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); -} -.p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); -} -.p-tieredmenu .p-menuitem { - margin: 0; -} -.p-tieredmenu .p-menuitem:last-child { - margin: 0; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #f4f4f5; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #3f3f46; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #71717A; -} -.p-tieredmenu .p-menu-separator { - border-top: 1px solid #f3f4f6; - margin: 0.25rem 0; -} -.p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-inline-message { - padding: 0.75rem 0.75rem; - margin: 0; - border-radius: 0.375rem; -} -.p-inline-message.p-inline-message-info { - background: #EFF6FF; - border: none; - border-width: 0px; - color: #2563EB; -} -.p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #2563EB; -} -.p-inline-message.p-inline-message-success { - background: #ECFDF5; - border: snone; - border-width: 0px; - color: #059669; -} -.p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #059669; -} -.p-inline-message.p-inline-message-warn { - background: #FEF3C7; - border: none; - border-width: 0px; - color: #D97706; -} -.p-inline-message.p-inline-message-warn .p-inline-message-icon { - color: #D97706; -} -.p-inline-message.p-inline-message-error { - background: #FEF3C7; - border: none; - border-width: 0px; - color: #DC2626; -} -.p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #DC2626; -} -.p-inline-message .p-inline-message-icon { - font-size: 1rem; - margin-right: 0.5rem; -} -.p-inline-message .p-inline-message-text { - font-size: 1rem; -} -.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { - margin-right: 0; -} - -.p-message { - margin: 1rem 0; - border-radius: 0.375rem; -} -.p-message .p-message-wrapper { - padding: 1.25rem 1.75rem; -} -.p-message .p-message-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: none; -} -.p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-message .p-message-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; -} -.p-message.p-message-info { - background: #EFF6FF; - border: none; - border-width: 0 0 0 6px; - color: #2563EB; -} -.p-message.p-message-info .p-message-icon { - color: #2563EB; -} -.p-message.p-message-info .p-message-close { - color: #2563EB; -} -.p-message.p-message-success { - background: #ECFDF5; - border: snone; - border-width: 0 0 0 6px; - color: #059669; -} -.p-message.p-message-success .p-message-icon { - color: #059669; -} -.p-message.p-message-success .p-message-close { - color: #059669; -} -.p-message.p-message-warn { - background: #FEF3C7; - border: none; - border-width: 0 0 0 6px; - color: #D97706; -} -.p-message.p-message-warn .p-message-icon { - color: #D97706; -} -.p-message.p-message-warn .p-message-close { - color: #D97706; -} -.p-message.p-message-error { - background: #FEF3C7; - border: none; - border-width: 0 0 0 6px; - color: #DC2626; -} -.p-message.p-message-error .p-message-icon { - color: #DC2626; -} -.p-message.p-message-error .p-message-close { - color: #DC2626; -} -.p-message .p-message-text { - font-size: 1rem; - font-weight: 500; -} -.p-message .p-message-icon { - font-size: 1.5rem; - margin-right: 0.5rem; -} -.p-message .p-message-summary { - font-weight: 700; -} -.p-message .p-message-detail { - margin-left: 0.5rem; -} - -.p-toast { - opacity: 0.9; -} -.p-toast .p-toast-message { - margin: 0 0 1rem 0; - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); - border-radius: 0.375rem; -} -.p-toast .p-toast-message .p-toast-message-content { - padding: 1rem; - border-width: 0 0 0 6px; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { - margin: 0 0 0 1rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { - font-size: 2rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { - font-weight: 700; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { - margin: 0.5rem 0 0 0; -} -.p-toast .p-toast-message .p-toast-icon-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: none; -} -.p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-toast .p-toast-message .p-toast-icon-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; -} -.p-toast .p-toast-message.p-toast-message-info { - background: #EFF6FF; - border: none; - border-width: 0 0 0 6px; - color: #2563EB; -} -.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { - color: #2563EB; -} -.p-toast .p-toast-message.p-toast-message-success { - background: #ECFDF5; - border: snone; - border-width: 0 0 0 6px; - color: #059669; -} -.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { - color: #059669; -} -.p-toast .p-toast-message.p-toast-message-warn { - background: #FEF3C7; - border: none; - border-width: 0 0 0 6px; - color: #D97706; -} -.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { - color: #D97706; -} -.p-toast .p-toast-message.p-toast-message-error { - background: #FEF3C7; - border: none; - border-width: 0 0 0 6px; - color: #DC2626; -} -.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { - color: #DC2626; -} - -.p-galleria .p-galleria-close { - margin: 0.5rem; - background: transparent; - color: #fafafa; - width: 4rem; - height: 4rem; - transition: none; - border-radius: 50%; -} -.p-galleria .p-galleria-close .p-galleria-close-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-close:hover { - background: rgba(255, 255, 255, 0.1); - color: #fafafa; -} -.p-galleria .p-galleria-item-nav { - background: transparent; - color: #fafafa; - width: 4rem; - height: 4rem; - transition: none; - border-radius: 0.375rem; - margin: 0 0.5rem; -} -.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, -.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.1); - color: #fafafa; -} -.p-galleria .p-galleria-caption { - background: rgba(0, 0, 0, 0.5); - color: #fafafa; - padding: 1rem; -} -.p-galleria .p-galleria-indicators { - padding: 1rem; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #f4f4f5; - width: 1rem; - height: 1rem; - transition: none; - border-radius: 50%; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { - background: #e5e7eb; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #EEF2FF; - color: #312E81; -} -.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { - margin-right: 0.5rem; -} -.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { - margin-bottom: 0.5rem; -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { - background: rgba(0, 0, 0, 0.5); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { - background: rgba(255, 255, 255, 0.4); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { - background: rgba(255, 255, 255, 0.6); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #EEF2FF; - color: #312E81; -} -.p-galleria .p-galleria-thumbnail-container { - background: rgba(0, 0, 0, 0.9); - padding: 1rem 0.25rem; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { - margin: 0.5rem; - background-color: transparent; - color: #fafafa; - width: 2rem; - height: 2rem; - transition: none; - border-radius: 50%; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { - background: rgba(255, 255, 255, 0.1); - color: #fafafa; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; -} - -.p-galleria-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-preview-indicator { - background-color: transparent; - color: #f8f9fa; - transition: none; -} - -.p-image-preview-container:hover > .p-image-preview-indicator { - background-color: rgba(0, 0, 0, 0.5); -} - -.p-image-toolbar { - padding: 1rem; -} - -.p-image-action.p-link { - color: #f8f9fa; - background-color: transparent; - width: 3rem; - height: 3rem; - border-radius: 50%; - transition: none; - margin-right: 0.5rem; -} -.p-image-action.p-link:last-child { - margin-right: 0; -} -.p-image-action.p-link:hover { - color: #f8f9fa; - background-color: rgba(255, 255, 255, 0.1); -} -.p-image-action.p-link i { - font-size: 1.5rem; -} - -.p-avatar { - background-color: #e5e7eb; - border-radius: 0.375rem; -} -.p-avatar.p-avatar-lg { - width: 3rem; - height: 3rem; - font-size: 1.5rem; -} -.p-avatar.p-avatar-lg .p-avatar-icon { - font-size: 1.5rem; -} -.p-avatar.p-avatar-xl { - width: 4rem; - height: 4rem; - font-size: 2rem; -} -.p-avatar.p-avatar-xl .p-avatar-icon { - font-size: 2rem; -} - -.p-avatar-group .p-avatar { - border: 2px solid #ffffff; -} - -.p-badge { - background: #4F46E5; - color: #ffffff; - font-size: 0.75rem; - font-weight: 700; - min-width: 1.5rem; - height: 1.5rem; - line-height: 1.5rem; -} -.p-badge.p-badge-secondary { - background-color: #64748B; - color: #ffffff; -} -.p-badge.p-badge-success { - background-color: #22C55E; - color: #ffffff; -} -.p-badge.p-badge-info { - background-color: #3B82F6; - color: #ffffff; -} -.p-badge.p-badge-warning { - background-color: #F59E0B; - color: #ffffff; -} -.p-badge.p-badge-danger { - background-color: #EF4444; - color: #ffffff; -} -.p-badge.p-badge-lg { - font-size: 1.125rem; - min-width: 2.25rem; - height: 2.25rem; - line-height: 2.25rem; -} -.p-badge.p-badge-xl { - font-size: 1.5rem; - min-width: 3rem; - height: 3rem; - line-height: 3rem; -} - -.p-chip { - background-color: #e5e7eb; - color: #3f3f46; - border-radius: 16px; - padding: 0 0.75rem; -} -.p-chip .p-chip-text { - line-height: 1.5; - margin-top: 0.375rem; - margin-bottom: 0.375rem; -} -.p-chip .p-chip-icon { - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - margin-left: 0.5rem; -} -.p-chip img { - width: 2.25rem; - height: 2.25rem; - margin-left: -0.75rem; - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - border-radius: 0.375rem; - transition: none; -} -.p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; -} - -.p-inplace .p-inplace-display { - padding: 0.75rem 0.75rem; - border-radius: 0.375rem; - transition: none; -} -.p-inplace .p-inplace-display:not(.p-disabled):hover { - background: #f4f4f5; - color: #18181B; -} -.p-inplace .p-inplace-display:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; -} - -.p-progressbar { - border: 0 none; - height: 1.5rem; - background: #e5e7eb; - border-radius: 0.375rem; -} -.p-progressbar .p-progressbar-value { - border: 0 none; - margin: 0; - background: #4F46E5; -} -.p-progressbar .p-progressbar-label { - color: #ffffff; - line-height: 1.5rem; -} - -.p-scrolltop { - width: 3rem; - height: 3rem; - border-radius: 50%; - box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - transition: none; -} -.p-scrolltop.p-link { - background: rgba(0, 0, 0, 0.7); -} -.p-scrolltop.p-link:hover { - background: rgba(0, 0, 0, 0.8); -} -.p-scrolltop .p-scrolltop-icon { - font-size: 1.5rem; - color: #fafafa; -} - -.p-skeleton { - background-color: #f4f4f5; - border-radius: 0.375rem; -} -.p-skeleton:after { - background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); -} - -.p-tag { - background: #4F46E5; - color: #ffffff; - font-size: 0.75rem; - font-weight: 700; - padding: 0.25rem 0.4rem; - border-radius: 0.375rem; -} -.p-tag.p-tag-success { - background-color: #22C55E; - color: #ffffff; -} -.p-tag.p-tag-info { - background-color: #3B82F6; - color: #ffffff; -} -.p-tag.p-tag-warning { - background-color: #F59E0B; - color: #ffffff; -} -.p-tag.p-tag-danger { - background-color: #EF4444; - color: #ffffff; -} -.p-tag .p-tag-icon { - margin-right: 0.25rem; - font-size: 0.75rem; -} - -.p-terminal { - background: #ffffff; - color: #3f3f46; - border: 1px solid #e5e7eb; - padding: 1.25rem; -} -.p-terminal .p-terminal-input { - font-size: 1rem; - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; -} - -/* Customizations to the designer theme should be defined here */ -.p-inputtext, .p-togglebutton, .p-selectbutton, .p-inputgroup { - box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(0, 0, 0, 0.05); -} - -.p-inputgroup .p-inputtext, .p-inputgroup .p-togglebutton, .p-inputgroup .p-selectbutton { - box-shadow: none; -} - -.p-inputtext.p-invalid.p-component:enabled:focus { - box-shadow: 0 0 0 1px #f0a9a7; -} - -.p-highlight { - font-weight: 600; -} - -.p-button-label { - font-weight: 500; -} - -.p-inputswitch.p-focus .p-inputswitch-slider { - box-shadow: 0 0 0 2px #6366F1; -} - -.p-paginator .p-paginator-pages .p-paginator-page { - margin-left: -1px; -} -.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - border-color: #4F46E5; - margin-right: 1px; -} -.p-paginator .p-paginator-current { - border: 0 none; -} - -.p-button:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #6366F1, 0 1px 2px 0 rgba(0, 0, 0, 0); -} -.p-button.p-button-secondary:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #64748B, 0 1px 2px 0 rgba(0, 0, 0, 0); -} -.p-button.p-button-success:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #22C55E, 0 1px 2px 0 rgba(0, 0, 0, 0); -} -.p-button.p-button-info:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #3B82F6, 0 1px 2px 0 rgba(0, 0, 0, 0); -} -.p-button.p-button-warning:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #F59E0B, 0 1px 2px 0 rgba(0, 0, 0, 0); -} -.p-button.p-button-help:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #A855F7, 0 1px 2px 0 rgba(0, 0, 0, 0); -} -.p-button.p-button-danger:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #EF4444, 0 1px 2px 0 rgba(0, 0, 0, 0); -} - -.p-checkbox .p-checkbox-box { - border-radius: 0.25rem; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #6366F1, 0 1px 2px 0 rgba(0, 0, 0, 0); -} - -.p-radiobutton:not(.p-radiobutton-disabled) .p-radiobutton-box.p-focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #6366F1, 0 1px 2px 0 rgba(0, 0, 0, 0); -} diff --git a/src/assets/theme/vela-blue/theme.css b/src/assets/theme/vela-blue/theme.css deleted file mode 100644 index c47bdb7..0000000 --- a/src/assets/theme/vela-blue/theme.css +++ /dev/null @@ -1,5683 +0,0 @@ -:root { - --surface-a:#1f2d40; - --surface-b:#17212f; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#304562; - --surface-e:#1f2d40; - --surface-f:#1f2d40; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#64B5F6; - --primary-color-text:#212529; - --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; - --surface-0: #17212f; - --surface-50: #2e3744; - --surface-100: #454d59; - --surface-200: #5d646d; - --surface-300: #747a82; - --surface-400: #8b9097; - --surface-500: #a2a6ac; - --surface-600: #b9bcc1; - --surface-700: #d1d3d5; - --surface-800: #e8e9ea; - --surface-900: #ffffff; - --gray-50:#e8e9ea; - --gray-100: #d1d3d5; - --gray-200: #b9bcc1; - --gray-300: #a2a6ac; - --gray-400: #8b9097; - --gray-500: #747a82; - --gray-600: #5d646d; - --gray-700: #454d59; - --gray-800: #2e3744; - --gray-900: #17212f; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:3px; - --surface-ground:#17212f; - --surface-section:#17212f; - --surface-card:#1f2d40; - --surface-overlay:#1f2d40; - --surface-border:#304562; - --surface-hover:rgba(255,255,255,.03); - --maskbg: rgba(0, 0, 0, 0.4); - --focus-ring: 0 0 0 1px #93cbf9; -} - -* { - box-sizing: border-box; -} - -.p-component { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - font-weight: normal; -} - -.p-component-overlay { - background-color: rgba(0, 0, 0, 0.4); - transition-duration: 0.2s; -} - -.p-disabled, .p-component:disabled { - opacity: 0.4; -} - -.p-error { - color: #ef9a9a; -} - -.p-text-secondary { - color: rgba(255, 255, 255, 0.6); -} - -.pi { - font-size: 1rem; -} - -.p-link { - font-size: 1rem; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - border-radius: 3px; -} -.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} - -.p-component-overlay-enter { - animation: p-component-overlay-enter-animation 150ms forwards; -} - -.p-component-overlay-leave { - animation: p-component-overlay-leave-animation 150ms forwards; -} - -@keyframes p-component-overlay-enter-animation { - from { - background-color: transparent; - } - to { - background-color: var(--maskbg); - } -} -@keyframes p-component-overlay-leave-animation { - from { - background-color: var(--maskbg); - } - to { - background-color: transparent; - } -} - -:root { - --blue-50:#f4fafe; - --blue-100:#cae6fc; - --blue-200:#a0d2fa; - --blue-300:#75bef8; - --blue-400:#4baaf5; - --blue-500:#2196f3; - --blue-600:#1c80cf; - --blue-700:#1769aa; - --blue-800:#125386; - --blue-900:#0d3c61; - --green-50:#f6fbf6; - --green-100:#d4ecd5; - --green-200:#b2ddb4; - --green-300:#90cd93; - --green-400:#6ebe71; - --green-500:#4caf50; - --green-600:#419544; - --green-700:#357b38; - --green-800:#2a602c; - --green-900:#1e4620; - --yellow-50:#fffcf5; - --yellow-100:#fef0cd; - --yellow-200:#fde4a5; - --yellow-300:#fdd87d; - --yellow-400:#fccc55; - --yellow-500:#fbc02d; - --yellow-600:#d5a326; - --yellow-700:#b08620; - --yellow-800:#8a6a19; - --yellow-900:#644d12; - --cyan-50:#f2fcfd; - --cyan-100:#c2eff5; - --cyan-200:#91e2ed; - --cyan-300:#61d5e4; - --cyan-400:#30c9dc; - --cyan-500:#00bcd4; - --cyan-600:#00a0b4; - --cyan-700:#008494; - --cyan-800:#006775; - --cyan-900:#004b55; - --pink-50:#fef4f7; - --pink-100:#fac9da; - --pink-200:#f69ebc; - --pink-300:#f1749e; - --pink-400:#ed4981; - --pink-500:#e91e63; - --pink-600:#c61a54; - --pink-700:#a31545; - --pink-800:#801136; - --pink-900:#5d0c28; - --indigo-50:#f5f6fb; - --indigo-100:#d1d5ed; - --indigo-200:#acb4df; - --indigo-300:#8893d1; - --indigo-400:#6372c3; - --indigo-500:#3f51b5; - --indigo-600:#36459a; - --indigo-700:#2c397f; - --indigo-800:#232d64; - --indigo-900:#192048; - --teal-50:#f2faf9; - --teal-100:#c2e6e2; - --teal-200:#91d2cc; - --teal-300:#61beb5; - --teal-400:#30aa9f; - --teal-500:#009688; - --teal-600:#008074; - --teal-700:#00695f; - --teal-800:#00534b; - --teal-900:#003c36; - --orange-50:#fff8f2; - --orange-100:#fde0c2; - --orange-200:#fbc791; - --orange-300:#f9ae61; - --orange-400:#f79530; - --orange-500:#f57c00; - --orange-600:#d06900; - --orange-700:#ac5700; - --orange-800:#874400; - --orange-900:#623200; - --bluegray-50:#f7f9f9; - --bluegray-100:#d9e0e3; - --bluegray-200:#bbc7cd; - --bluegray-300:#9caeb7; - --bluegray-400:#7e96a1; - --bluegray-500:#607d8b; - --bluegray-600:#526a76; - --bluegray-700:#435861; - --bluegray-800:#35454c; - --bluegray-900:#263238; - --purple-50:#faf4fb; - --purple-100:#e7cbec; - --purple-200:#d4a2dd; - --purple-300:#c279ce; - --purple-400:#af50bf; - --purple-500:#9c27b0; - --purple-600:#852196; - --purple-700:#6d1b7b; - --purple-800:#561561; - --purple-900:#3e1046; -} - -.p-autocomplete .p-autocomplete-loader { - right: 0.5rem; -} -.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 2.857rem; -} -.p-autocomplete .p-autocomplete-multiple-container { - padding: 0.25rem 0.5rem; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: #64B5F6; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; - border-color: #64B5F6; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { - padding: 0.25rem 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - padding: 0; - margin: 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { - padding: 0.25rem 0.5rem; - margin-right: 0.5rem; - background: rgba(100, 181, 246, 0.16); - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; -} - -p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #ef9a9a; -} - -.p-autocomplete-panel { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-autocomplete-panel .p-autocomplete-items:not(.p-autocomplete-virtualscroll) { - padding: 0.5rem 0; -} -.p-autocomplete-panel .p-autocomplete-items.p-autocomplete-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.5rem 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(100, 181, 246, 0.16); -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.5rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - font-weight: 600; -} - -p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { - border-color: #ef9a9a; -} - -.p-datepicker { - padding: 0.5rem; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; -} -.p-datepicker:not(.p-datepicker-inline) { - background: #1f2d40; - border: 1px solid #304562; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { - background: #1f2d40; -} -.p-datepicker .p-datepicker-header { - padding: 0.5rem; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - font-weight: 600; - margin: 0; - border-bottom: 1px solid #304562; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev, -.p-datepicker .p-datepicker-header .p-datepicker-next { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.p-datepicker .p-datepicker-header .p-datepicker-title { - line-height: 2rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - font-weight: 600; - padding: 0.5rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #64B5F6; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - margin-right: 0.5rem; -} -.p-datepicker table { - font-size: 1rem; - margin: 0.5rem 0; -} -.p-datepicker table th { - padding: 0.5rem; -} -.p-datepicker table th > span { - width: 2.5rem; - height: 2.5rem; -} -.p-datepicker table td { - padding: 0.5rem; -} -.p-datepicker table td > span { - width: 2.5rem; - height: 2.5rem; - border-radius: 50%; - transition: box-shadow 0.2s; - border: 1px solid transparent; -} -.p-datepicker table td > span.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(100, 181, 246, 0.16); -} -.p-datepicker table td > span:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.p-datepicker table td.p-datepicker-today > span { - background: transparent; - color: #64B5F6; - border-color: transparent; -} -.p-datepicker table td.p-datepicker-today > span.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(100, 181, 246, 0.16); -} -.p-datepicker .p-datepicker-buttonbar { - padding: 1rem 0; - border-top: 1px solid #304562; -} -.p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; -} -.p-datepicker .p-timepicker { - border-top: 1px solid #304562; - padding: 0.5rem; -} -.p-datepicker .p-timepicker button { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-timepicker button:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker .p-timepicker button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.p-datepicker .p-timepicker button:last-child { - margin-top: 0.2em; -} -.p-datepicker .p-timepicker span { - font-size: 1.25rem; -} -.p-datepicker .p-timepicker > div { - padding: 0 0.5rem; -} -.p-datepicker.p-datepicker-timeonly .p-timepicker { - border-top: 0 none; -} -.p-datepicker .p-monthpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-monthpicker .p-monthpicker-month { - padding: 0.5rem; - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(100, 181, 246, 0.16); -} -.p-datepicker .p-yearpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-yearpicker .p-yearpicker-year { - padding: 0.5rem; - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(100, 181, 246, 0.16); -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #304562; - padding-right: 0.5rem; - padding-left: 0.5rem; - padding-top: 0; - padding-bottom: 0; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { - padding-left: 0; - border-left: 0 none; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { - padding-right: 0; -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} - -@media screen and (max-width: 769px) { - .p-datepicker table th, .p-datepicker table td { - padding: 0; - } -} -.p-cascadeselect { - background: #17212f; - border: 1px solid #304562; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-cascadeselect:not(.p-disabled):hover { - border-color: #64B5F6; -} -.p-cascadeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; - border-color: #64B5F6; -} -.p-cascadeselect .p-cascadeselect-label { - background: transparent; - border: 0 none; - padding: 0.5rem 0.5rem; -} -.p-cascadeselect .p-cascadeselect-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-cascadeselect .p-cascadeselect-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-cascadeselect .p-cascadeselect-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2.357rem; - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-cascadeselect-panel { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-cascadeselect-panel .p-cascadeselect-items { - padding: 0.5rem 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { - margin: 0; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.5rem 1rem; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #93cbf9; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(100, 181, 246, 0.16); -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { - font-size: 0.875rem; -} - -p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #ef9a9a; -} - -.p-input-filled .p-cascadeselect { - background: #304562; -} -.p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #304562; -} -.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #304562; -} - -.p-checkbox { - width: 20px; - height: 20px; -} -.p-checkbox .p-checkbox-box { - border: 2px solid #304562; - background: #17212f; - width: 20px; - height: 20px; - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-checkbox .p-checkbox-box .p-checkbox-icon { - transition-duration: 0.2s; - color: #212529; - font-size: 14px; -} -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #64B5F6; - background: #64B5F6; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #64B5F6; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; - border-color: #64B5F6; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #2396f2; - background: #2396f2; - color: #212529; -} - -p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #ef9a9a; -} - -.p-input-filled .p-checkbox .p-checkbox-box { - background-color: #304562; -} -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #64B5F6; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #304562; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #2396f2; -} - -.p-checkbox-label { - margin-left: 0.5rem; -} - -.p-chips .p-chips-multiple-container { - padding: 0.25rem 0.5rem; -} -.p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: #64B5F6; -} -.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; - border-color: #64B5F6; -} -.p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.25rem 0.5rem; - margin-right: 0.5rem; - background: rgba(100, 181, 246, 0.16); - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; -} -.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { - margin-left: 0.5rem; -} -.p-chips .p-chips-multiple-container .p-chips-input-token { - padding: 0.25rem 0; -} -.p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - padding: 0; - margin: 0; -} - -p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { - border-color: #ef9a9a; -} - -.p-colorpicker-preview, -.p-fluid .p-colorpicker-preview.p-inputtext { - width: 2rem; - height: 2rem; -} - -.p-colorpicker-panel { - background: #1f2d40; - border: 1px solid #304562; -} -.p-colorpicker-panel .p-colorpicker-color-handle, -.p-colorpicker-panel .p-colorpicker-hue-handle { - border-color: #ffffff; -} - -.p-colorpicker-overlay-panel { - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} - -.p-dropdown { - background: #17212f; - border: 1px solid #304562; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-dropdown:not(.p-disabled):hover { - border-color: #64B5F6; -} -.p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; - border-color: #64B5F6; -} -.p-dropdown.p-dropdown-clearable .p-dropdown-label { - padding-right: 1.5rem; -} -.p-dropdown .p-dropdown-label { - background: transparent; - border: 0 none; -} -.p-dropdown .p-dropdown-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-dropdown .p-dropdown-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-dropdown .p-dropdown-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2.357rem; - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} -.p-dropdown .p-dropdown-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 2.357rem; -} - -.p-dropdown-panel { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-dropdown-panel .p-dropdown-header { - padding: 0.5rem 1rem; - border-bottom: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - margin: 0; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { - padding-right: 1.5rem; - margin-right: -1.5rem; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { - right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-dropdown-panel .p-dropdown-items:not(.p-dropdown-virtualscroll) { - padding: 0.5rem 0; -} -.p-dropdown-panel .p-dropdown-items.p-dropdown-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.5rem 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(100, 181, 246, 0.16); -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.5rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - font-weight: 600; -} - -p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #ef9a9a; -} - -.p-input-filled .p-dropdown { - background: #304562; -} -.p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #304562; -} -.p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: #304562; -} - -.p-editor-container .p-editor-toolbar { - background: #1f2d40; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #304562; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #1f2d40; - border: 1px solid #304562; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; - padding: 0.5rem 0; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.5rem 1rem; -} -.p-editor-container .p-editor-content { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-editor-container .p-editor-content.ql-snow { - border: 1px solid #304562; -} -.p-editor-container .p-editor-content .ql-editor { - background: #17212f; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #64B5F6; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #64B5F6; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #64B5F6; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #64B5F6; -} - -.p-inputgroup-addon { - background: #1f2d40; - color: rgba(255, 255, 255, 0.6); - border-top: 1px solid #304562; - border-left: 1px solid #304562; - border-bottom: 1px solid #304562; - padding: 0.5rem 0.5rem; - min-width: 2.357rem; -} -.p-inputgroup-addon:last-child { - border-right: 1px solid #304562; -} - -.p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, -.p-inputgroup > .p-float-label > .p-component { - border-radius: 0; - margin: 0; -} -.p-inputgroup > .p-component + .p-inputgroup-addon, -.p-inputgroup > .p-element + .p-inputgroup-addon, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, -.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { - border-left: 0 none; -} -.p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, -.p-inputgroup > .p-float-label > .p-component:focus { - z-index: 1; -} -.p-inputgroup > .p-component:focus ~ label, -.p-inputgroup > .p-element:focus ~ label, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, -.p-inputgroup > .p-float-label > .p-component:focus ~ label { - z-index: 1; -} - -.p-inputgroup-addon:first-child, -.p-inputgroup button:first-child, -.p-inputgroup input:first-child, -.p-inputgroup > .p-inputwrapper:first-child > .p-component, -.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-inputgroup .p-float-label:first-child input { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-inputgroup-addon:last-child, -.p-inputgroup button:last-child, -.p-inputgroup input:last-child, -.p-inputgroup > .p-inputwrapper:last-child > .p-component, -.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-inputgroup .p-float-label:last-child input { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-fluid .p-inputgroup .p-button { - width: auto; -} -.p-fluid .p-inputgroup .p-button.p-button-icon-only { - width: 2.357rem; -} - -p-inputmask.ng-dirty.ng-invalid > .p-inputtext { - border-color: #ef9a9a; -} - -p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { - border-color: #ef9a9a; -} - -.p-inputswitch { - width: 3rem; - height: 1.75rem; -} -.p-inputswitch .p-inputswitch-slider { - background: #304562; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 30px; -} -.p-inputswitch .p-inputswitch-slider:before { - background: rgba(255, 255, 255, 0.6); - width: 1.25rem; - height: 1.25rem; - left: 0.25rem; - margin-top: -0.625rem; - border-radius: 50%; - transition-duration: 0.2s; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - transform: translateX(1.25rem); -} -.p-inputswitch.p-focus .p-inputswitch-slider { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: rgba(255, 255, 255, 0.03); -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #64B5F6; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: rgba(255, 255, 255, 0.87); -} -.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #43a5f4; -} - -p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { - border-color: #ef9a9a; -} - -.p-inputtext { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - background: #17212f; - padding: 0.5rem 0.5rem; - border: 1px solid #304562; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - appearance: none; - border-radius: 3px; -} -.p-inputtext:enabled:hover { - border-color: #64B5F6; -} -.p-inputtext:enabled:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; - border-color: #64B5F6; -} -.p-inputtext.ng-dirty.ng-invalid { - border-color: #ef9a9a; -} -.p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.4375rem; -} -.p-inputtext.p-inputtext-lg { - font-size: 1.25rem; - padding: 0.625rem 0.625rem; -} - -.p-float-label > label { - left: 0.5rem; - color: rgba(255, 255, 255, 0.6); - transition-duration: 0.2s; -} - -.p-float-label > .ng-invalid.ng-dirty + label { - color: #ef9a9a; -} - -.p-input-icon-left > i:first-of-type { - left: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} - -.p-input-icon-left > .p-inputtext { - padding-left: 2rem; -} - -.p-input-icon-left.p-float-label > label { - left: 2rem; -} - -.p-input-icon-right > i:last-of-type { - right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} - -.p-input-icon-right > .p-inputtext { - padding-right: 2rem; -} - -::-webkit-input-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -:-moz-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -::-moz-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -:-ms-input-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -.p-input-filled .p-inputtext { - background-color: #304562; -} -.p-input-filled .p-inputtext:enabled:hover { - background-color: #304562; -} -.p-input-filled .p-inputtext:enabled:focus { - background-color: #304562; -} - -.p-inputtext-sm .p-inputtext { - font-size: 0.875rem; - padding: 0.4375rem 0.4375rem; -} - -.p-inputtext-lg .p-inputtext { - font-size: 1.25rem; - padding: 0.625rem 0.625rem; -} - -.p-listbox { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; -} -.p-listbox .p-listbox-header { - padding: 0.5rem 1rem; - border-bottom: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - margin: 0; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-listbox .p-listbox-header .p-listbox-filter { - padding-right: 1.5rem; -} -.p-listbox .p-listbox-header .p-listbox-filter-icon { - right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-listbox .p-listbox-header .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list { - padding: 0.5rem 0; -} -.p-listbox .p-listbox-list .p-listbox-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(100, 181, 246, 0.16); -} -.p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #93cbf9; -} -.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list .p-listbox-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - font-weight: 600; -} -.p-listbox .p-listbox-list .p-listbox-empty-message { - padding: 0.5rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} - -p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #ef9a9a; -} - -.p-multiselect { - background: #17212f; - border: 1px solid #304562; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-multiselect:not(.p-disabled):hover { - border-color: #64B5F6; -} -.p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; - border-color: #64B5F6; -} -.p-multiselect .p-multiselect-label { - padding: 0.5rem 0.5rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-multiselect .p-multiselect-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-multiselect.p-multiselect-chip .p-multiselect-token { - padding: 0.25rem 0.5rem; - margin-right: 0.5rem; - background: rgba(100, 181, 246, 0.16); - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; -} -.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { - margin-left: 0.5rem; -} -.p-multiselect .p-multiselect-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2.357rem; - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { - padding: 0.25rem 0.5rem; -} - -.p-multiselect-panel { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-multiselect-panel .p-multiselect-header { - padding: 0.5rem 1rem; - border-bottom: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - margin: 0; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { - padding-right: 1.5rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { - right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-multiselect-panel .p-multiselect-header .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close { - margin-left: 0.5rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.p-multiselect-panel .p-multiselect-items:not(.p-multiselect-virtualscroll) { - padding: 0.5rem 0; -} -.p-multiselect-panel .p-multiselect-items.p-multiselect-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.5rem 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(100, 181, 246, 0.16); -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #93cbf9; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - font-weight: 600; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { - padding: 0.5rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} - -p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #ef9a9a; -} - -.p-input-filled .p-multiselect { - background: #304562; -} -.p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #304562; -} -.p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #304562; -} - -p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #ef9a9a; -} - -.p-password-panel { - padding: 1rem; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; -} -.p-password-panel .p-password-meter { - margin-bottom: 0.5rem; - background: #304562; -} -.p-password-panel .p-password-meter .p-password-strength.weak { - background: #F48FB1; -} -.p-password-panel .p-password-meter .p-password-strength.medium { - background: #FFE082; -} -.p-password-panel .p-password-meter .p-password-strength.strong { - background: #C5E1A5; -} - -.p-radiobutton { - width: 20px; - height: 20px; -} -.p-radiobutton .p-radiobutton-box { - border: 2px solid #304562; - background: #17212f; - width: 20px; - height: 20px; - color: rgba(255, 255, 255, 0.87); - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #64B5F6; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; - border-color: #64B5F6; -} -.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - width: 12px; - height: 12px; - transition-duration: 0.2s; - background-color: #212529; -} -.p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #64B5F6; - background: #64B5F6; -} -.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #2396f2; - background: #2396f2; - color: #212529; -} - -p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #ef9a9a; -} - -.p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #304562; -} -.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #304562; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #64B5F6; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #2396f2; -} - -.p-radiobutton-label { - margin-left: 0.5rem; -} - -.p-rating .p-rating-icon { - color: rgba(255, 255, 255, 0.87); - margin-left: 0.5rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - font-size: 1.143rem; -} -.p-rating .p-rating-icon.p-rating-cancel { - color: #F48FB1; -} -.p-rating .p-rating-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.p-rating .p-rating-icon:first-child { - margin-left: 0; -} -.p-rating .p-rating-icon.pi-star-fill { - color: #64B5F6; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { - color: #64B5F6; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - color: #F48FB1; -} - -.p-selectbutton .p-button { - background: #1f2d40; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-selectbutton .p-button .p-button-icon-left, -.p-selectbutton .p-button .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - border-color: #304562; - color: rgba(255, 255, 255, 0.87); -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-selectbutton .p-button.p-highlight { - background: #64B5F6; - border-color: #64B5F6; - color: #212529; -} -.p-selectbutton .p-button.p-highlight .p-button-icon-left, -.p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: #212529; -} -.p-selectbutton .p-button.p-highlight:hover { - background: #43a5f4; - border-color: #43a5f4; - color: #212529; -} -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: #212529; -} - -p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #ef9a9a; -} - -.p-slider { - background: #304562; - border: 0 none; - border-radius: 3px; -} -.p-slider.p-slider-horizontal { - height: 0.286rem; -} -.p-slider.p-slider-horizontal .p-slider-handle { - margin-top: -0.5715rem; - margin-left: -0.5715rem; -} -.p-slider.p-slider-vertical { - width: 0.286rem; -} -.p-slider.p-slider-vertical .p-slider-handle { - margin-left: -0.5715rem; - margin-bottom: -0.5715rem; -} -.p-slider .p-slider-handle { - height: 1.143rem; - width: 1.143rem; - background: #304562; - border: 2px solid #64B5F6; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-slider .p-slider-handle:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.p-slider .p-slider-range { - background: #64B5F6; -} -.p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #64B5F6; - border-color: #64B5F6; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { - transition: width 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { - transition: height 0.2s; -} - -.p-togglebutton.p-button { - background: #1f2d40; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-togglebutton.p-button .p-button-icon-left, -.p-togglebutton.p-button .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - border-color: #304562; - color: rgba(255, 255, 255, 0.87); -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-togglebutton.p-button.p-highlight { - background: #64B5F6; - border-color: #64B5F6; - color: #212529; -} -.p-togglebutton.p-button.p-highlight .p-button-icon-left, -.p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: #212529; -} -.p-togglebutton.p-button.p-highlight:hover { - background: #43a5f4; - border-color: #43a5f4; - color: #212529; -} -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: #212529; -} - -p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #ef9a9a; -} - -.p-treeselect { - background: #17212f; - border: 1px solid #304562; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-treeselect:not(.p-disabled):hover { - border-color: #64B5F6; -} -.p-treeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; - border-color: #64B5F6; -} -.p-treeselect .p-treeselect-label { - padding: 0.5rem 0.5rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-treeselect .p-treeselect-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-treeselect.p-treeselect-chip .p-treeselect-token { - padding: 0.25rem 0.5rem; - margin-right: 0.5rem; - background: #304562; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; -} -.p-treeselect .p-treeselect-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2.357rem; - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -p-treeselect.ng-invalid.ng-dirty > .p-treeselect { - border-color: #ef9a9a; -} - -.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { - padding: 0.25rem 0.5rem; -} - -.p-treeselect-panel { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { - border: 0 none; -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { - padding: 0.5rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} - -.p-input-filled .p-treeselect { - background: #304562; -} -.p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #304562; -} -.p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: #304562; -} - -.p-button { - color: #212529; - background: #64B5F6; - border: 1px solid #64B5F6; - padding: 0.5rem 1rem; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-button:enabled:hover { - background: #43a5f4; - color: #212529; - border-color: #43a5f4; -} -.p-button:enabled:active { - background: #2396f2; - color: #212529; - border-color: #2396f2; -} -.p-button.p-button-outlined { - background-color: transparent; - color: #64B5F6; - border: 1px solid; -} -.p-button.p-button-outlined:enabled:hover { - background: rgba(100, 181, 246, 0.04); - color: #64B5F6; - border: 1px solid; -} -.p-button.p-button-outlined:enabled:active { - background: rgba(100, 181, 246, 0.16); - color: #64B5F6; - border: 1px solid; -} -.p-button.p-button-outlined.p-button-plain { - color: rgba(255, 255, 255, 0.6); - border-color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-outlined.p-button-plain:enabled:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-outlined.p-button-plain:enabled:active { - background: rgba(255, 255, 255, 0.16); - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-text { - background-color: transparent; - color: #64B5F6; - border-color: transparent; -} -.p-button.p-button-text:enabled:hover { - background: rgba(100, 181, 246, 0.04); - color: #64B5F6; - border-color: transparent; -} -.p-button.p-button-text:enabled:active { - background: rgba(100, 181, 246, 0.16); - color: #64B5F6; - border-color: transparent; -} -.p-button.p-button-text.p-button-plain { - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-text.p-button-plain:enabled:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-text.p-button-plain:enabled:active { - background: rgba(255, 255, 255, 0.16); - color: rgba(255, 255, 255, 0.6); -} -.p-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.p-button .p-button-icon-left { - margin-right: 0.5rem; -} -.p-button .p-button-icon-right { - margin-left: 0.5rem; -} -.p-button .p-button-icon-bottom { - margin-top: 0.5rem; -} -.p-button .p-button-icon-top { - margin-bottom: 0.5rem; -} -.p-button .p-badge { - margin-left: 0.5rem; - min-width: 1rem; - height: 1rem; - line-height: 1rem; - color: #64B5F6; - background-color: #212529; -} -.p-button.p-button-raised { - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); -} -.p-button.p-button-rounded { - border-radius: 2rem; -} -.p-button.p-button-icon-only { - width: 2.357rem; - padding: 0.5rem 0; -} -.p-button.p-button-icon-only .p-button-icon-left, -.p-button.p-button-icon-only .p-button-icon-right { - margin: 0; -} -.p-button.p-button-icon-only.p-button-rounded { - border-radius: 50%; - height: 2.357rem; -} -.p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.875rem; -} -.p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; -} -.p-button.p-button-lg { - font-size: 1.25rem; - padding: 0.625rem 1.25rem; -} -.p-button.p-button-lg .p-button-icon { - font-size: 1.25rem; -} -.p-button.p-button-loading-label-only .p-button-label { - margin-left: 0.5rem; -} -.p-button.p-button-loading-label-only .p-button-loading-icon { - margin-right: 0; -} - -.p-fluid .p-button { - width: 100%; -} -.p-fluid .p-button-icon-only { - width: 2.357rem; -} -.p-fluid .p-buttonset { - display: flex; -} -.p-fluid .p-buttonset .p-button { - flex: 1; -} - -.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { - color: #ffffff; - background: #78909C; - border: 1px solid #78909C; -} -.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { - background: #69838f; - color: #ffffff; - border-color: #69838f; -} -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #a1b1ba; -} -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: #5d747f; - color: #ffffff; - border-color: #5d747f; -} -.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { - background-color: transparent; - color: #78909C; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { - background: rgba(120, 144, 156, 0.04); - color: #78909C; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { - background: rgba(120, 144, 156, 0.16); - color: #78909C; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { - background-color: transparent; - color: #78909C; - border-color: transparent; -} -.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { - background: rgba(120, 144, 156, 0.04); - border-color: transparent; - color: #78909C; -} -.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { - background: rgba(120, 144, 156, 0.16); - border-color: transparent; - color: #78909C; -} - -.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { - color: #121212; - background: #81D4FA; - border: 1px solid #81D4FA; -} -.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { - background: #5dc8f9; - color: #121212; - border-color: #5dc8f9; -} -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #a7e1fc; -} -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: #38bbf7; - color: #121212; - border-color: #38bbf7; -} -.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { - background-color: transparent; - color: #81D4FA; - border: 1px solid; -} -.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { - background: rgba(129, 212, 250, 0.04); - color: #81D4FA; - border: 1px solid; -} -.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { - background: rgba(129, 212, 250, 0.16); - color: #81D4FA; - border: 1px solid; -} -.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { - background-color: transparent; - color: #81D4FA; - border-color: transparent; -} -.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { - background: rgba(129, 212, 250, 0.04); - border-color: transparent; - color: #81D4FA; -} -.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { - background: rgba(129, 212, 250, 0.16); - border-color: transparent; - color: #81D4FA; -} - -.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { - color: #121212; - background: #C5E1A5; - border: 1px solid #C5E1A5; -} -.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { - background: #b2d788; - color: #121212; - border-color: #b2d788; -} -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #d6eac0; -} -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: #9fce6b; - color: #121212; - border-color: #9fce6b; -} -.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { - background-color: transparent; - color: #C5E1A5; - border: 1px solid; -} -.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { - background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; - border: 1px solid; -} -.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { - background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; - border: 1px solid; -} -.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { - background-color: transparent; - color: #C5E1A5; - border-color: transparent; -} -.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { - background: rgba(197, 225, 165, 0.04); - border-color: transparent; - color: #C5E1A5; -} -.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { - background: rgba(197, 225, 165, 0.16); - border-color: transparent; - color: #C5E1A5; -} - -.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { - color: #121212; - background: #FFE082; - border: 1px solid #FFE082; -} -.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { - background: #ffd65c; - color: #121212; - border-color: #ffd65c; -} -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #ffe9a8; -} -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: #ffcd35; - color: #121212; - border-color: #ffcd35; -} -.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { - background-color: transparent; - color: #FFE082; - border: 1px solid; -} -.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { - background: rgba(255, 224, 130, 0.04); - color: #FFE082; - border: 1px solid; -} -.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { - background: rgba(255, 224, 130, 0.16); - color: #FFE082; - border: 1px solid; -} -.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { - background-color: transparent; - color: #FFE082; - border-color: transparent; -} -.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { - background: rgba(255, 224, 130, 0.04); - border-color: transparent; - color: #FFE082; -} -.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { - background: rgba(255, 224, 130, 0.16); - border-color: transparent; - color: #FFE082; -} - -.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { - color: #121212; - background: #CE93D8; - border: 1px solid #CE93D8; -} -.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { - background: #c278ce; - color: #121212; - border-color: #c278ce; -} -.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #ddb3e4; -} -.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: #b65ec5; - color: #121212; - border-color: #b65ec5; -} -.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { - background-color: transparent; - color: #CE93D8; - border: 1px solid; -} -.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { - background: rgba(206, 147, 216, 0.04); - color: #CE93D8; - border: 1px solid; -} -.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { - background: rgba(206, 147, 216, 0.16); - color: #CE93D8; - border: 1px solid; -} -.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { - background-color: transparent; - color: #CE93D8; - border-color: transparent; -} -.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { - background: rgba(206, 147, 216, 0.04); - border-color: transparent; - color: #CE93D8; -} -.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { - background: rgba(206, 147, 216, 0.16); - border-color: transparent; - color: #CE93D8; -} - -.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { - color: #121212; - background: #F48FB1; - border: 1px solid #F48FB1; -} -.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { - background: #f16c98; - color: #121212; - border-color: #f16c98; -} -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #f7b1c8; -} -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: #ed4980; - color: #121212; - border-color: #ed4980; -} -.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { - background-color: transparent; - color: #F48FB1; - border: 1px solid; -} -.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { - background: rgba(244, 143, 177, 0.04); - color: #F48FB1; - border: 1px solid; -} -.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { - background: rgba(244, 143, 177, 0.16); - color: #F48FB1; - border: 1px solid; -} -.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { - background-color: transparent; - color: #F48FB1; - border-color: transparent; -} -.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { - background: rgba(244, 143, 177, 0.04); - border-color: transparent; - color: #F48FB1; -} -.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { - background: rgba(244, 143, 177, 0.16); - border-color: transparent; - color: #F48FB1; -} - -.p-button.p-button-link { - color: #64B5F6; - background: transparent; - border: transparent; -} -.p-button.p-button-link:enabled:hover { - background: transparent; - color: #64B5F6; - border-color: transparent; -} -.p-button.p-button-link:enabled:hover .p-button-label { - text-decoration: underline; -} -.p-button.p-button-link:enabled:focus { - background: transparent; - box-shadow: 0 0 0 0.1rem #93cbf9; - border-color: transparent; -} -.p-button.p-button-link:enabled:active { - background: transparent; - color: #64B5F6; - border-color: transparent; -} - -.p-speeddial-button.p-button.p-button-icon-only { - width: 4rem; - height: 4rem; -} -.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { - font-size: 1.3rem; -} - -.p-speeddial-action { - width: 3rem; - height: 3rem; - background: rgba(255, 255, 255, 0.87); - color: #17212f; -} -.p-speeddial-action:hover { - background: rgba(255, 255, 255, 0.6); - color: #17212f; -} - -.p-speeddial-direction-up .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-up .p-speeddial-item:first-child { - margin-bottom: 0.5rem; -} - -.p-speeddial-direction-down .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-down .p-speeddial-item:first-child { - margin-top: 0.5rem; -} - -.p-speeddial-direction-left .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-left .p-speeddial-item:first-child { - margin-right: 0.5rem; -} - -.p-speeddial-direction-right .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-right .p-speeddial-item:first-child { - margin-left: 0.5rem; -} - -.p-speeddial-circle .p-speeddial-item, -.p-speeddial-semi-circle .p-speeddial-item, -.p-speeddial-quarter-circle .p-speeddial-item { - margin: 0; -} -.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, -.p-speeddial-semi-circle .p-speeddial-item:first-child, -.p-speeddial-semi-circle .p-speeddial-item:last-child, -.p-speeddial-quarter-circle .p-speeddial-item:first-child, -.p-speeddial-quarter-circle .p-speeddial-item:last-child { - margin: 0; -} - -.p-speeddial-mask { - background-color: rgba(0, 0, 0, 0.4); -} - -.p-carousel .p-carousel-content .p-carousel-prev, -.p-carousel .p-carousel-content .p-carousel-next { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin: 0.5rem; -} -.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, -.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.p-carousel .p-carousel-indicators { - padding: 1rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator { - margin-right: 0.5rem; - margin-bottom: 0.5rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: #304562; - width: 2rem; - height: 0.5rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 0; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { - background: #3c567a; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: rgba(100, 181, 246, 0.16); - color: rgba(255, 255, 255, 0.87); -} - -.p-datatable .p-paginator-top { - border-width: 1px 0 1px 0; - border-radius: 0; -} -.p-datatable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-datatable .p-datatable-header { - background: #1f2d40; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #304562; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-datatable .p-datatable-footer { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-datatable .p-datatable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #304562; - border-width: 0 0 1px 0; - font-weight: 600; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - transition: box-shadow 0.2s; -} -.p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #304562; - border-width: 0 0 1px 0; - font-weight: 600; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; -} -.p-datatable .p-sortable-column .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: rgba(255, 255, 255, 0.87); - background: rgba(100, 181, 246, 0.16); - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column.p-highlight { - background: #1f2d40; - color: #64B5F6; -} -.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #64B5F6; -} -.p-datatable .p-sortable-column.p-highlight:hover { - background: rgba(255, 255, 255, 0.03); - color: #64B5F6; -} -.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { - color: #64B5F6; -} -.p-datatable .p-sortable-column:focus { - box-shadow: inset 0 0 0 1px #93cbf9; - outline: 0 none; -} -.p-datatable .p-datatable-tbody > tr { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - outline-color: #93cbf9; -} -.p-datatable .p-datatable-tbody > tr > td { - text-align: left; - border: 1px solid #304562; - border-width: 0 0 1px 0; - padding: 1rem 1rem; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { - margin-right: 0.5rem; -} -.p-datatable .p-datatable-tbody > tr.p-highlight { - background: rgba(100, 181, 246, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 rgba(100, 181, 246, 0.16); -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 rgba(100, 181, 246, 0.16); -} -.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-column-resizer-helper { - background: #64B5F6; -} -.p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #1f2d40; -} -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot { - background-color: #1f2d40; -} -.p-datatable .p-datatable-loading-icon { - font-size: 2rem; -} -.p-datatable.p-datatable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-footer { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-top { - border-width: 0 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-bottom { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { - background: rgba(255, 255, 255, 0.01); -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: rgba(100, 181, 246, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: rgba(255, 255, 255, 0.87); -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: rgba(255, 255, 255, 0.87); -} -.p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-lg .p-datatable-header { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-footer { - padding: 1.25rem 1.25rem; -} - -.p-dataview .p-paginator-top { - border-width: 1px 0 1px 0; - border-radius: 0; -} -.p-dataview .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-dataview .p-dataview-header { - background: #1f2d40; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #304562; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-dataview .p-dataview-content { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; -} -.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid #304562; - border-width: 0 0 1px 0; -} -.p-dataview .p-dataview-footer { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; -} -.p-dataview .p-dataview-loading-icon { - font-size: 2rem; -} -.p-dataview .p-dataview-emptymessage { - padding: 1rem; -} - -.p-column-filter-row .p-column-filter-menu-button, -.p-column-filter-row .p-column-filter-clear-button { - margin-left: 0.5rem; -} - -.p-column-filter-menu-button { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-menu-button:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: rgba(100, 181, 246, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-column-filter-menu-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} - -.p-column-filter-clear-button { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-clear-button:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-column-filter-clear-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} - -.p-column-filter-overlay { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - min-width: 12.5rem; -} -.p-column-filter-overlay .p-column-filter-row-items { - padding: 0.5rem 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(100, 181, 246, 0.16); -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #93cbf9; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #304562; - margin: 0.25rem 0; -} - -.p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.5rem 1rem; - border-bottom: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - margin: 0; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-column-filter-overlay-menu .p-column-filter-constraint { - padding: 1rem; - border-bottom: 1px solid #304562; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { - margin-bottom: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { - margin-top: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { - border-bottom: 0 none; -} -.p-column-filter-overlay-menu .p-column-filter-add-rule { - padding: 0.5rem 1rem; -} -.p-column-filter-overlay-menu .p-column-filter-buttonbar { - padding: 1rem; -} - -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #1f2d40; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #1f2d40; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #304562; -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #304562; -} -.fc.fc-unthemed .fc-view-container .fc-event { - background: #43a5f4; - border: 1px solid #43a5f4; - color: #212529; -} -.fc.fc-unthemed .fc-view-container .fc-divider { - background: #1f2d40; - border: 1px solid #304562; -} -.fc.fc-unthemed .fc-toolbar .fc-button { - color: #212529; - background: #64B5F6; - border: 1px solid #64B5F6; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - display: flex; - align-items: center; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #43a5f4; - color: #212529; - border-color: #43a5f4; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #2396f2; - color: #212529; - border-color: #2396f2; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #1f2d40; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #304562; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #64B5F6; - border-color: #64B5F6; - color: #212529; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #43a5f4; - border-color: #43a5f4; - color: #212529; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; - z-index: 1; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} -.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #304562; -} -.fc.fc-theme-standard .fc-view-harness th { - background: #1f2d40; - border-color: #304562; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness td { - color: rgba(255, 255, 255, 0.87); - border-color: #304562; -} -.fc.fc-theme-standard .fc-view-harness .fc-view { - background: #1f2d40; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #304562; - padding: 1rem; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1rem; - border: 1px solid #304562; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #212529; - background: #43a5f4; - border-color: #43a5f4; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #212529; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #43a5f4; - border-color: #43a5f4; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #1f2d40; -} -.fc.fc-theme-standard .fc-toolbar .fc-button { - color: #212529; - background: #64B5F6; - border: 1px solid #64B5F6; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #43a5f4; - color: #212529; - border-color: #43a5f4; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #2396f2; - color: #212529; - border-color: #2396f2; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.4; - color: #212529; - background: #64B5F6; - border: 1px solid #64B5F6; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #1f2d40; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #304562; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #64B5F6; - border-color: #64B5F6; - color: #212529; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #43a5f4; - border-color: #43a5f4; - color: #212529; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; - z-index: 1; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} -.fc.fc-theme-standard a { - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(100, 181, 246, 0.16); -} - -.p-orderlist .p-orderlist-controls { - padding: 1rem; -} -.p-orderlist .p-orderlist-controls .p-button { - margin-bottom: 0.5rem; -} -.p-orderlist .p-orderlist-header { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-orderlist .p-orderlist-header .p-orderlist-title { - font-weight: 600; -} -.p-orderlist .p-orderlist-filter-container { - padding: 1rem; - background: #1f2d40; - border: 1px solid #304562; - border-bottom: 0 none; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { - padding-right: 1.5rem; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { - right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-orderlist .p-orderlist-list { - border: 1px solid #304562; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - padding: 0.5rem 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-orderlist .p-orderlist-list .p-orderlist-item { - padding: 0.5rem 1rem; - margin: 0; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; -} -.p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #93cbf9; -} -.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(100, 181, 246, 0.16); -} -.p-orderlist .p-orderlist-list .p-orderlist-empty-message { - padding: 0.5rem 1rem; - color: rgba(255, 255, 255, 0.87); -} -.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} - -.p-orderlist-item.cdk-drag-preview { - padding: 0.5rem 1rem; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - margin: 0; -} - -.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-organizationchart .p-organizationchart-node-content.p-highlight { - background: rgba(100, 181, 246, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: rgba(12, 120, 207, 0.16); -} -.p-organizationchart .p-organizationchart-line-down { - background: rgba(255, 255, 255, 0.6); -} -.p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #304562; - border-color: rgba(255, 255, 255, 0.6); -} -.p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #304562; - border-color: rgba(255, 255, 255, 0.6); -} -.p-organizationchart .p-organizationchart-node-content { - border: 1px solid #304562; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - padding: 1rem; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler { - background: inherit; - color: inherit; - border-radius: 50%; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} - -.p-paginator { - background: #1f2d40; - color: rgba(255, 255, 255, 0.6); - border: solid #304562; - border-width: 1px; - padding: 0.5rem 1rem; - border-radius: 3px; -} -.p-paginator .p-paginator-first, -.p-paginator .p-paginator-prev, -.p-paginator .p-paginator-next, -.p-paginator .p-paginator-last { - background-color: transparent; - border: 0 none; - color: rgba(255, 255, 255, 0.6); - min-width: 2.286em; - height: 2.286em; - margin: 0.143rem; - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - border-color: transparent; - color: rgba(255, 255, 255, 0.87); -} -.p-paginator .p-paginator-first { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-paginator .p-paginator-last { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} -.p-paginator .p-dropdown { - margin-left: 0.5rem; - margin-right: 0.5rem; - height: 2.286em; -} -.p-paginator .p-dropdown .p-dropdown-label { - padding-right: 0; -} -.p-paginator .p-paginator-page-input { - margin-left: 0.5rem; - margin-right: 0.5rem; -} -.p-paginator .p-paginator-page-input .p-inputtext { - max-width: 2.286em; -} -.p-paginator .p-paginator-current { - background-color: transparent; - border: 0 none; - color: rgba(255, 255, 255, 0.6); - min-width: 2.286em; - height: 2.286em; - margin: 0.143rem; - padding: 0 0.5rem; -} -.p-paginator .p-paginator-pages .p-paginator-page { - background-color: transparent; - border: 0 none; - color: rgba(255, 255, 255, 0.6); - min-width: 2.286em; - height: 2.286em; - margin: 0.143rem; - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: rgba(100, 181, 246, 0.16); - border-color: rgba(100, 181, 246, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - border-color: transparent; - color: rgba(255, 255, 255, 0.87); -} - -.p-picklist .p-picklist-buttons { - padding: 1rem; -} -.p-picklist .p-picklist-buttons .p-button { - margin-bottom: 0.5rem; -} -.p-picklist .p-picklist-header { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-picklist .p-picklist-header .p-picklist-title { - font-weight: 600; -} -.p-picklist .p-picklist-filter-container { - padding: 1rem; - background: #1f2d40; - border: 1px solid #304562; - border-bottom: 0 none; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-input { - padding-right: 1.5rem; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { - right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-picklist .p-picklist-list { - border: 1px solid #304562; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - padding: 0.5rem 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-picklist .p-picklist-list .p-picklist-item { - padding: 0.5rem 1rem; - margin: 0; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; -} -.p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #93cbf9; -} -.p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(100, 181, 246, 0.16); -} -.p-picklist .p-picklist-list .p-picklist-empty-message { - padding: 0.5rem 1rem; - color: rgba(255, 255, 255, 0.87); -} -.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} - -.p-picklist-item.cdk-drag-preview { - padding: 0.5rem 1rem; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - margin: 0; -} - -.p-timeline .p-timeline-event-marker { - border: 2px solid #64B5F6; - border-radius: 50%; - width: 1rem; - height: 1rem; - background-color: #1f2d40; -} -.p-timeline .p-timeline-event-connector { - background-color: #304562; -} -.p-timeline.p-timeline-vertical .p-timeline-event-opposite, -.p-timeline.p-timeline-vertical .p-timeline-event-content { - padding: 0 1rem; -} -.p-timeline.p-timeline-vertical .p-timeline-event-connector { - width: 2px; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, -.p-timeline.p-timeline-horizontal .p-timeline-event-content { - padding: 1rem 0; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-connector { - height: 2px; -} - -.p-tree { - border: 1px solid #304562; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - padding: 1rem; - border-radius: 3px; -} -.p-tree .p-tree-container .p-treenode { - padding: 0.143rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content { - border-radius: 3px; - transition: box-shadow 0.2s; - padding: 0; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { - margin-right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: rgba(100, 181, 246, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-filter-container { - margin-bottom: 0.5rem; -} -.p-tree .p-tree-filter-container .p-tree-filter { - width: 100%; - padding-right: 1.5rem; -} -.p-tree .p-tree-filter-container .p-tree-filter-icon { - right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-tree .p-treenode-children { - padding: 0 0 0 1rem; -} -.p-tree .p-tree-loading-icon { - font-size: 2rem; -} -.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: rgba(35, 150, 242, 0.16); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { - border-radius: 3px; - border: 1px solid #304562; - background-color: #1f2d40; - color: rgba(255, 255, 255, 0.87); - padding: 0; - transition: box-shadow 0.2s; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { - background-color: rgba(100, 181, 246, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { - background-color: inherit; - color: inherit; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} - -.p-treetable .p-paginator-top { - border-width: 1px 0 1px 0; - border-radius: 0; -} -.p-treetable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-treetable .p-treetable-header { - background: #1f2d40; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #304562; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-treetable .p-treetable-footer { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-treetable .p-treetable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #304562; - border-width: 0 0 1px 0; - font-weight: 600; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - transition: box-shadow 0.2s; -} -.p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #304562; - border-width: 0 0 1px 0; - font-weight: 600; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; -} -.p-treetable .p-sortable-column { - outline-color: #93cbf9; -} -.p-treetable .p-sortable-column .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: rgba(255, 255, 255, 0.87); - background: rgba(100, 181, 246, 0.16); - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-sortable-column.p-highlight { - background: #1f2d40; - color: #64B5F6; -} -.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #64B5F6; -} -.p-treetable .p-treetable-tbody > tr { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - outline-color: #93cbf9; -} -.p-treetable .p-treetable-tbody > tr > td { - text-align: left; - border: 1px solid #304562; - border-width: 0 0 1px 0; - padding: 1rem 1rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-treetable-tbody > tr.p-highlight { - background: rgba(100, 181, 246, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-column-resizer-helper { - background: #64B5F6; -} -.p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #1f2d40; -} -.p-treetable .p-treetable-loading-icon { - font-size: 2rem; -} -.p-treetable.p-treetable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-footer { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-top { - border-width: 0 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-bottom { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-sm .p-treetable-header { - padding: 0.875rem 0.875rem; -} -.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-footer { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-lg .p-treetable-header { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-footer { - padding: 1.25rem 1.25rem; -} - -.p-virtualscroller .p-virtualscroller-header { - background: #1f2d40; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #304562; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-virtualscroller .p-virtualscroller-content { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; -} -.p-virtualscroller .p-virtualscroller-footer { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-accordion .p-accordion-header .p-accordion-header-link { - padding: 1rem; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - font-weight: 600; - border-radius: 3px; - transition: box-shadow 0.2s; -} -.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { - margin-right: 0.5rem; -} -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { - background: rgba(255, 255, 255, 0.03); - border-color: #304562; - color: rgba(255, 255, 255, 0.87); -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #1f2d40; - border-color: #304562; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-color: #304562; - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-accordion .p-accordion-content { - padding: 1rem; - border: 1px solid #304562; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-accordion p-accordiontab .p-accordion-tab { - margin-bottom: 0; -} -.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { - border-radius: 0; -} -.p-accordion p-accordiontab .p-accordion-content { - border-radius: 0; -} -.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { - border-top: 0 none; -} -.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-top: 0 none; -} -.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-accordion p-accordiontab:last-child .p-accordion-content { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-card { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; -} -.p-card .p-card-body { - padding: 1rem; -} -.p-card .p-card-title { - font-size: 1.5rem; - font-weight: 700; - margin-bottom: 0.5rem; -} -.p-card .p-card-subtitle { - font-weight: 700; - margin-bottom: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-card .p-card-content { - padding: 1rem 0; -} -.p-card .p-card-footer { - padding: 1rem 0 0 0; -} - -.p-divider .p-divider-content { - background-color: #1f2d40; -} -.p-divider.p-divider-horizontal { - margin: 1rem 0; - padding: 0 1rem; -} -.p-divider.p-divider-horizontal:before { - border-top: 1px #304562; -} -.p-divider.p-divider-horizontal .p-divider-content { - padding: 0 0.5rem; -} -.p-divider.p-divider-vertical { - margin: 0 1rem; - padding: 1rem 0; -} -.p-divider.p-divider-vertical:before { - border-left: 1px #304562; -} -.p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; -} - -.p-fieldset { - border: 1px solid #304562; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; -} -.p-fieldset .p-fieldset-legend { - padding: 1rem; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - font-weight: 600; - border-radius: 3px; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { - padding: 0; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { - padding: 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; - transition: box-shadow 0.2s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { - margin-right: 0.5rem; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #304562; - color: rgba(255, 255, 255, 0.87); -} -.p-fieldset .p-fieldset-content { - padding: 1rem; -} - -.p-panel .p-panel-header { - border: 1px solid #304562; - padding: 1rem; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-panel .p-panel-header .p-panel-title { - font-weight: 600; -} -.p-panel .p-panel-header .p-panel-header-icon { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-panel .p-panel-header .p-panel-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.p-panel.p-panel-toggleable .p-panel-header { - padding: 0.5rem 1rem; -} -.p-panel .p-panel-content { - padding: 1rem; - border: 1px solid #304562; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - border-top: 0 none; -} -.p-panel .p-panel-footer { - padding: 0.5rem 1rem; - border: 1px solid #304562; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; -} - -.p-scrollpanel .p-scrollpanel-bar { - background: #304562; - border: 0 none; -} - -.p-splitter { - border: 1px solid #304562; - background: #1f2d40; - border-radius: 3px; - color: rgba(255, 255, 255, 0.87); -} -.p-splitter .p-splitter-gutter { - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - background: rgba(255, 255, 255, 0.03); -} -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: #304562; -} -.p-splitter .p-splitter-gutter-resizing { - background: #304562; -} - -.p-tabview .p-tabview-nav { - background: transparent; - border: 1px solid #304562; - border-width: 0 0 2px 0; -} -.p-tabview .p-tabview-nav li { - margin-right: 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #304562; - border-width: 0 0 2px 0; - border-color: transparent transparent #304562 transparent; - background: #1f2d40; - color: rgba(255, 255, 255, 0.6); - padding: 1rem; - font-weight: 600; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #93cbf9; -} -.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #1f2d40; - border-color: #64B5F6; - color: rgba(255, 255, 255, 0.87); -} -.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #1f2d40; - border-color: #64B5F6; - color: #64B5F6; -} -.p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; -} -.p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-close { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-nav-btn.p-link { - background: #1f2d40; - color: #64B5F6; - width: 2.357rem; - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); - border-radius: 0; -} -.p-tabview .p-tabview-nav-btn.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #93cbf9; -} -.p-tabview .p-tabview-panels { - background: #1f2d40; - padding: 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-toolbar { - background: #1f2d40; - border: 1px solid #304562; - padding: 1rem; - border-radius: 3px; -} -.p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; -} - -.p-confirm-popup { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-confirm-popup .p-confirm-popup-content { - padding: 1rem; -} -.p-confirm-popup .p-confirm-popup-footer { - text-align: right; - padding: 0.5rem 1rem; -} -.p-confirm-popup .p-confirm-popup-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-confirm-popup .p-confirm-popup-footer button:last-child { - margin: 0; -} -.p-confirm-popup:after { - border: solid transparent; - border-color: rgba(31, 45, 64, 0); - border-bottom-color: #1f2d40; -} -.p-confirm-popup:before { - border: solid transparent; - border-color: rgba(48, 69, 98, 0); - border-bottom-color: #304562; -} -.p-confirm-popup.p-confirm-popup-flipped:after { - border-top-color: #1f2d40; -} -.p-confirm-popup.p-confirm-popup-flipped:before { - border-top-color: #304562; -} -.p-confirm-popup .p-confirm-popup-icon { - font-size: 1.5rem; -} -.p-confirm-popup .p-confirm-popup-message { - margin-left: 1rem; -} - -.p-dialog { - border-radius: 3px; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); - border: 1px solid #304562; -} -.p-dialog .p-dialog-header { - border-bottom: 0 none; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - padding: 1.5rem; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-dialog .p-dialog-header .p-dialog-title { - font-weight: 600; - font-size: 1.25rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { - margin-right: 0; -} -.p-dialog .p-dialog-content { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - padding: 0 1.5rem 2rem 1.5rem; -} -.p-dialog .p-dialog-footer { - border-top: 0 none; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - padding: 0 1.5rem 1.5rem 1.5rem; - text-align: right; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-dialog .p-dialog-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { - font-size: 2rem; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; -} - -.p-overlaypanel { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-overlaypanel .p-overlaypanel-content { - padding: 1rem; -} -.p-overlaypanel .p-overlaypanel-close { - background: #64B5F6; - color: #212529; - width: 2rem; - height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; - position: absolute; - top: -1rem; - right: -1rem; -} -.p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #43a5f4; - color: #212529; -} -.p-overlaypanel:after { - border: solid transparent; - border-color: rgba(31, 45, 64, 0); - border-bottom-color: #1f2d40; -} -.p-overlaypanel:before { - border: solid transparent; - border-color: rgba(48, 69, 98, 0); - border-bottom-color: #304562; -} -.p-overlaypanel.p-overlaypanel-flipped:after { - border-top-color: #1f2d40; -} -.p-overlaypanel.p-overlaypanel-flipped:before { - border-top-color: #304562; -} - -.p-sidebar { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-sidebar .p-sidebar-header { - padding: 1rem; -} -.p-sidebar .p-sidebar-header .p-sidebar-close, -.p-sidebar .p-sidebar-header .p-sidebar-icon { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, -.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.p-sidebar .p-sidebar-header + .p-sidebar-content { - padding-top: 0; -} -.p-sidebar .p-sidebar-content { - padding: 1rem; -} - -.p-tooltip .p-tooltip-text { - background: #304562; - color: rgba(255, 255, 255, 0.87); - padding: 0.5rem 0.5rem; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; -} -.p-tooltip.p-tooltip-right .p-tooltip-arrow { - border-right-color: #304562; -} -.p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #304562; -} -.p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #304562; -} -.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #304562; -} - -.p-fileupload .p-fileupload-buttonbar { - background: #1f2d40; - padding: 1rem; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; -} -.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.p-fileupload .p-fileupload-content { - background: #1f2d40; - padding: 2rem 1rem; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-fileupload .p-progressbar { - height: 0.25rem; -} -.p-fileupload .p-fileupload-row > div { - padding: 1rem 1rem; -} -.p-fileupload.p-fileupload-advanced .p-message { - margin-top: 0; -} - -.p-fileupload-choose:not(.p-disabled):hover { - background: #43a5f4; - color: #212529; - border-color: #43a5f4; -} -.p-fileupload-choose:not(.p-disabled):active { - background: #2396f2; - color: #212529; - border-color: #2396f2; -} - -.p-breadcrumb { - background: #1f2d40; - border: 1px solid #304562; - border-radius: 3px; - padding: 1rem; -} -.p-breadcrumb ul li .p-menuitem-link { - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-breadcrumb ul li .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-breadcrumb ul li.p-breadcrumb-chevron { - margin: 0 0.5rem 0 0.5rem; - color: rgba(255, 255, 255, 0.87); -} -.p-breadcrumb ul li:last-child .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-breadcrumb ul li:last-child .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} - -.p-contextmenu { - padding: 0.25rem 0; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; - width: 12.5rem; -} -.p-contextmenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-contextmenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-contextmenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #93cbf9; -} -.p-contextmenu .p-submenu-list { - padding: 0.25rem 0; - background: #1f2d40; - border: 1px solid #304562; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; -} -.p-contextmenu .p-menuitem { - margin: 0; -} -.p-contextmenu .p-menuitem:last-child { - margin: 0; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #17212f; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menu-separator { - border-top: 1px solid #304562; - margin: 0.25rem 0; -} -.p-contextmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-dock .p-dock-list { - background: rgba(255, 255, 255, 0.1); - border: 1px solid rgba(255, 255, 255, 0.2); - padding: 0.5rem 0.5rem; - border-radius: 0.5rem; -} -.p-dock .p-dock-item { - padding: 0.5rem; -} -.p-dock .p-dock-action { - width: 4rem; - height: 4rem; -} -.p-dock.p-dock-top .p-dock-item-second-prev, -.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, -.p-dock.p-dock-bottom .p-dock-item-second-next { - margin: 0 0.9rem; -} -.p-dock.p-dock-top .p-dock-item-prev, -.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, -.p-dock.p-dock-bottom .p-dock-item-next { - margin: 0 1.3rem; -} -.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { - margin: 0 1.5rem; -} -.p-dock.p-dock-left .p-dock-item-second-prev, -.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, -.p-dock.p-dock-right .p-dock-item-second-next { - margin: 0.9rem 0; -} -.p-dock.p-dock-left .p-dock-item-prev, -.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, -.p-dock.p-dock-right .p-dock-item-next { - margin: 1.3rem 0; -} -.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { - margin: 1.5rem 0; -} - -@media screen and (max-width: 960px) { - .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { - margin: auto 0; - } - .p-dock .p-dock-list .p-dock-item { - transform: none; - margin: 0; - } -} -.p-megamenu { - padding: 0.5rem; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; - transition: box-shadow 0.2s; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #93cbf9; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #17212f; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-megamenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #93cbf9; -} -.p-megamenu .p-megamenu-panel { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-megamenu .p-megamenu-submenu-header { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - font-weight: 600; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-megamenu .p-megamenu-submenu { - padding: 0.25rem 0; - width: 12.5rem; -} -.p-megamenu .p-megamenu-submenu .p-menu-separator { - border-top: 1px solid #304562; - margin: 0.25rem 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem { - margin: 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { - margin: 0; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #17212f; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.25rem 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem { - margin: 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { - margin: 0; -} - -.p-menu { - padding: 0.25rem 0; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; - width: 12.5rem; -} -.p-menu .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-menu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #93cbf9; -} -.p-menu.p-menu-overlay { - background: #1f2d40; - border: 1px solid #304562; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-menu .p-submenu-header { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - font-weight: 600; - border-top-right-radius: 0; - border-top-left-radius: 0; -} -.p-menu .p-menu-separator { - border-top: 1px solid #304562; - margin: 0.25rem 0; -} -.p-menu .p-menuitem { - margin: 0; -} -.p-menu .p-menuitem:last-child { - margin: 0; -} - -.p-menubar { - padding: 0.5rem; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; -} -.p-menubar .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menubar .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-menubar .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #93cbf9; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #93cbf9; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #17212f; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-submenu-list { - padding: 0.25rem 0; - background: #1f2d40; - border: 1px solid #304562; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - width: 12.5rem; -} -.p-menubar .p-submenu-list .p-menu-separator { - border-top: 1px solid #304562; - margin: 0.25rem 0; -} -.p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; -} -.p-menubar .p-submenu-list .p-menuitem { - margin: 0; -} -.p-menubar .p-submenu-list .p-menuitem:last-child { - margin: 0; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #17212f; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} - -@media screen and (max-width: 960px) { - .p-menubar { - position: relative; - } - .p-menubar .p-menubar-button { - display: flex; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-menubar .p-menubar-button:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menubar .p-menubar-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; - } - .p-menubar .p-menubar-root-list { - position: absolute; - display: none; - padding: 0.25rem 0; - background: #1f2d40; - border: 1px solid #304562; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - width: 100%; - } - .p-menubar .p-menubar-root-list .p-menu-separator { - border-top: 1px solid #304562; - margin: 0.25rem 0; - } - .p-menubar .p-menubar-root-list .p-submenu-icon { - font-size: 0.875rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #93cbf9; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - transition: transform 0.2s; - } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-180deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list { - width: 100%; - position: static; - box-shadow: none; - border: 0 none; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { - transition: transform 0.2s; - transform: rotate(90deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-90deg); - } - .p-menubar .p-menubar-root-list .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list ul li a { - padding-left: 2.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li a { - padding-left: 3.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li a { - padding-left: 5.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { - padding-left: 6.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { - padding-left: 8.25rem; - } - .p-menubar.p-menubar-mobile-active .p-menubar-root-list { - display: flex; - flex-direction: column; - top: 100%; - left: 0; - z-index: 1; - } -} -.p-panelmenu .p-panelmenu-header > a { - padding: 1rem; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - font-weight: 600; - border-radius: 3px; - transition: box-shadow 0.2s; -} -.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #304562; - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight > a { - background: #1f2d40; - border-color: #304562; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { - border-color: #304562; - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content { - padding: 0.25rem 0; - border: 1px solid #304562; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - margin-bottom: 0; - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #93cbf9; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { - padding: 0 0 0 1rem; -} -.p-panelmenu .p-panelmenu-panel { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { - border-radius: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-content { - border-radius: 0; -} -.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { - border-top: 0 none; -} -.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { - border-top: 0 none; -} -.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-slidemenu { - padding: 0.25rem 0; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; - width: 12.5rem; -} -.p-slidemenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-slidemenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-slidemenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #93cbf9; -} -.p-slidemenu.p-slidemenu-overlay { - background: #1f2d40; - border: 1px solid #304562; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-slidemenu .p-slidemenu-list { - padding: 0.25rem 0; - background: #1f2d40; - border: 1px solid #304562; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { - background: #17212f; -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-slidemenu-separator { - border-top: 1px solid #304562; - margin: 0.25rem 0; -} -.p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; -} -.p-slidemenu .p-slidemenu-backward { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); -} - -.p-steps .p-steps-item .p-menuitem-link { - background: transparent; - transition: box-shadow 0.2s; - border-radius: 3px; - background: transparent; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-number { - color: rgba(255, 255, 255, 0.87); - border: 0 none; - background: transparent; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - z-index: 1; - border-radius: 50%; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-title { - margin-top: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.p-steps .p-steps-item.p-highlight .p-steps-number { - background: rgba(100, 181, 246, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-steps .p-steps-item.p-highlight .p-steps-title { - font-weight: 600; - color: rgba(255, 255, 255, 0.87); -} -.p-steps .p-steps-item:before { - content: " "; - border-top: 1px solid #304562; - width: 100%; - top: 50%; - left: 0; - display: block; - position: absolute; - margin-top: -1rem; -} - -.p-tabmenu .p-tabmenu-nav { - background: transparent; - border: 1px solid #304562; - border-width: 0 0 2px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { - margin-right: 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { - border: solid #304562; - border-width: 0 0 2px 0; - border-color: transparent transparent #304562 transparent; - background: #1f2d40; - color: rgba(255, 255, 255, 0.6); - padding: 1rem; - font-weight: 600; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #93cbf9; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: #1f2d40; - border-color: #64B5F6; - color: rgba(255, 255, 255, 0.87); -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #1f2d40; - border-color: #64B5F6; - color: #64B5F6; -} - -.p-tieredmenu { - padding: 0.25rem 0; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; - width: 12.5rem; -} -.p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-tieredmenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-tieredmenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #93cbf9; -} -.p-tieredmenu.p-tieredmenu-overlay { - background: #1f2d40; - border: 1px solid #304562; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #1f2d40; - border: 1px solid #304562; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-tieredmenu .p-menuitem { - margin: 0; -} -.p-tieredmenu .p-menuitem:last-child { - margin: 0; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #17212f; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menu-separator { - border-top: 1px solid #304562; - margin: 0.25rem 0; -} -.p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-inline-message { - padding: 0.5rem 0.5rem; - margin: 0; - border-radius: 3px; -} -.p-inline-message.p-inline-message-info { - background: #B3E5FC; - border: solid #0891cf; - border-width: 1px; - color: #044868; -} -.p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #044868; -} -.p-inline-message.p-inline-message-success { - background: #C8E6C9; - border: solid #439446; - border-width: 1px; - color: #224a23; -} -.p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #224a23; -} -.p-inline-message.p-inline-message-warn { - background: #FFECB3; - border: solid #d9a300; - border-width: 1px; - color: #6d5100; -} -.p-inline-message.p-inline-message-warn .p-inline-message-icon { - color: #6d5100; -} -.p-inline-message.p-inline-message-error { - background: #FFCDD2; - border: solid #e60017; - border-width: 1px; - color: #73000c; -} -.p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #73000c; -} -.p-inline-message .p-inline-message-icon { - font-size: 1rem; - margin-right: 0.5rem; -} -.p-inline-message .p-inline-message-text { - font-size: 1rem; -} -.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { - margin-right: 0; -} - -.p-message { - margin: 1rem 0; - border-radius: 3px; -} -.p-message .p-message-wrapper { - padding: 1rem 1.5rem; -} -.p-message .p-message-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-message .p-message-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.p-message.p-message-info { - background: #B3E5FC; - border: solid #0891cf; - border-width: 0 0 0 6px; - color: #044868; -} -.p-message.p-message-info .p-message-icon { - color: #044868; -} -.p-message.p-message-info .p-message-close { - color: #044868; -} -.p-message.p-message-success { - background: #C8E6C9; - border: solid #439446; - border-width: 0 0 0 6px; - color: #224a23; -} -.p-message.p-message-success .p-message-icon { - color: #224a23; -} -.p-message.p-message-success .p-message-close { - color: #224a23; -} -.p-message.p-message-warn { - background: #FFECB3; - border: solid #d9a300; - border-width: 0 0 0 6px; - color: #6d5100; -} -.p-message.p-message-warn .p-message-icon { - color: #6d5100; -} -.p-message.p-message-warn .p-message-close { - color: #6d5100; -} -.p-message.p-message-error { - background: #FFCDD2; - border: solid #e60017; - border-width: 0 0 0 6px; - color: #73000c; -} -.p-message.p-message-error .p-message-icon { - color: #73000c; -} -.p-message.p-message-error .p-message-close { - color: #73000c; -} -.p-message .p-message-text { - font-size: 1rem; - font-weight: 500; -} -.p-message .p-message-icon { - font-size: 1.5rem; - margin-right: 0.5rem; -} -.p-message .p-message-summary { - font-weight: 700; -} -.p-message .p-message-detail { - margin-left: 0.5rem; -} - -.p-toast { - opacity: 0.9; -} -.p-toast .p-toast-message { - margin: 0 0 1rem 0; - box-shadow: none; - border-radius: 3px; -} -.p-toast .p-toast-message .p-toast-message-content { - padding: 1rem; - border-width: 0 0 0 6px; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { - margin: 0 0 0 1rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { - font-size: 2rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { - font-weight: 700; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { - margin: 0.5rem 0 0 0; -} -.p-toast .p-toast-message .p-toast-icon-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-toast .p-toast-message .p-toast-icon-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} -.p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; - border: solid #0891cf; - border-width: 0 0 0 6px; - color: #044868; -} -.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { - color: #044868; -} -.p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; - border: solid #439446; - border-width: 0 0 0 6px; - color: #224a23; -} -.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { - color: #224a23; -} -.p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; - border: solid #d9a300; - border-width: 0 0 0 6px; - color: #6d5100; -} -.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { - color: #6d5100; -} -.p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; - border: solid #e60017; - border-width: 0 0 0 6px; - color: #73000c; -} -.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { - color: #73000c; -} - -.p-galleria .p-galleria-close { - margin: 0.5rem; - background: transparent; - color: #f8f9fa; - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-close .p-galleria-close-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-close:hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-item-nav { - background: transparent; - color: #f8f9fa; - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 3px; - margin: 0 0.5rem; -} -.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, -.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-caption { - background: rgba(0, 0, 0, 0.5); - color: #f8f9fa; - padding: 1rem; -} -.p-galleria .p-galleria-indicators { - padding: 1rem; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #304562; - width: 1rem; - height: 1rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { - background: #3c567a; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(100, 181, 246, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { - margin-right: 0.5rem; -} -.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { - margin-bottom: 0.5rem; -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { - background: rgba(0, 0, 0, 0.5); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { - background: rgba(255, 255, 255, 0.4); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { - background: rgba(255, 255, 255, 0.6); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(100, 181, 246, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-galleria .p-galleria-thumbnail-container { - background: rgba(0, 0, 0, 0.9); - padding: 1rem 0.25rem; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { - margin: 0.5rem; - background-color: transparent; - color: #f8f9fa; - width: 2rem; - height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} - -.p-galleria-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-preview-indicator { - background-color: transparent; - color: #f8f9fa; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} - -.p-image-preview-container:hover > .p-image-preview-indicator { - background-color: rgba(0, 0, 0, 0.5); -} - -.p-image-toolbar { - padding: 1rem; -} - -.p-image-action.p-link { - color: #f8f9fa; - background-color: transparent; - width: 3rem; - height: 3rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-image-action.p-link:last-child { - margin-right: 0; -} -.p-image-action.p-link:hover { - color: #f8f9fa; - background-color: rgba(255, 255, 255, 0.1); -} -.p-image-action.p-link i { - font-size: 1.5rem; -} - -.p-avatar { - background-color: #304562; - border-radius: 3px; -} -.p-avatar.p-avatar-lg { - width: 3rem; - height: 3rem; - font-size: 1.5rem; -} -.p-avatar.p-avatar-lg .p-avatar-icon { - font-size: 1.5rem; -} -.p-avatar.p-avatar-xl { - width: 4rem; - height: 4rem; - font-size: 2rem; -} -.p-avatar.p-avatar-xl .p-avatar-icon { - font-size: 2rem; -} - -.p-avatar-group .p-avatar { - border: 2px solid #1f2d40; -} - -.p-badge { - background: #64B5F6; - color: #212529; - font-size: 0.75rem; - font-weight: 700; - min-width: 1.5rem; - height: 1.5rem; - line-height: 1.5rem; -} -.p-badge.p-badge-secondary { - background-color: #78909C; - color: #ffffff; -} -.p-badge.p-badge-success { - background-color: #C5E1A5; - color: #121212; -} -.p-badge.p-badge-info { - background-color: #81D4FA; - color: #121212; -} -.p-badge.p-badge-warning { - background-color: #FFE082; - color: #121212; -} -.p-badge.p-badge-danger { - background-color: #F48FB1; - color: #121212; -} -.p-badge.p-badge-lg { - font-size: 1.125rem; - min-width: 2.25rem; - height: 2.25rem; - line-height: 2.25rem; -} -.p-badge.p-badge-xl { - font-size: 1.5rem; - min-width: 3rem; - height: 3rem; - line-height: 3rem; -} - -.p-chip { - background-color: #304562; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - padding: 0 0.5rem; -} -.p-chip .p-chip-text { - line-height: 1.5; - margin-top: 0.25rem; - margin-bottom: 0.25rem; -} -.p-chip .p-chip-icon { - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - margin-left: 0.5rem; -} -.p-chip img { - width: 2rem; - height: 2rem; - margin-left: -0.5rem; - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - border-radius: 3px; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} - -.p-inplace .p-inplace-display { - padding: 0.5rem 0.5rem; - border-radius: 3px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-inplace .p-inplace-display:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-inplace .p-inplace-display:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; -} - -.p-progressbar { - border: 0 none; - height: 1.5rem; - background: #304562; - border-radius: 3px; -} -.p-progressbar .p-progressbar-value { - border: 0 none; - margin: 0; - background: #64B5F6; -} -.p-progressbar .p-progressbar-label { - color: #212529; - line-height: 1.5rem; -} - -.p-scrolltop { - width: 3rem; - height: 3rem; - border-radius: 50%; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-scrolltop.p-link { - background: rgba(100, 181, 246, 0.16); -} -.p-scrolltop.p-link:hover { - background: rgba(100, 181, 246, 0.3616); -} -.p-scrolltop .p-scrolltop-icon { - font-size: 1.5rem; - color: rgba(255, 255, 255, 0.87); -} - -.p-skeleton { - background-color: rgba(255, 255, 255, 0.06); - border-radius: 3px; -} -.p-skeleton:after { - background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); -} - -.p-tag { - background: #64B5F6; - color: #212529; - font-size: 0.75rem; - font-weight: 700; - padding: 0.25rem 0.4rem; - border-radius: 3px; -} -.p-tag.p-tag-success { - background-color: #C5E1A5; - color: #121212; -} -.p-tag.p-tag-info { - background-color: #81D4FA; - color: #121212; -} -.p-tag.p-tag-warning { - background-color: #FFE082; - color: #121212; -} -.p-tag.p-tag-danger { - background-color: #F48FB1; - color: #121212; -} -.p-tag .p-tag-icon { - margin-right: 0.25rem; - font-size: 0.75rem; -} - -.p-terminal { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - padding: 1rem; -} -.p-terminal .p-terminal-input { - font-size: 1rem; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; -} - -/* Customizations to the designer theme should be defined here */ -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #64B5F6; -} - -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #64B5F6; -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #64B5F6; -} diff --git a/src/assets/theme/vela-green/theme.css b/src/assets/theme/vela-green/theme.css deleted file mode 100644 index 30ebce9..0000000 --- a/src/assets/theme/vela-green/theme.css +++ /dev/null @@ -1,5683 +0,0 @@ -:root { - --surface-a:#1f2d40; - --surface-b:#17212f; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#304562; - --surface-e:#1f2d40; - --surface-f:#1f2d40; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#81C784; - --primary-color-text:#212529; - --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; - --surface-0: #17212f; - --surface-50: #2e3744; - --surface-100: #454d59; - --surface-200: #5d646d; - --surface-300: #747a82; - --surface-400: #8b9097; - --surface-500: #a2a6ac; - --surface-600: #b9bcc1; - --surface-700: #d1d3d5; - --surface-800: #e8e9ea; - --surface-900: #ffffff; - --gray-50:#e8e9ea; - --gray-100: #d1d3d5; - --gray-200: #b9bcc1; - --gray-300: #a2a6ac; - --gray-400: #8b9097; - --gray-500: #747a82; - --gray-600: #5d646d; - --gray-700: #454d59; - --gray-800: #2e3744; - --gray-900: #17212f; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:3px; - --surface-ground:#17212f; - --surface-section:#17212f; - --surface-card:#1f2d40; - --surface-overlay:#1f2d40; - --surface-border:#304562; - --surface-hover:rgba(255,255,255,.03); - --maskbg: rgba(0, 0, 0, 0.4); - --focus-ring: 0 0 0 1px #a7d8a9; -} - -* { - box-sizing: border-box; -} - -.p-component { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - font-weight: normal; -} - -.p-component-overlay { - background-color: rgba(0, 0, 0, 0.4); - transition-duration: 0.2s; -} - -.p-disabled, .p-component:disabled { - opacity: 0.4; -} - -.p-error { - color: #ef9a9a; -} - -.p-text-secondary { - color: rgba(255, 255, 255, 0.6); -} - -.pi { - font-size: 1rem; -} - -.p-link { - font-size: 1rem; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - border-radius: 3px; -} -.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} - -.p-component-overlay-enter { - animation: p-component-overlay-enter-animation 150ms forwards; -} - -.p-component-overlay-leave { - animation: p-component-overlay-leave-animation 150ms forwards; -} - -@keyframes p-component-overlay-enter-animation { - from { - background-color: transparent; - } - to { - background-color: var(--maskbg); - } -} -@keyframes p-component-overlay-leave-animation { - from { - background-color: var(--maskbg); - } - to { - background-color: transparent; - } -} - -:root { - --blue-50:#f4fafe; - --blue-100:#cae6fc; - --blue-200:#a0d2fa; - --blue-300:#75bef8; - --blue-400:#4baaf5; - --blue-500:#2196f3; - --blue-600:#1c80cf; - --blue-700:#1769aa; - --blue-800:#125386; - --blue-900:#0d3c61; - --green-50:#f6fbf6; - --green-100:#d4ecd5; - --green-200:#b2ddb4; - --green-300:#90cd93; - --green-400:#6ebe71; - --green-500:#4caf50; - --green-600:#419544; - --green-700:#357b38; - --green-800:#2a602c; - --green-900:#1e4620; - --yellow-50:#fffcf5; - --yellow-100:#fef0cd; - --yellow-200:#fde4a5; - --yellow-300:#fdd87d; - --yellow-400:#fccc55; - --yellow-500:#fbc02d; - --yellow-600:#d5a326; - --yellow-700:#b08620; - --yellow-800:#8a6a19; - --yellow-900:#644d12; - --cyan-50:#f2fcfd; - --cyan-100:#c2eff5; - --cyan-200:#91e2ed; - --cyan-300:#61d5e4; - --cyan-400:#30c9dc; - --cyan-500:#00bcd4; - --cyan-600:#00a0b4; - --cyan-700:#008494; - --cyan-800:#006775; - --cyan-900:#004b55; - --pink-50:#fef4f7; - --pink-100:#fac9da; - --pink-200:#f69ebc; - --pink-300:#f1749e; - --pink-400:#ed4981; - --pink-500:#e91e63; - --pink-600:#c61a54; - --pink-700:#a31545; - --pink-800:#801136; - --pink-900:#5d0c28; - --indigo-50:#f5f6fb; - --indigo-100:#d1d5ed; - --indigo-200:#acb4df; - --indigo-300:#8893d1; - --indigo-400:#6372c3; - --indigo-500:#3f51b5; - --indigo-600:#36459a; - --indigo-700:#2c397f; - --indigo-800:#232d64; - --indigo-900:#192048; - --teal-50:#f2faf9; - --teal-100:#c2e6e2; - --teal-200:#91d2cc; - --teal-300:#61beb5; - --teal-400:#30aa9f; - --teal-500:#009688; - --teal-600:#008074; - --teal-700:#00695f; - --teal-800:#00534b; - --teal-900:#003c36; - --orange-50:#fff8f2; - --orange-100:#fde0c2; - --orange-200:#fbc791; - --orange-300:#f9ae61; - --orange-400:#f79530; - --orange-500:#f57c00; - --orange-600:#d06900; - --orange-700:#ac5700; - --orange-800:#874400; - --orange-900:#623200; - --bluegray-50:#f7f9f9; - --bluegray-100:#d9e0e3; - --bluegray-200:#bbc7cd; - --bluegray-300:#9caeb7; - --bluegray-400:#7e96a1; - --bluegray-500:#607d8b; - --bluegray-600:#526a76; - --bluegray-700:#435861; - --bluegray-800:#35454c; - --bluegray-900:#263238; - --purple-50:#faf4fb; - --purple-100:#e7cbec; - --purple-200:#d4a2dd; - --purple-300:#c279ce; - --purple-400:#af50bf; - --purple-500:#9c27b0; - --purple-600:#852196; - --purple-700:#6d1b7b; - --purple-800:#561561; - --purple-900:#3e1046; -} - -.p-autocomplete .p-autocomplete-loader { - right: 0.5rem; -} -.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 2.857rem; -} -.p-autocomplete .p-autocomplete-multiple-container { - padding: 0.25rem 0.5rem; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: #81C784; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; - border-color: #81C784; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { - padding: 0.25rem 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - padding: 0; - margin: 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { - padding: 0.25rem 0.5rem; - margin-right: 0.5rem; - background: rgba(129, 199, 132, 0.16); - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; -} - -p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #ef9a9a; -} - -.p-autocomplete-panel { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-autocomplete-panel .p-autocomplete-items:not(.p-autocomplete-virtualscroll) { - padding: 0.5rem 0; -} -.p-autocomplete-panel .p-autocomplete-items.p-autocomplete-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.5rem 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 199, 132, 0.16); -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.5rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - font-weight: 600; -} - -p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { - border-color: #ef9a9a; -} - -.p-datepicker { - padding: 0.5rem; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; -} -.p-datepicker:not(.p-datepicker-inline) { - background: #1f2d40; - border: 1px solid #304562; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { - background: #1f2d40; -} -.p-datepicker .p-datepicker-header { - padding: 0.5rem; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - font-weight: 600; - margin: 0; - border-bottom: 1px solid #304562; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev, -.p-datepicker .p-datepicker-header .p-datepicker-next { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.p-datepicker .p-datepicker-header .p-datepicker-title { - line-height: 2rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - font-weight: 600; - padding: 0.5rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #81C784; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - margin-right: 0.5rem; -} -.p-datepicker table { - font-size: 1rem; - margin: 0.5rem 0; -} -.p-datepicker table th { - padding: 0.5rem; -} -.p-datepicker table th > span { - width: 2.5rem; - height: 2.5rem; -} -.p-datepicker table td { - padding: 0.5rem; -} -.p-datepicker table td > span { - width: 2.5rem; - height: 2.5rem; - border-radius: 50%; - transition: box-shadow 0.2s; - border: 1px solid transparent; -} -.p-datepicker table td > span.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 199, 132, 0.16); -} -.p-datepicker table td > span:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.p-datepicker table td.p-datepicker-today > span { - background: transparent; - color: #81C784; - border-color: transparent; -} -.p-datepicker table td.p-datepicker-today > span.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 199, 132, 0.16); -} -.p-datepicker .p-datepicker-buttonbar { - padding: 1rem 0; - border-top: 1px solid #304562; -} -.p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; -} -.p-datepicker .p-timepicker { - border-top: 1px solid #304562; - padding: 0.5rem; -} -.p-datepicker .p-timepicker button { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-timepicker button:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker .p-timepicker button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.p-datepicker .p-timepicker button:last-child { - margin-top: 0.2em; -} -.p-datepicker .p-timepicker span { - font-size: 1.25rem; -} -.p-datepicker .p-timepicker > div { - padding: 0 0.5rem; -} -.p-datepicker.p-datepicker-timeonly .p-timepicker { - border-top: 0 none; -} -.p-datepicker .p-monthpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-monthpicker .p-monthpicker-month { - padding: 0.5rem; - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 199, 132, 0.16); -} -.p-datepicker .p-yearpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-yearpicker .p-yearpicker-year { - padding: 0.5rem; - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 199, 132, 0.16); -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #304562; - padding-right: 0.5rem; - padding-left: 0.5rem; - padding-top: 0; - padding-bottom: 0; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { - padding-left: 0; - border-left: 0 none; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { - padding-right: 0; -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} - -@media screen and (max-width: 769px) { - .p-datepicker table th, .p-datepicker table td { - padding: 0; - } -} -.p-cascadeselect { - background: #17212f; - border: 1px solid #304562; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-cascadeselect:not(.p-disabled):hover { - border-color: #81C784; -} -.p-cascadeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; - border-color: #81C784; -} -.p-cascadeselect .p-cascadeselect-label { - background: transparent; - border: 0 none; - padding: 0.5rem 0.5rem; -} -.p-cascadeselect .p-cascadeselect-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-cascadeselect .p-cascadeselect-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-cascadeselect .p-cascadeselect-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2.357rem; - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-cascadeselect-panel { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-cascadeselect-panel .p-cascadeselect-items { - padding: 0.5rem 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { - margin: 0; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.5rem 1rem; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #a7d8a9; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 199, 132, 0.16); -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { - font-size: 0.875rem; -} - -p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #ef9a9a; -} - -.p-input-filled .p-cascadeselect { - background: #304562; -} -.p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #304562; -} -.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #304562; -} - -.p-checkbox { - width: 20px; - height: 20px; -} -.p-checkbox .p-checkbox-box { - border: 2px solid #304562; - background: #17212f; - width: 20px; - height: 20px; - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-checkbox .p-checkbox-box .p-checkbox-icon { - transition-duration: 0.2s; - color: #212529; - font-size: 14px; -} -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #81C784; - background: #81C784; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #81C784; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; - border-color: #81C784; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #54b358; - background: #54b358; - color: #212529; -} - -p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #ef9a9a; -} - -.p-input-filled .p-checkbox .p-checkbox-box { - background-color: #304562; -} -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #81C784; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #304562; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #54b358; -} - -.p-checkbox-label { - margin-left: 0.5rem; -} - -.p-chips .p-chips-multiple-container { - padding: 0.25rem 0.5rem; -} -.p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: #81C784; -} -.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; - border-color: #81C784; -} -.p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.25rem 0.5rem; - margin-right: 0.5rem; - background: rgba(129, 199, 132, 0.16); - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; -} -.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { - margin-left: 0.5rem; -} -.p-chips .p-chips-multiple-container .p-chips-input-token { - padding: 0.25rem 0; -} -.p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - padding: 0; - margin: 0; -} - -p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { - border-color: #ef9a9a; -} - -.p-colorpicker-preview, -.p-fluid .p-colorpicker-preview.p-inputtext { - width: 2rem; - height: 2rem; -} - -.p-colorpicker-panel { - background: #1f2d40; - border: 1px solid #304562; -} -.p-colorpicker-panel .p-colorpicker-color-handle, -.p-colorpicker-panel .p-colorpicker-hue-handle { - border-color: #ffffff; -} - -.p-colorpicker-overlay-panel { - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} - -.p-dropdown { - background: #17212f; - border: 1px solid #304562; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-dropdown:not(.p-disabled):hover { - border-color: #81C784; -} -.p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; - border-color: #81C784; -} -.p-dropdown.p-dropdown-clearable .p-dropdown-label { - padding-right: 1.5rem; -} -.p-dropdown .p-dropdown-label { - background: transparent; - border: 0 none; -} -.p-dropdown .p-dropdown-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-dropdown .p-dropdown-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-dropdown .p-dropdown-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2.357rem; - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} -.p-dropdown .p-dropdown-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 2.357rem; -} - -.p-dropdown-panel { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-dropdown-panel .p-dropdown-header { - padding: 0.5rem 1rem; - border-bottom: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - margin: 0; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { - padding-right: 1.5rem; - margin-right: -1.5rem; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { - right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-dropdown-panel .p-dropdown-items:not(.p-dropdown-virtualscroll) { - padding: 0.5rem 0; -} -.p-dropdown-panel .p-dropdown-items.p-dropdown-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.5rem 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 199, 132, 0.16); -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.5rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - font-weight: 600; -} - -p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #ef9a9a; -} - -.p-input-filled .p-dropdown { - background: #304562; -} -.p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #304562; -} -.p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: #304562; -} - -.p-editor-container .p-editor-toolbar { - background: #1f2d40; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #304562; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #1f2d40; - border: 1px solid #304562; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; - padding: 0.5rem 0; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.5rem 1rem; -} -.p-editor-container .p-editor-content { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-editor-container .p-editor-content.ql-snow { - border: 1px solid #304562; -} -.p-editor-container .p-editor-content .ql-editor { - background: #17212f; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #81C784; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #81C784; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #81C784; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #81C784; -} - -.p-inputgroup-addon { - background: #1f2d40; - color: rgba(255, 255, 255, 0.6); - border-top: 1px solid #304562; - border-left: 1px solid #304562; - border-bottom: 1px solid #304562; - padding: 0.5rem 0.5rem; - min-width: 2.357rem; -} -.p-inputgroup-addon:last-child { - border-right: 1px solid #304562; -} - -.p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, -.p-inputgroup > .p-float-label > .p-component { - border-radius: 0; - margin: 0; -} -.p-inputgroup > .p-component + .p-inputgroup-addon, -.p-inputgroup > .p-element + .p-inputgroup-addon, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, -.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { - border-left: 0 none; -} -.p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, -.p-inputgroup > .p-float-label > .p-component:focus { - z-index: 1; -} -.p-inputgroup > .p-component:focus ~ label, -.p-inputgroup > .p-element:focus ~ label, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, -.p-inputgroup > .p-float-label > .p-component:focus ~ label { - z-index: 1; -} - -.p-inputgroup-addon:first-child, -.p-inputgroup button:first-child, -.p-inputgroup input:first-child, -.p-inputgroup > .p-inputwrapper:first-child > .p-component, -.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-inputgroup .p-float-label:first-child input { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-inputgroup-addon:last-child, -.p-inputgroup button:last-child, -.p-inputgroup input:last-child, -.p-inputgroup > .p-inputwrapper:last-child > .p-component, -.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-inputgroup .p-float-label:last-child input { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-fluid .p-inputgroup .p-button { - width: auto; -} -.p-fluid .p-inputgroup .p-button.p-button-icon-only { - width: 2.357rem; -} - -p-inputmask.ng-dirty.ng-invalid > .p-inputtext { - border-color: #ef9a9a; -} - -p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { - border-color: #ef9a9a; -} - -.p-inputswitch { - width: 3rem; - height: 1.75rem; -} -.p-inputswitch .p-inputswitch-slider { - background: #304562; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 30px; -} -.p-inputswitch .p-inputswitch-slider:before { - background: rgba(255, 255, 255, 0.6); - width: 1.25rem; - height: 1.25rem; - left: 0.25rem; - margin-top: -0.625rem; - border-radius: 50%; - transition-duration: 0.2s; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - transform: translateX(1.25rem); -} -.p-inputswitch.p-focus .p-inputswitch-slider { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: rgba(255, 255, 255, 0.03); -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #81C784; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: rgba(255, 255, 255, 0.87); -} -.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #6abd6e; -} - -p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { - border-color: #ef9a9a; -} - -.p-inputtext { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - background: #17212f; - padding: 0.5rem 0.5rem; - border: 1px solid #304562; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - appearance: none; - border-radius: 3px; -} -.p-inputtext:enabled:hover { - border-color: #81C784; -} -.p-inputtext:enabled:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; - border-color: #81C784; -} -.p-inputtext.ng-dirty.ng-invalid { - border-color: #ef9a9a; -} -.p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.4375rem; -} -.p-inputtext.p-inputtext-lg { - font-size: 1.25rem; - padding: 0.625rem 0.625rem; -} - -.p-float-label > label { - left: 0.5rem; - color: rgba(255, 255, 255, 0.6); - transition-duration: 0.2s; -} - -.p-float-label > .ng-invalid.ng-dirty + label { - color: #ef9a9a; -} - -.p-input-icon-left > i:first-of-type { - left: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} - -.p-input-icon-left > .p-inputtext { - padding-left: 2rem; -} - -.p-input-icon-left.p-float-label > label { - left: 2rem; -} - -.p-input-icon-right > i:last-of-type { - right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} - -.p-input-icon-right > .p-inputtext { - padding-right: 2rem; -} - -::-webkit-input-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -:-moz-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -::-moz-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -:-ms-input-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -.p-input-filled .p-inputtext { - background-color: #304562; -} -.p-input-filled .p-inputtext:enabled:hover { - background-color: #304562; -} -.p-input-filled .p-inputtext:enabled:focus { - background-color: #304562; -} - -.p-inputtext-sm .p-inputtext { - font-size: 0.875rem; - padding: 0.4375rem 0.4375rem; -} - -.p-inputtext-lg .p-inputtext { - font-size: 1.25rem; - padding: 0.625rem 0.625rem; -} - -.p-listbox { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; -} -.p-listbox .p-listbox-header { - padding: 0.5rem 1rem; - border-bottom: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - margin: 0; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-listbox .p-listbox-header .p-listbox-filter { - padding-right: 1.5rem; -} -.p-listbox .p-listbox-header .p-listbox-filter-icon { - right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-listbox .p-listbox-header .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list { - padding: 0.5rem 0; -} -.p-listbox .p-listbox-list .p-listbox-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 199, 132, 0.16); -} -.p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #a7d8a9; -} -.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list .p-listbox-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - font-weight: 600; -} -.p-listbox .p-listbox-list .p-listbox-empty-message { - padding: 0.5rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} - -p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #ef9a9a; -} - -.p-multiselect { - background: #17212f; - border: 1px solid #304562; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-multiselect:not(.p-disabled):hover { - border-color: #81C784; -} -.p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; - border-color: #81C784; -} -.p-multiselect .p-multiselect-label { - padding: 0.5rem 0.5rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-multiselect .p-multiselect-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-multiselect.p-multiselect-chip .p-multiselect-token { - padding: 0.25rem 0.5rem; - margin-right: 0.5rem; - background: rgba(129, 199, 132, 0.16); - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; -} -.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { - margin-left: 0.5rem; -} -.p-multiselect .p-multiselect-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2.357rem; - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { - padding: 0.25rem 0.5rem; -} - -.p-multiselect-panel { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-multiselect-panel .p-multiselect-header { - padding: 0.5rem 1rem; - border-bottom: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - margin: 0; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { - padding-right: 1.5rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { - right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-multiselect-panel .p-multiselect-header .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close { - margin-left: 0.5rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.p-multiselect-panel .p-multiselect-items:not(.p-multiselect-virtualscroll) { - padding: 0.5rem 0; -} -.p-multiselect-panel .p-multiselect-items.p-multiselect-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.5rem 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 199, 132, 0.16); -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #a7d8a9; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - font-weight: 600; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { - padding: 0.5rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} - -p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #ef9a9a; -} - -.p-input-filled .p-multiselect { - background: #304562; -} -.p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #304562; -} -.p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #304562; -} - -p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #ef9a9a; -} - -.p-password-panel { - padding: 1rem; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; -} -.p-password-panel .p-password-meter { - margin-bottom: 0.5rem; - background: #304562; -} -.p-password-panel .p-password-meter .p-password-strength.weak { - background: #F48FB1; -} -.p-password-panel .p-password-meter .p-password-strength.medium { - background: #FFE082; -} -.p-password-panel .p-password-meter .p-password-strength.strong { - background: #C5E1A5; -} - -.p-radiobutton { - width: 20px; - height: 20px; -} -.p-radiobutton .p-radiobutton-box { - border: 2px solid #304562; - background: #17212f; - width: 20px; - height: 20px; - color: rgba(255, 255, 255, 0.87); - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #81C784; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; - border-color: #81C784; -} -.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - width: 12px; - height: 12px; - transition-duration: 0.2s; - background-color: #212529; -} -.p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #81C784; - background: #81C784; -} -.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #54b358; - background: #54b358; - color: #212529; -} - -p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #ef9a9a; -} - -.p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #304562; -} -.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #304562; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #81C784; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #54b358; -} - -.p-radiobutton-label { - margin-left: 0.5rem; -} - -.p-rating .p-rating-icon { - color: rgba(255, 255, 255, 0.87); - margin-left: 0.5rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - font-size: 1.143rem; -} -.p-rating .p-rating-icon.p-rating-cancel { - color: #F48FB1; -} -.p-rating .p-rating-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.p-rating .p-rating-icon:first-child { - margin-left: 0; -} -.p-rating .p-rating-icon.pi-star-fill { - color: #81C784; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { - color: #81C784; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - color: #F48FB1; -} - -.p-selectbutton .p-button { - background: #1f2d40; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-selectbutton .p-button .p-button-icon-left, -.p-selectbutton .p-button .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - border-color: #304562; - color: rgba(255, 255, 255, 0.87); -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-selectbutton .p-button.p-highlight { - background: #81C784; - border-color: #81C784; - color: #212529; -} -.p-selectbutton .p-button.p-highlight .p-button-icon-left, -.p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: #212529; -} -.p-selectbutton .p-button.p-highlight:hover { - background: #6abd6e; - border-color: #6abd6e; - color: #212529; -} -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: #212529; -} - -p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #ef9a9a; -} - -.p-slider { - background: #304562; - border: 0 none; - border-radius: 3px; -} -.p-slider.p-slider-horizontal { - height: 0.286rem; -} -.p-slider.p-slider-horizontal .p-slider-handle { - margin-top: -0.5715rem; - margin-left: -0.5715rem; -} -.p-slider.p-slider-vertical { - width: 0.286rem; -} -.p-slider.p-slider-vertical .p-slider-handle { - margin-left: -0.5715rem; - margin-bottom: -0.5715rem; -} -.p-slider .p-slider-handle { - height: 1.143rem; - width: 1.143rem; - background: #304562; - border: 2px solid #81C784; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-slider .p-slider-handle:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.p-slider .p-slider-range { - background: #81C784; -} -.p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #81C784; - border-color: #81C784; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { - transition: width 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { - transition: height 0.2s; -} - -.p-togglebutton.p-button { - background: #1f2d40; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-togglebutton.p-button .p-button-icon-left, -.p-togglebutton.p-button .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - border-color: #304562; - color: rgba(255, 255, 255, 0.87); -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-togglebutton.p-button.p-highlight { - background: #81C784; - border-color: #81C784; - color: #212529; -} -.p-togglebutton.p-button.p-highlight .p-button-icon-left, -.p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: #212529; -} -.p-togglebutton.p-button.p-highlight:hover { - background: #6abd6e; - border-color: #6abd6e; - color: #212529; -} -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: #212529; -} - -p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #ef9a9a; -} - -.p-treeselect { - background: #17212f; - border: 1px solid #304562; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-treeselect:not(.p-disabled):hover { - border-color: #81C784; -} -.p-treeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; - border-color: #81C784; -} -.p-treeselect .p-treeselect-label { - padding: 0.5rem 0.5rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-treeselect .p-treeselect-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-treeselect.p-treeselect-chip .p-treeselect-token { - padding: 0.25rem 0.5rem; - margin-right: 0.5rem; - background: #304562; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; -} -.p-treeselect .p-treeselect-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2.357rem; - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -p-treeselect.ng-invalid.ng-dirty > .p-treeselect { - border-color: #ef9a9a; -} - -.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { - padding: 0.25rem 0.5rem; -} - -.p-treeselect-panel { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { - border: 0 none; -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { - padding: 0.5rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} - -.p-input-filled .p-treeselect { - background: #304562; -} -.p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #304562; -} -.p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: #304562; -} - -.p-button { - color: #212529; - background: #81C784; - border: 1px solid #81C784; - padding: 0.5rem 1rem; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-button:enabled:hover { - background: #6abd6e; - color: #212529; - border-color: #6abd6e; -} -.p-button:enabled:active { - background: #54b358; - color: #212529; - border-color: #54b358; -} -.p-button.p-button-outlined { - background-color: transparent; - color: #81C784; - border: 1px solid; -} -.p-button.p-button-outlined:enabled:hover { - background: rgba(129, 199, 132, 0.04); - color: #81C784; - border: 1px solid; -} -.p-button.p-button-outlined:enabled:active { - background: rgba(129, 199, 132, 0.16); - color: #81C784; - border: 1px solid; -} -.p-button.p-button-outlined.p-button-plain { - color: rgba(255, 255, 255, 0.6); - border-color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-outlined.p-button-plain:enabled:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-outlined.p-button-plain:enabled:active { - background: rgba(255, 255, 255, 0.16); - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-text { - background-color: transparent; - color: #81C784; - border-color: transparent; -} -.p-button.p-button-text:enabled:hover { - background: rgba(129, 199, 132, 0.04); - color: #81C784; - border-color: transparent; -} -.p-button.p-button-text:enabled:active { - background: rgba(129, 199, 132, 0.16); - color: #81C784; - border-color: transparent; -} -.p-button.p-button-text.p-button-plain { - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-text.p-button-plain:enabled:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-text.p-button-plain:enabled:active { - background: rgba(255, 255, 255, 0.16); - color: rgba(255, 255, 255, 0.6); -} -.p-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.p-button .p-button-icon-left { - margin-right: 0.5rem; -} -.p-button .p-button-icon-right { - margin-left: 0.5rem; -} -.p-button .p-button-icon-bottom { - margin-top: 0.5rem; -} -.p-button .p-button-icon-top { - margin-bottom: 0.5rem; -} -.p-button .p-badge { - margin-left: 0.5rem; - min-width: 1rem; - height: 1rem; - line-height: 1rem; - color: #81C784; - background-color: #212529; -} -.p-button.p-button-raised { - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); -} -.p-button.p-button-rounded { - border-radius: 2rem; -} -.p-button.p-button-icon-only { - width: 2.357rem; - padding: 0.5rem 0; -} -.p-button.p-button-icon-only .p-button-icon-left, -.p-button.p-button-icon-only .p-button-icon-right { - margin: 0; -} -.p-button.p-button-icon-only.p-button-rounded { - border-radius: 50%; - height: 2.357rem; -} -.p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.875rem; -} -.p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; -} -.p-button.p-button-lg { - font-size: 1.25rem; - padding: 0.625rem 1.25rem; -} -.p-button.p-button-lg .p-button-icon { - font-size: 1.25rem; -} -.p-button.p-button-loading-label-only .p-button-label { - margin-left: 0.5rem; -} -.p-button.p-button-loading-label-only .p-button-loading-icon { - margin-right: 0; -} - -.p-fluid .p-button { - width: 100%; -} -.p-fluid .p-button-icon-only { - width: 2.357rem; -} -.p-fluid .p-buttonset { - display: flex; -} -.p-fluid .p-buttonset .p-button { - flex: 1; -} - -.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { - color: #ffffff; - background: #78909C; - border: 1px solid #78909C; -} -.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { - background: #69838f; - color: #ffffff; - border-color: #69838f; -} -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #a1b1ba; -} -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: #5d747f; - color: #ffffff; - border-color: #5d747f; -} -.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { - background-color: transparent; - color: #78909C; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { - background: rgba(120, 144, 156, 0.04); - color: #78909C; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { - background: rgba(120, 144, 156, 0.16); - color: #78909C; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { - background-color: transparent; - color: #78909C; - border-color: transparent; -} -.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { - background: rgba(120, 144, 156, 0.04); - border-color: transparent; - color: #78909C; -} -.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { - background: rgba(120, 144, 156, 0.16); - border-color: transparent; - color: #78909C; -} - -.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { - color: #121212; - background: #81D4FA; - border: 1px solid #81D4FA; -} -.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { - background: #5dc8f9; - color: #121212; - border-color: #5dc8f9; -} -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #a7e1fc; -} -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: #38bbf7; - color: #121212; - border-color: #38bbf7; -} -.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { - background-color: transparent; - color: #81D4FA; - border: 1px solid; -} -.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { - background: rgba(129, 212, 250, 0.04); - color: #81D4FA; - border: 1px solid; -} -.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { - background: rgba(129, 212, 250, 0.16); - color: #81D4FA; - border: 1px solid; -} -.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { - background-color: transparent; - color: #81D4FA; - border-color: transparent; -} -.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { - background: rgba(129, 212, 250, 0.04); - border-color: transparent; - color: #81D4FA; -} -.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { - background: rgba(129, 212, 250, 0.16); - border-color: transparent; - color: #81D4FA; -} - -.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { - color: #121212; - background: #C5E1A5; - border: 1px solid #C5E1A5; -} -.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { - background: #b2d788; - color: #121212; - border-color: #b2d788; -} -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #d6eac0; -} -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: #9fce6b; - color: #121212; - border-color: #9fce6b; -} -.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { - background-color: transparent; - color: #C5E1A5; - border: 1px solid; -} -.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { - background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; - border: 1px solid; -} -.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { - background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; - border: 1px solid; -} -.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { - background-color: transparent; - color: #C5E1A5; - border-color: transparent; -} -.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { - background: rgba(197, 225, 165, 0.04); - border-color: transparent; - color: #C5E1A5; -} -.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { - background: rgba(197, 225, 165, 0.16); - border-color: transparent; - color: #C5E1A5; -} - -.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { - color: #121212; - background: #FFE082; - border: 1px solid #FFE082; -} -.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { - background: #ffd65c; - color: #121212; - border-color: #ffd65c; -} -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #ffe9a8; -} -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: #ffcd35; - color: #121212; - border-color: #ffcd35; -} -.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { - background-color: transparent; - color: #FFE082; - border: 1px solid; -} -.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { - background: rgba(255, 224, 130, 0.04); - color: #FFE082; - border: 1px solid; -} -.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { - background: rgba(255, 224, 130, 0.16); - color: #FFE082; - border: 1px solid; -} -.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { - background-color: transparent; - color: #FFE082; - border-color: transparent; -} -.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { - background: rgba(255, 224, 130, 0.04); - border-color: transparent; - color: #FFE082; -} -.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { - background: rgba(255, 224, 130, 0.16); - border-color: transparent; - color: #FFE082; -} - -.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { - color: #121212; - background: #CE93D8; - border: 1px solid #CE93D8; -} -.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { - background: #c278ce; - color: #121212; - border-color: #c278ce; -} -.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #ddb3e4; -} -.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: #b65ec5; - color: #121212; - border-color: #b65ec5; -} -.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { - background-color: transparent; - color: #CE93D8; - border: 1px solid; -} -.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { - background: rgba(206, 147, 216, 0.04); - color: #CE93D8; - border: 1px solid; -} -.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { - background: rgba(206, 147, 216, 0.16); - color: #CE93D8; - border: 1px solid; -} -.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { - background-color: transparent; - color: #CE93D8; - border-color: transparent; -} -.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { - background: rgba(206, 147, 216, 0.04); - border-color: transparent; - color: #CE93D8; -} -.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { - background: rgba(206, 147, 216, 0.16); - border-color: transparent; - color: #CE93D8; -} - -.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { - color: #121212; - background: #F48FB1; - border: 1px solid #F48FB1; -} -.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { - background: #f16c98; - color: #121212; - border-color: #f16c98; -} -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #f7b1c8; -} -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: #ed4980; - color: #121212; - border-color: #ed4980; -} -.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { - background-color: transparent; - color: #F48FB1; - border: 1px solid; -} -.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { - background: rgba(244, 143, 177, 0.04); - color: #F48FB1; - border: 1px solid; -} -.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { - background: rgba(244, 143, 177, 0.16); - color: #F48FB1; - border: 1px solid; -} -.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { - background-color: transparent; - color: #F48FB1; - border-color: transparent; -} -.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { - background: rgba(244, 143, 177, 0.04); - border-color: transparent; - color: #F48FB1; -} -.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { - background: rgba(244, 143, 177, 0.16); - border-color: transparent; - color: #F48FB1; -} - -.p-button.p-button-link { - color: #81C784; - background: transparent; - border: transparent; -} -.p-button.p-button-link:enabled:hover { - background: transparent; - color: #81C784; - border-color: transparent; -} -.p-button.p-button-link:enabled:hover .p-button-label { - text-decoration: underline; -} -.p-button.p-button-link:enabled:focus { - background: transparent; - box-shadow: 0 0 0 0.1rem #a7d8a9; - border-color: transparent; -} -.p-button.p-button-link:enabled:active { - background: transparent; - color: #81C784; - border-color: transparent; -} - -.p-speeddial-button.p-button.p-button-icon-only { - width: 4rem; - height: 4rem; -} -.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { - font-size: 1.3rem; -} - -.p-speeddial-action { - width: 3rem; - height: 3rem; - background: rgba(255, 255, 255, 0.87); - color: #17212f; -} -.p-speeddial-action:hover { - background: rgba(255, 255, 255, 0.6); - color: #17212f; -} - -.p-speeddial-direction-up .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-up .p-speeddial-item:first-child { - margin-bottom: 0.5rem; -} - -.p-speeddial-direction-down .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-down .p-speeddial-item:first-child { - margin-top: 0.5rem; -} - -.p-speeddial-direction-left .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-left .p-speeddial-item:first-child { - margin-right: 0.5rem; -} - -.p-speeddial-direction-right .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-right .p-speeddial-item:first-child { - margin-left: 0.5rem; -} - -.p-speeddial-circle .p-speeddial-item, -.p-speeddial-semi-circle .p-speeddial-item, -.p-speeddial-quarter-circle .p-speeddial-item { - margin: 0; -} -.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, -.p-speeddial-semi-circle .p-speeddial-item:first-child, -.p-speeddial-semi-circle .p-speeddial-item:last-child, -.p-speeddial-quarter-circle .p-speeddial-item:first-child, -.p-speeddial-quarter-circle .p-speeddial-item:last-child { - margin: 0; -} - -.p-speeddial-mask { - background-color: rgba(0, 0, 0, 0.4); -} - -.p-carousel .p-carousel-content .p-carousel-prev, -.p-carousel .p-carousel-content .p-carousel-next { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin: 0.5rem; -} -.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, -.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.p-carousel .p-carousel-indicators { - padding: 1rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator { - margin-right: 0.5rem; - margin-bottom: 0.5rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: #304562; - width: 2rem; - height: 0.5rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 0; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { - background: #3c567a; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: rgba(129, 199, 132, 0.16); - color: rgba(255, 255, 255, 0.87); -} - -.p-datatable .p-paginator-top { - border-width: 1px 0 1px 0; - border-radius: 0; -} -.p-datatable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-datatable .p-datatable-header { - background: #1f2d40; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #304562; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-datatable .p-datatable-footer { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-datatable .p-datatable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #304562; - border-width: 0 0 1px 0; - font-weight: 600; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - transition: box-shadow 0.2s; -} -.p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #304562; - border-width: 0 0 1px 0; - font-weight: 600; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; -} -.p-datatable .p-sortable-column .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 199, 132, 0.16); - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column.p-highlight { - background: #1f2d40; - color: #81C784; -} -.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #81C784; -} -.p-datatable .p-sortable-column.p-highlight:hover { - background: rgba(255, 255, 255, 0.03); - color: #81C784; -} -.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { - color: #81C784; -} -.p-datatable .p-sortable-column:focus { - box-shadow: inset 0 0 0 1px #a7d8a9; - outline: 0 none; -} -.p-datatable .p-datatable-tbody > tr { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - outline-color: #a7d8a9; -} -.p-datatable .p-datatable-tbody > tr > td { - text-align: left; - border: 1px solid #304562; - border-width: 0 0 1px 0; - padding: 1rem 1rem; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { - margin-right: 0.5rem; -} -.p-datatable .p-datatable-tbody > tr.p-highlight { - background: rgba(129, 199, 132, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 rgba(129, 199, 132, 0.16); -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 rgba(129, 199, 132, 0.16); -} -.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-column-resizer-helper { - background: #81C784; -} -.p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #1f2d40; -} -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot { - background-color: #1f2d40; -} -.p-datatable .p-datatable-loading-icon { - font-size: 2rem; -} -.p-datatable.p-datatable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-footer { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-top { - border-width: 0 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-bottom { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { - background: rgba(255, 255, 255, 0.01); -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: rgba(129, 199, 132, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: rgba(255, 255, 255, 0.87); -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: rgba(255, 255, 255, 0.87); -} -.p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-lg .p-datatable-header { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-footer { - padding: 1.25rem 1.25rem; -} - -.p-dataview .p-paginator-top { - border-width: 1px 0 1px 0; - border-radius: 0; -} -.p-dataview .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-dataview .p-dataview-header { - background: #1f2d40; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #304562; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-dataview .p-dataview-content { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; -} -.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid #304562; - border-width: 0 0 1px 0; -} -.p-dataview .p-dataview-footer { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; -} -.p-dataview .p-dataview-loading-icon { - font-size: 2rem; -} -.p-dataview .p-dataview-emptymessage { - padding: 1rem; -} - -.p-column-filter-row .p-column-filter-menu-button, -.p-column-filter-row .p-column-filter-clear-button { - margin-left: 0.5rem; -} - -.p-column-filter-menu-button { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-menu-button:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: rgba(129, 199, 132, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-column-filter-menu-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} - -.p-column-filter-clear-button { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-clear-button:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-column-filter-clear-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} - -.p-column-filter-overlay { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - min-width: 12.5rem; -} -.p-column-filter-overlay .p-column-filter-row-items { - padding: 0.5rem 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 199, 132, 0.16); -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #a7d8a9; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #304562; - margin: 0.25rem 0; -} - -.p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.5rem 1rem; - border-bottom: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - margin: 0; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-column-filter-overlay-menu .p-column-filter-constraint { - padding: 1rem; - border-bottom: 1px solid #304562; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { - margin-bottom: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { - margin-top: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { - border-bottom: 0 none; -} -.p-column-filter-overlay-menu .p-column-filter-add-rule { - padding: 0.5rem 1rem; -} -.p-column-filter-overlay-menu .p-column-filter-buttonbar { - padding: 1rem; -} - -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #1f2d40; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #1f2d40; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #304562; -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #304562; -} -.fc.fc-unthemed .fc-view-container .fc-event { - background: #6abd6e; - border: 1px solid #6abd6e; - color: #212529; -} -.fc.fc-unthemed .fc-view-container .fc-divider { - background: #1f2d40; - border: 1px solid #304562; -} -.fc.fc-unthemed .fc-toolbar .fc-button { - color: #212529; - background: #81C784; - border: 1px solid #81C784; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - display: flex; - align-items: center; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #6abd6e; - color: #212529; - border-color: #6abd6e; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #54b358; - color: #212529; - border-color: #54b358; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #1f2d40; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #304562; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #81C784; - border-color: #81C784; - color: #212529; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #6abd6e; - border-color: #6abd6e; - color: #212529; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; - z-index: 1; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} -.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #304562; -} -.fc.fc-theme-standard .fc-view-harness th { - background: #1f2d40; - border-color: #304562; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness td { - color: rgba(255, 255, 255, 0.87); - border-color: #304562; -} -.fc.fc-theme-standard .fc-view-harness .fc-view { - background: #1f2d40; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #304562; - padding: 1rem; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1rem; - border: 1px solid #304562; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #212529; - background: #6abd6e; - border-color: #6abd6e; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #212529; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #6abd6e; - border-color: #6abd6e; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #1f2d40; -} -.fc.fc-theme-standard .fc-toolbar .fc-button { - color: #212529; - background: #81C784; - border: 1px solid #81C784; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #6abd6e; - color: #212529; - border-color: #6abd6e; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #54b358; - color: #212529; - border-color: #54b358; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.4; - color: #212529; - background: #81C784; - border: 1px solid #81C784; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #1f2d40; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #304562; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #81C784; - border-color: #81C784; - color: #212529; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #6abd6e; - border-color: #6abd6e; - color: #212529; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; - z-index: 1; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} -.fc.fc-theme-standard a { - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 199, 132, 0.16); -} - -.p-orderlist .p-orderlist-controls { - padding: 1rem; -} -.p-orderlist .p-orderlist-controls .p-button { - margin-bottom: 0.5rem; -} -.p-orderlist .p-orderlist-header { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-orderlist .p-orderlist-header .p-orderlist-title { - font-weight: 600; -} -.p-orderlist .p-orderlist-filter-container { - padding: 1rem; - background: #1f2d40; - border: 1px solid #304562; - border-bottom: 0 none; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { - padding-right: 1.5rem; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { - right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-orderlist .p-orderlist-list { - border: 1px solid #304562; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - padding: 0.5rem 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-orderlist .p-orderlist-list .p-orderlist-item { - padding: 0.5rem 1rem; - margin: 0; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; -} -.p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #a7d8a9; -} -.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 199, 132, 0.16); -} -.p-orderlist .p-orderlist-list .p-orderlist-empty-message { - padding: 0.5rem 1rem; - color: rgba(255, 255, 255, 0.87); -} -.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} - -.p-orderlist-item.cdk-drag-preview { - padding: 0.5rem 1rem; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - margin: 0; -} - -.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-organizationchart .p-organizationchart-node-content.p-highlight { - background: rgba(129, 199, 132, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: rgba(62, 139, 65, 0.16); -} -.p-organizationchart .p-organizationchart-line-down { - background: rgba(255, 255, 255, 0.6); -} -.p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #304562; - border-color: rgba(255, 255, 255, 0.6); -} -.p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #304562; - border-color: rgba(255, 255, 255, 0.6); -} -.p-organizationchart .p-organizationchart-node-content { - border: 1px solid #304562; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - padding: 1rem; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler { - background: inherit; - color: inherit; - border-radius: 50%; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} - -.p-paginator { - background: #1f2d40; - color: rgba(255, 255, 255, 0.6); - border: solid #304562; - border-width: 1px; - padding: 0.5rem 1rem; - border-radius: 3px; -} -.p-paginator .p-paginator-first, -.p-paginator .p-paginator-prev, -.p-paginator .p-paginator-next, -.p-paginator .p-paginator-last { - background-color: transparent; - border: 0 none; - color: rgba(255, 255, 255, 0.6); - min-width: 2.286em; - height: 2.286em; - margin: 0.143rem; - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - border-color: transparent; - color: rgba(255, 255, 255, 0.87); -} -.p-paginator .p-paginator-first { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-paginator .p-paginator-last { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} -.p-paginator .p-dropdown { - margin-left: 0.5rem; - margin-right: 0.5rem; - height: 2.286em; -} -.p-paginator .p-dropdown .p-dropdown-label { - padding-right: 0; -} -.p-paginator .p-paginator-page-input { - margin-left: 0.5rem; - margin-right: 0.5rem; -} -.p-paginator .p-paginator-page-input .p-inputtext { - max-width: 2.286em; -} -.p-paginator .p-paginator-current { - background-color: transparent; - border: 0 none; - color: rgba(255, 255, 255, 0.6); - min-width: 2.286em; - height: 2.286em; - margin: 0.143rem; - padding: 0 0.5rem; -} -.p-paginator .p-paginator-pages .p-paginator-page { - background-color: transparent; - border: 0 none; - color: rgba(255, 255, 255, 0.6); - min-width: 2.286em; - height: 2.286em; - margin: 0.143rem; - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: rgba(129, 199, 132, 0.16); - border-color: rgba(129, 199, 132, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - border-color: transparent; - color: rgba(255, 255, 255, 0.87); -} - -.p-picklist .p-picklist-buttons { - padding: 1rem; -} -.p-picklist .p-picklist-buttons .p-button { - margin-bottom: 0.5rem; -} -.p-picklist .p-picklist-header { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-picklist .p-picklist-header .p-picklist-title { - font-weight: 600; -} -.p-picklist .p-picklist-filter-container { - padding: 1rem; - background: #1f2d40; - border: 1px solid #304562; - border-bottom: 0 none; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-input { - padding-right: 1.5rem; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { - right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-picklist .p-picklist-list { - border: 1px solid #304562; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - padding: 0.5rem 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-picklist .p-picklist-list .p-picklist-item { - padding: 0.5rem 1rem; - margin: 0; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; -} -.p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #a7d8a9; -} -.p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 199, 132, 0.16); -} -.p-picklist .p-picklist-list .p-picklist-empty-message { - padding: 0.5rem 1rem; - color: rgba(255, 255, 255, 0.87); -} -.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} - -.p-picklist-item.cdk-drag-preview { - padding: 0.5rem 1rem; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - margin: 0; -} - -.p-timeline .p-timeline-event-marker { - border: 2px solid #81C784; - border-radius: 50%; - width: 1rem; - height: 1rem; - background-color: #1f2d40; -} -.p-timeline .p-timeline-event-connector { - background-color: #304562; -} -.p-timeline.p-timeline-vertical .p-timeline-event-opposite, -.p-timeline.p-timeline-vertical .p-timeline-event-content { - padding: 0 1rem; -} -.p-timeline.p-timeline-vertical .p-timeline-event-connector { - width: 2px; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, -.p-timeline.p-timeline-horizontal .p-timeline-event-content { - padding: 1rem 0; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-connector { - height: 2px; -} - -.p-tree { - border: 1px solid #304562; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - padding: 1rem; - border-radius: 3px; -} -.p-tree .p-tree-container .p-treenode { - padding: 0.143rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content { - border-radius: 3px; - transition: box-shadow 0.2s; - padding: 0; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { - margin-right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: rgba(129, 199, 132, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-filter-container { - margin-bottom: 0.5rem; -} -.p-tree .p-tree-filter-container .p-tree-filter { - width: 100%; - padding-right: 1.5rem; -} -.p-tree .p-tree-filter-container .p-tree-filter-icon { - right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-tree .p-treenode-children { - padding: 0 0 0 1rem; -} -.p-tree .p-tree-loading-icon { - font-size: 2rem; -} -.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: rgba(84, 179, 88, 0.16); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { - border-radius: 3px; - border: 1px solid #304562; - background-color: #1f2d40; - color: rgba(255, 255, 255, 0.87); - padding: 0; - transition: box-shadow 0.2s; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { - background-color: rgba(129, 199, 132, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { - background-color: inherit; - color: inherit; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} - -.p-treetable .p-paginator-top { - border-width: 1px 0 1px 0; - border-radius: 0; -} -.p-treetable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-treetable .p-treetable-header { - background: #1f2d40; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #304562; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-treetable .p-treetable-footer { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-treetable .p-treetable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #304562; - border-width: 0 0 1px 0; - font-weight: 600; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - transition: box-shadow 0.2s; -} -.p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #304562; - border-width: 0 0 1px 0; - font-weight: 600; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; -} -.p-treetable .p-sortable-column { - outline-color: #a7d8a9; -} -.p-treetable .p-sortable-column .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 199, 132, 0.16); - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-sortable-column.p-highlight { - background: #1f2d40; - color: #81C784; -} -.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #81C784; -} -.p-treetable .p-treetable-tbody > tr { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - outline-color: #a7d8a9; -} -.p-treetable .p-treetable-tbody > tr > td { - text-align: left; - border: 1px solid #304562; - border-width: 0 0 1px 0; - padding: 1rem 1rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-treetable-tbody > tr.p-highlight { - background: rgba(129, 199, 132, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-column-resizer-helper { - background: #81C784; -} -.p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #1f2d40; -} -.p-treetable .p-treetable-loading-icon { - font-size: 2rem; -} -.p-treetable.p-treetable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-footer { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-top { - border-width: 0 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-bottom { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-sm .p-treetable-header { - padding: 0.875rem 0.875rem; -} -.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-footer { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-lg .p-treetable-header { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-footer { - padding: 1.25rem 1.25rem; -} - -.p-virtualscroller .p-virtualscroller-header { - background: #1f2d40; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #304562; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-virtualscroller .p-virtualscroller-content { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; -} -.p-virtualscroller .p-virtualscroller-footer { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-accordion .p-accordion-header .p-accordion-header-link { - padding: 1rem; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - font-weight: 600; - border-radius: 3px; - transition: box-shadow 0.2s; -} -.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { - margin-right: 0.5rem; -} -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { - background: rgba(255, 255, 255, 0.03); - border-color: #304562; - color: rgba(255, 255, 255, 0.87); -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #1f2d40; - border-color: #304562; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-color: #304562; - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-accordion .p-accordion-content { - padding: 1rem; - border: 1px solid #304562; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-accordion p-accordiontab .p-accordion-tab { - margin-bottom: 0; -} -.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { - border-radius: 0; -} -.p-accordion p-accordiontab .p-accordion-content { - border-radius: 0; -} -.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { - border-top: 0 none; -} -.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-top: 0 none; -} -.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-accordion p-accordiontab:last-child .p-accordion-content { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-card { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; -} -.p-card .p-card-body { - padding: 1rem; -} -.p-card .p-card-title { - font-size: 1.5rem; - font-weight: 700; - margin-bottom: 0.5rem; -} -.p-card .p-card-subtitle { - font-weight: 700; - margin-bottom: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-card .p-card-content { - padding: 1rem 0; -} -.p-card .p-card-footer { - padding: 1rem 0 0 0; -} - -.p-divider .p-divider-content { - background-color: #1f2d40; -} -.p-divider.p-divider-horizontal { - margin: 1rem 0; - padding: 0 1rem; -} -.p-divider.p-divider-horizontal:before { - border-top: 1px #304562; -} -.p-divider.p-divider-horizontal .p-divider-content { - padding: 0 0.5rem; -} -.p-divider.p-divider-vertical { - margin: 0 1rem; - padding: 1rem 0; -} -.p-divider.p-divider-vertical:before { - border-left: 1px #304562; -} -.p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; -} - -.p-fieldset { - border: 1px solid #304562; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; -} -.p-fieldset .p-fieldset-legend { - padding: 1rem; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - font-weight: 600; - border-radius: 3px; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { - padding: 0; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { - padding: 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; - transition: box-shadow 0.2s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { - margin-right: 0.5rem; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #304562; - color: rgba(255, 255, 255, 0.87); -} -.p-fieldset .p-fieldset-content { - padding: 1rem; -} - -.p-panel .p-panel-header { - border: 1px solid #304562; - padding: 1rem; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-panel .p-panel-header .p-panel-title { - font-weight: 600; -} -.p-panel .p-panel-header .p-panel-header-icon { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-panel .p-panel-header .p-panel-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.p-panel.p-panel-toggleable .p-panel-header { - padding: 0.5rem 1rem; -} -.p-panel .p-panel-content { - padding: 1rem; - border: 1px solid #304562; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - border-top: 0 none; -} -.p-panel .p-panel-footer { - padding: 0.5rem 1rem; - border: 1px solid #304562; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; -} - -.p-scrollpanel .p-scrollpanel-bar { - background: #304562; - border: 0 none; -} - -.p-splitter { - border: 1px solid #304562; - background: #1f2d40; - border-radius: 3px; - color: rgba(255, 255, 255, 0.87); -} -.p-splitter .p-splitter-gutter { - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - background: rgba(255, 255, 255, 0.03); -} -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: #304562; -} -.p-splitter .p-splitter-gutter-resizing { - background: #304562; -} - -.p-tabview .p-tabview-nav { - background: transparent; - border: 1px solid #304562; - border-width: 0 0 2px 0; -} -.p-tabview .p-tabview-nav li { - margin-right: 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #304562; - border-width: 0 0 2px 0; - border-color: transparent transparent #304562 transparent; - background: #1f2d40; - color: rgba(255, 255, 255, 0.6); - padding: 1rem; - font-weight: 600; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #a7d8a9; -} -.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #1f2d40; - border-color: #81C784; - color: rgba(255, 255, 255, 0.87); -} -.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #1f2d40; - border-color: #81C784; - color: #81C784; -} -.p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; -} -.p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-close { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-nav-btn.p-link { - background: #1f2d40; - color: #81C784; - width: 2.357rem; - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); - border-radius: 0; -} -.p-tabview .p-tabview-nav-btn.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #a7d8a9; -} -.p-tabview .p-tabview-panels { - background: #1f2d40; - padding: 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-toolbar { - background: #1f2d40; - border: 1px solid #304562; - padding: 1rem; - border-radius: 3px; -} -.p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; -} - -.p-confirm-popup { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-confirm-popup .p-confirm-popup-content { - padding: 1rem; -} -.p-confirm-popup .p-confirm-popup-footer { - text-align: right; - padding: 0.5rem 1rem; -} -.p-confirm-popup .p-confirm-popup-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-confirm-popup .p-confirm-popup-footer button:last-child { - margin: 0; -} -.p-confirm-popup:after { - border: solid transparent; - border-color: rgba(31, 45, 64, 0); - border-bottom-color: #1f2d40; -} -.p-confirm-popup:before { - border: solid transparent; - border-color: rgba(48, 69, 98, 0); - border-bottom-color: #304562; -} -.p-confirm-popup.p-confirm-popup-flipped:after { - border-top-color: #1f2d40; -} -.p-confirm-popup.p-confirm-popup-flipped:before { - border-top-color: #304562; -} -.p-confirm-popup .p-confirm-popup-icon { - font-size: 1.5rem; -} -.p-confirm-popup .p-confirm-popup-message { - margin-left: 1rem; -} - -.p-dialog { - border-radius: 3px; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); - border: 1px solid #304562; -} -.p-dialog .p-dialog-header { - border-bottom: 0 none; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - padding: 1.5rem; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-dialog .p-dialog-header .p-dialog-title { - font-weight: 600; - font-size: 1.25rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { - margin-right: 0; -} -.p-dialog .p-dialog-content { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - padding: 0 1.5rem 2rem 1.5rem; -} -.p-dialog .p-dialog-footer { - border-top: 0 none; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - padding: 0 1.5rem 1.5rem 1.5rem; - text-align: right; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-dialog .p-dialog-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { - font-size: 2rem; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; -} - -.p-overlaypanel { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-overlaypanel .p-overlaypanel-content { - padding: 1rem; -} -.p-overlaypanel .p-overlaypanel-close { - background: #81C784; - color: #212529; - width: 2rem; - height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; - position: absolute; - top: -1rem; - right: -1rem; -} -.p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #6abd6e; - color: #212529; -} -.p-overlaypanel:after { - border: solid transparent; - border-color: rgba(31, 45, 64, 0); - border-bottom-color: #1f2d40; -} -.p-overlaypanel:before { - border: solid transparent; - border-color: rgba(48, 69, 98, 0); - border-bottom-color: #304562; -} -.p-overlaypanel.p-overlaypanel-flipped:after { - border-top-color: #1f2d40; -} -.p-overlaypanel.p-overlaypanel-flipped:before { - border-top-color: #304562; -} - -.p-sidebar { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-sidebar .p-sidebar-header { - padding: 1rem; -} -.p-sidebar .p-sidebar-header .p-sidebar-close, -.p-sidebar .p-sidebar-header .p-sidebar-icon { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, -.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.p-sidebar .p-sidebar-header + .p-sidebar-content { - padding-top: 0; -} -.p-sidebar .p-sidebar-content { - padding: 1rem; -} - -.p-tooltip .p-tooltip-text { - background: #304562; - color: rgba(255, 255, 255, 0.87); - padding: 0.5rem 0.5rem; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; -} -.p-tooltip.p-tooltip-right .p-tooltip-arrow { - border-right-color: #304562; -} -.p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #304562; -} -.p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #304562; -} -.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #304562; -} - -.p-fileupload .p-fileupload-buttonbar { - background: #1f2d40; - padding: 1rem; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; -} -.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.p-fileupload .p-fileupload-content { - background: #1f2d40; - padding: 2rem 1rem; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-fileupload .p-progressbar { - height: 0.25rem; -} -.p-fileupload .p-fileupload-row > div { - padding: 1rem 1rem; -} -.p-fileupload.p-fileupload-advanced .p-message { - margin-top: 0; -} - -.p-fileupload-choose:not(.p-disabled):hover { - background: #6abd6e; - color: #212529; - border-color: #6abd6e; -} -.p-fileupload-choose:not(.p-disabled):active { - background: #54b358; - color: #212529; - border-color: #54b358; -} - -.p-breadcrumb { - background: #1f2d40; - border: 1px solid #304562; - border-radius: 3px; - padding: 1rem; -} -.p-breadcrumb ul li .p-menuitem-link { - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-breadcrumb ul li .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-breadcrumb ul li.p-breadcrumb-chevron { - margin: 0 0.5rem 0 0.5rem; - color: rgba(255, 255, 255, 0.87); -} -.p-breadcrumb ul li:last-child .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-breadcrumb ul li:last-child .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} - -.p-contextmenu { - padding: 0.25rem 0; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; - width: 12.5rem; -} -.p-contextmenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-contextmenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-contextmenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #a7d8a9; -} -.p-contextmenu .p-submenu-list { - padding: 0.25rem 0; - background: #1f2d40; - border: 1px solid #304562; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; -} -.p-contextmenu .p-menuitem { - margin: 0; -} -.p-contextmenu .p-menuitem:last-child { - margin: 0; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #17212f; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menu-separator { - border-top: 1px solid #304562; - margin: 0.25rem 0; -} -.p-contextmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-dock .p-dock-list { - background: rgba(255, 255, 255, 0.1); - border: 1px solid rgba(255, 255, 255, 0.2); - padding: 0.5rem 0.5rem; - border-radius: 0.5rem; -} -.p-dock .p-dock-item { - padding: 0.5rem; -} -.p-dock .p-dock-action { - width: 4rem; - height: 4rem; -} -.p-dock.p-dock-top .p-dock-item-second-prev, -.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, -.p-dock.p-dock-bottom .p-dock-item-second-next { - margin: 0 0.9rem; -} -.p-dock.p-dock-top .p-dock-item-prev, -.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, -.p-dock.p-dock-bottom .p-dock-item-next { - margin: 0 1.3rem; -} -.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { - margin: 0 1.5rem; -} -.p-dock.p-dock-left .p-dock-item-second-prev, -.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, -.p-dock.p-dock-right .p-dock-item-second-next { - margin: 0.9rem 0; -} -.p-dock.p-dock-left .p-dock-item-prev, -.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, -.p-dock.p-dock-right .p-dock-item-next { - margin: 1.3rem 0; -} -.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { - margin: 1.5rem 0; -} - -@media screen and (max-width: 960px) { - .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { - margin: auto 0; - } - .p-dock .p-dock-list .p-dock-item { - transform: none; - margin: 0; - } -} -.p-megamenu { - padding: 0.5rem; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; - transition: box-shadow 0.2s; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #a7d8a9; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #17212f; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-megamenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #a7d8a9; -} -.p-megamenu .p-megamenu-panel { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-megamenu .p-megamenu-submenu-header { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - font-weight: 600; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-megamenu .p-megamenu-submenu { - padding: 0.25rem 0; - width: 12.5rem; -} -.p-megamenu .p-megamenu-submenu .p-menu-separator { - border-top: 1px solid #304562; - margin: 0.25rem 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem { - margin: 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { - margin: 0; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #17212f; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.25rem 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem { - margin: 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { - margin: 0; -} - -.p-menu { - padding: 0.25rem 0; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; - width: 12.5rem; -} -.p-menu .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-menu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #a7d8a9; -} -.p-menu.p-menu-overlay { - background: #1f2d40; - border: 1px solid #304562; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-menu .p-submenu-header { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - font-weight: 600; - border-top-right-radius: 0; - border-top-left-radius: 0; -} -.p-menu .p-menu-separator { - border-top: 1px solid #304562; - margin: 0.25rem 0; -} -.p-menu .p-menuitem { - margin: 0; -} -.p-menu .p-menuitem:last-child { - margin: 0; -} - -.p-menubar { - padding: 0.5rem; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; -} -.p-menubar .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menubar .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-menubar .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #a7d8a9; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #a7d8a9; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #17212f; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-submenu-list { - padding: 0.25rem 0; - background: #1f2d40; - border: 1px solid #304562; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - width: 12.5rem; -} -.p-menubar .p-submenu-list .p-menu-separator { - border-top: 1px solid #304562; - margin: 0.25rem 0; -} -.p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; -} -.p-menubar .p-submenu-list .p-menuitem { - margin: 0; -} -.p-menubar .p-submenu-list .p-menuitem:last-child { - margin: 0; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #17212f; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} - -@media screen and (max-width: 960px) { - .p-menubar { - position: relative; - } - .p-menubar .p-menubar-button { - display: flex; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-menubar .p-menubar-button:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menubar .p-menubar-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; - } - .p-menubar .p-menubar-root-list { - position: absolute; - display: none; - padding: 0.25rem 0; - background: #1f2d40; - border: 1px solid #304562; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - width: 100%; - } - .p-menubar .p-menubar-root-list .p-menu-separator { - border-top: 1px solid #304562; - margin: 0.25rem 0; - } - .p-menubar .p-menubar-root-list .p-submenu-icon { - font-size: 0.875rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #a7d8a9; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - transition: transform 0.2s; - } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-180deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list { - width: 100%; - position: static; - box-shadow: none; - border: 0 none; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { - transition: transform 0.2s; - transform: rotate(90deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-90deg); - } - .p-menubar .p-menubar-root-list .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list ul li a { - padding-left: 2.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li a { - padding-left: 3.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li a { - padding-left: 5.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { - padding-left: 6.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { - padding-left: 8.25rem; - } - .p-menubar.p-menubar-mobile-active .p-menubar-root-list { - display: flex; - flex-direction: column; - top: 100%; - left: 0; - z-index: 1; - } -} -.p-panelmenu .p-panelmenu-header > a { - padding: 1rem; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - font-weight: 600; - border-radius: 3px; - transition: box-shadow 0.2s; -} -.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #304562; - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight > a { - background: #1f2d40; - border-color: #304562; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { - border-color: #304562; - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content { - padding: 0.25rem 0; - border: 1px solid #304562; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - margin-bottom: 0; - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #a7d8a9; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { - padding: 0 0 0 1rem; -} -.p-panelmenu .p-panelmenu-panel { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { - border-radius: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-content { - border-radius: 0; -} -.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { - border-top: 0 none; -} -.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { - border-top: 0 none; -} -.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-slidemenu { - padding: 0.25rem 0; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; - width: 12.5rem; -} -.p-slidemenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-slidemenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-slidemenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #a7d8a9; -} -.p-slidemenu.p-slidemenu-overlay { - background: #1f2d40; - border: 1px solid #304562; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-slidemenu .p-slidemenu-list { - padding: 0.25rem 0; - background: #1f2d40; - border: 1px solid #304562; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { - background: #17212f; -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-slidemenu-separator { - border-top: 1px solid #304562; - margin: 0.25rem 0; -} -.p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; -} -.p-slidemenu .p-slidemenu-backward { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); -} - -.p-steps .p-steps-item .p-menuitem-link { - background: transparent; - transition: box-shadow 0.2s; - border-radius: 3px; - background: transparent; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-number { - color: rgba(255, 255, 255, 0.87); - border: 0 none; - background: transparent; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - z-index: 1; - border-radius: 50%; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-title { - margin-top: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.p-steps .p-steps-item.p-highlight .p-steps-number { - background: rgba(129, 199, 132, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-steps .p-steps-item.p-highlight .p-steps-title { - font-weight: 600; - color: rgba(255, 255, 255, 0.87); -} -.p-steps .p-steps-item:before { - content: " "; - border-top: 1px solid #304562; - width: 100%; - top: 50%; - left: 0; - display: block; - position: absolute; - margin-top: -1rem; -} - -.p-tabmenu .p-tabmenu-nav { - background: transparent; - border: 1px solid #304562; - border-width: 0 0 2px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { - margin-right: 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { - border: solid #304562; - border-width: 0 0 2px 0; - border-color: transparent transparent #304562 transparent; - background: #1f2d40; - color: rgba(255, 255, 255, 0.6); - padding: 1rem; - font-weight: 600; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #a7d8a9; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: #1f2d40; - border-color: #81C784; - color: rgba(255, 255, 255, 0.87); -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #1f2d40; - border-color: #81C784; - color: #81C784; -} - -.p-tieredmenu { - padding: 0.25rem 0; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; - width: 12.5rem; -} -.p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-tieredmenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-tieredmenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #a7d8a9; -} -.p-tieredmenu.p-tieredmenu-overlay { - background: #1f2d40; - border: 1px solid #304562; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #1f2d40; - border: 1px solid #304562; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-tieredmenu .p-menuitem { - margin: 0; -} -.p-tieredmenu .p-menuitem:last-child { - margin: 0; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #17212f; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menu-separator { - border-top: 1px solid #304562; - margin: 0.25rem 0; -} -.p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-inline-message { - padding: 0.5rem 0.5rem; - margin: 0; - border-radius: 3px; -} -.p-inline-message.p-inline-message-info { - background: #B3E5FC; - border: solid #0891cf; - border-width: 1px; - color: #044868; -} -.p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #044868; -} -.p-inline-message.p-inline-message-success { - background: #C8E6C9; - border: solid #439446; - border-width: 1px; - color: #224a23; -} -.p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #224a23; -} -.p-inline-message.p-inline-message-warn { - background: #FFECB3; - border: solid #d9a300; - border-width: 1px; - color: #6d5100; -} -.p-inline-message.p-inline-message-warn .p-inline-message-icon { - color: #6d5100; -} -.p-inline-message.p-inline-message-error { - background: #FFCDD2; - border: solid #e60017; - border-width: 1px; - color: #73000c; -} -.p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #73000c; -} -.p-inline-message .p-inline-message-icon { - font-size: 1rem; - margin-right: 0.5rem; -} -.p-inline-message .p-inline-message-text { - font-size: 1rem; -} -.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { - margin-right: 0; -} - -.p-message { - margin: 1rem 0; - border-radius: 3px; -} -.p-message .p-message-wrapper { - padding: 1rem 1.5rem; -} -.p-message .p-message-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-message .p-message-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.p-message.p-message-info { - background: #B3E5FC; - border: solid #0891cf; - border-width: 0 0 0 6px; - color: #044868; -} -.p-message.p-message-info .p-message-icon { - color: #044868; -} -.p-message.p-message-info .p-message-close { - color: #044868; -} -.p-message.p-message-success { - background: #C8E6C9; - border: solid #439446; - border-width: 0 0 0 6px; - color: #224a23; -} -.p-message.p-message-success .p-message-icon { - color: #224a23; -} -.p-message.p-message-success .p-message-close { - color: #224a23; -} -.p-message.p-message-warn { - background: #FFECB3; - border: solid #d9a300; - border-width: 0 0 0 6px; - color: #6d5100; -} -.p-message.p-message-warn .p-message-icon { - color: #6d5100; -} -.p-message.p-message-warn .p-message-close { - color: #6d5100; -} -.p-message.p-message-error { - background: #FFCDD2; - border: solid #e60017; - border-width: 0 0 0 6px; - color: #73000c; -} -.p-message.p-message-error .p-message-icon { - color: #73000c; -} -.p-message.p-message-error .p-message-close { - color: #73000c; -} -.p-message .p-message-text { - font-size: 1rem; - font-weight: 500; -} -.p-message .p-message-icon { - font-size: 1.5rem; - margin-right: 0.5rem; -} -.p-message .p-message-summary { - font-weight: 700; -} -.p-message .p-message-detail { - margin-left: 0.5rem; -} - -.p-toast { - opacity: 0.9; -} -.p-toast .p-toast-message { - margin: 0 0 1rem 0; - box-shadow: none; - border-radius: 3px; -} -.p-toast .p-toast-message .p-toast-message-content { - padding: 1rem; - border-width: 0 0 0 6px; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { - margin: 0 0 0 1rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { - font-size: 2rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { - font-weight: 700; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { - margin: 0.5rem 0 0 0; -} -.p-toast .p-toast-message .p-toast-icon-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-toast .p-toast-message .p-toast-icon-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} -.p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; - border: solid #0891cf; - border-width: 0 0 0 6px; - color: #044868; -} -.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { - color: #044868; -} -.p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; - border: solid #439446; - border-width: 0 0 0 6px; - color: #224a23; -} -.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { - color: #224a23; -} -.p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; - border: solid #d9a300; - border-width: 0 0 0 6px; - color: #6d5100; -} -.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { - color: #6d5100; -} -.p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; - border: solid #e60017; - border-width: 0 0 0 6px; - color: #73000c; -} -.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { - color: #73000c; -} - -.p-galleria .p-galleria-close { - margin: 0.5rem; - background: transparent; - color: #f8f9fa; - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-close .p-galleria-close-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-close:hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-item-nav { - background: transparent; - color: #f8f9fa; - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 3px; - margin: 0 0.5rem; -} -.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, -.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-caption { - background: rgba(0, 0, 0, 0.5); - color: #f8f9fa; - padding: 1rem; -} -.p-galleria .p-galleria-indicators { - padding: 1rem; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #304562; - width: 1rem; - height: 1rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { - background: #3c567a; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(129, 199, 132, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { - margin-right: 0.5rem; -} -.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { - margin-bottom: 0.5rem; -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { - background: rgba(0, 0, 0, 0.5); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { - background: rgba(255, 255, 255, 0.4); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { - background: rgba(255, 255, 255, 0.6); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(129, 199, 132, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-galleria .p-galleria-thumbnail-container { - background: rgba(0, 0, 0, 0.9); - padding: 1rem 0.25rem; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { - margin: 0.5rem; - background-color: transparent; - color: #f8f9fa; - width: 2rem; - height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} - -.p-galleria-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-preview-indicator { - background-color: transparent; - color: #f8f9fa; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} - -.p-image-preview-container:hover > .p-image-preview-indicator { - background-color: rgba(0, 0, 0, 0.5); -} - -.p-image-toolbar { - padding: 1rem; -} - -.p-image-action.p-link { - color: #f8f9fa; - background-color: transparent; - width: 3rem; - height: 3rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-image-action.p-link:last-child { - margin-right: 0; -} -.p-image-action.p-link:hover { - color: #f8f9fa; - background-color: rgba(255, 255, 255, 0.1); -} -.p-image-action.p-link i { - font-size: 1.5rem; -} - -.p-avatar { - background-color: #304562; - border-radius: 3px; -} -.p-avatar.p-avatar-lg { - width: 3rem; - height: 3rem; - font-size: 1.5rem; -} -.p-avatar.p-avatar-lg .p-avatar-icon { - font-size: 1.5rem; -} -.p-avatar.p-avatar-xl { - width: 4rem; - height: 4rem; - font-size: 2rem; -} -.p-avatar.p-avatar-xl .p-avatar-icon { - font-size: 2rem; -} - -.p-avatar-group .p-avatar { - border: 2px solid #1f2d40; -} - -.p-badge { - background: #81C784; - color: #212529; - font-size: 0.75rem; - font-weight: 700; - min-width: 1.5rem; - height: 1.5rem; - line-height: 1.5rem; -} -.p-badge.p-badge-secondary { - background-color: #78909C; - color: #ffffff; -} -.p-badge.p-badge-success { - background-color: #C5E1A5; - color: #121212; -} -.p-badge.p-badge-info { - background-color: #81D4FA; - color: #121212; -} -.p-badge.p-badge-warning { - background-color: #FFE082; - color: #121212; -} -.p-badge.p-badge-danger { - background-color: #F48FB1; - color: #121212; -} -.p-badge.p-badge-lg { - font-size: 1.125rem; - min-width: 2.25rem; - height: 2.25rem; - line-height: 2.25rem; -} -.p-badge.p-badge-xl { - font-size: 1.5rem; - min-width: 3rem; - height: 3rem; - line-height: 3rem; -} - -.p-chip { - background-color: #304562; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - padding: 0 0.5rem; -} -.p-chip .p-chip-text { - line-height: 1.5; - margin-top: 0.25rem; - margin-bottom: 0.25rem; -} -.p-chip .p-chip-icon { - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - margin-left: 0.5rem; -} -.p-chip img { - width: 2rem; - height: 2rem; - margin-left: -0.5rem; - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - border-radius: 3px; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} - -.p-inplace .p-inplace-display { - padding: 0.5rem 0.5rem; - border-radius: 3px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-inplace .p-inplace-display:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-inplace .p-inplace-display:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; -} - -.p-progressbar { - border: 0 none; - height: 1.5rem; - background: #304562; - border-radius: 3px; -} -.p-progressbar .p-progressbar-value { - border: 0 none; - margin: 0; - background: #81C784; -} -.p-progressbar .p-progressbar-label { - color: #212529; - line-height: 1.5rem; -} - -.p-scrolltop { - width: 3rem; - height: 3rem; - border-radius: 50%; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-scrolltop.p-link { - background: rgba(129, 199, 132, 0.16); -} -.p-scrolltop.p-link:hover { - background: rgba(129, 199, 132, 0.3616); -} -.p-scrolltop .p-scrolltop-icon { - font-size: 1.5rem; - color: rgba(255, 255, 255, 0.87); -} - -.p-skeleton { - background-color: rgba(255, 255, 255, 0.06); - border-radius: 3px; -} -.p-skeleton:after { - background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); -} - -.p-tag { - background: #81C784; - color: #212529; - font-size: 0.75rem; - font-weight: 700; - padding: 0.25rem 0.4rem; - border-radius: 3px; -} -.p-tag.p-tag-success { - background-color: #C5E1A5; - color: #121212; -} -.p-tag.p-tag-info { - background-color: #81D4FA; - color: #121212; -} -.p-tag.p-tag-warning { - background-color: #FFE082; - color: #121212; -} -.p-tag.p-tag-danger { - background-color: #F48FB1; - color: #121212; -} -.p-tag .p-tag-icon { - margin-right: 0.25rem; - font-size: 0.75rem; -} - -.p-terminal { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - padding: 1rem; -} -.p-terminal .p-terminal-input { - font-size: 1rem; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; -} - -/* Customizations to the designer theme should be defined here */ -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #81C784; -} - -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #81C784; -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #81C784; -} diff --git a/src/assets/theme/vela-orange/theme.css b/src/assets/theme/vela-orange/theme.css deleted file mode 100644 index dc63261..0000000 --- a/src/assets/theme/vela-orange/theme.css +++ /dev/null @@ -1,5683 +0,0 @@ -:root { - --surface-a:#1f2d40; - --surface-b:#17212f; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#304562; - --surface-e:#1f2d40; - --surface-f:#1f2d40; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#FFD54F; - --primary-color-text:#212529; - --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; - --surface-0: #17212f; - --surface-50: #2e3744; - --surface-100: #454d59; - --surface-200: #5d646d; - --surface-300: #747a82; - --surface-400: #8b9097; - --surface-500: #a2a6ac; - --surface-600: #b9bcc1; - --surface-700: #d1d3d5; - --surface-800: #e8e9ea; - --surface-900: #ffffff; - --gray-50:#e8e9ea; - --gray-100: #d1d3d5; - --gray-200: #b9bcc1; - --gray-300: #a2a6ac; - --gray-400: #8b9097; - --gray-500: #747a82; - --gray-600: #5d646d; - --gray-700: #454d59; - --gray-800: #2e3744; - --gray-900: #17212f; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:3px; - --surface-ground:#17212f; - --surface-section:#17212f; - --surface-card:#1f2d40; - --surface-overlay:#1f2d40; - --surface-border:#304562; - --surface-hover:rgba(255,255,255,.03); - --maskbg: rgba(0, 0, 0, 0.4); - --focus-ring: 0 0 0 1px #ffe284; -} - -* { - box-sizing: border-box; -} - -.p-component { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - font-weight: normal; -} - -.p-component-overlay { - background-color: rgba(0, 0, 0, 0.4); - transition-duration: 0.2s; -} - -.p-disabled, .p-component:disabled { - opacity: 0.4; -} - -.p-error { - color: #ef9a9a; -} - -.p-text-secondary { - color: rgba(255, 255, 255, 0.6); -} - -.pi { - font-size: 1rem; -} - -.p-link { - font-size: 1rem; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - border-radius: 3px; -} -.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} - -.p-component-overlay-enter { - animation: p-component-overlay-enter-animation 150ms forwards; -} - -.p-component-overlay-leave { - animation: p-component-overlay-leave-animation 150ms forwards; -} - -@keyframes p-component-overlay-enter-animation { - from { - background-color: transparent; - } - to { - background-color: var(--maskbg); - } -} -@keyframes p-component-overlay-leave-animation { - from { - background-color: var(--maskbg); - } - to { - background-color: transparent; - } -} - -:root { - --blue-50:#f4fafe; - --blue-100:#cae6fc; - --blue-200:#a0d2fa; - --blue-300:#75bef8; - --blue-400:#4baaf5; - --blue-500:#2196f3; - --blue-600:#1c80cf; - --blue-700:#1769aa; - --blue-800:#125386; - --blue-900:#0d3c61; - --green-50:#f6fbf6; - --green-100:#d4ecd5; - --green-200:#b2ddb4; - --green-300:#90cd93; - --green-400:#6ebe71; - --green-500:#4caf50; - --green-600:#419544; - --green-700:#357b38; - --green-800:#2a602c; - --green-900:#1e4620; - --yellow-50:#fffcf5; - --yellow-100:#fef0cd; - --yellow-200:#fde4a5; - --yellow-300:#fdd87d; - --yellow-400:#fccc55; - --yellow-500:#fbc02d; - --yellow-600:#d5a326; - --yellow-700:#b08620; - --yellow-800:#8a6a19; - --yellow-900:#644d12; - --cyan-50:#f2fcfd; - --cyan-100:#c2eff5; - --cyan-200:#91e2ed; - --cyan-300:#61d5e4; - --cyan-400:#30c9dc; - --cyan-500:#00bcd4; - --cyan-600:#00a0b4; - --cyan-700:#008494; - --cyan-800:#006775; - --cyan-900:#004b55; - --pink-50:#fef4f7; - --pink-100:#fac9da; - --pink-200:#f69ebc; - --pink-300:#f1749e; - --pink-400:#ed4981; - --pink-500:#e91e63; - --pink-600:#c61a54; - --pink-700:#a31545; - --pink-800:#801136; - --pink-900:#5d0c28; - --indigo-50:#f5f6fb; - --indigo-100:#d1d5ed; - --indigo-200:#acb4df; - --indigo-300:#8893d1; - --indigo-400:#6372c3; - --indigo-500:#3f51b5; - --indigo-600:#36459a; - --indigo-700:#2c397f; - --indigo-800:#232d64; - --indigo-900:#192048; - --teal-50:#f2faf9; - --teal-100:#c2e6e2; - --teal-200:#91d2cc; - --teal-300:#61beb5; - --teal-400:#30aa9f; - --teal-500:#009688; - --teal-600:#008074; - --teal-700:#00695f; - --teal-800:#00534b; - --teal-900:#003c36; - --orange-50:#fff8f2; - --orange-100:#fde0c2; - --orange-200:#fbc791; - --orange-300:#f9ae61; - --orange-400:#f79530; - --orange-500:#f57c00; - --orange-600:#d06900; - --orange-700:#ac5700; - --orange-800:#874400; - --orange-900:#623200; - --bluegray-50:#f7f9f9; - --bluegray-100:#d9e0e3; - --bluegray-200:#bbc7cd; - --bluegray-300:#9caeb7; - --bluegray-400:#7e96a1; - --bluegray-500:#607d8b; - --bluegray-600:#526a76; - --bluegray-700:#435861; - --bluegray-800:#35454c; - --bluegray-900:#263238; - --purple-50:#faf4fb; - --purple-100:#e7cbec; - --purple-200:#d4a2dd; - --purple-300:#c279ce; - --purple-400:#af50bf; - --purple-500:#9c27b0; - --purple-600:#852196; - --purple-700:#6d1b7b; - --purple-800:#561561; - --purple-900:#3e1046; -} - -.p-autocomplete .p-autocomplete-loader { - right: 0.5rem; -} -.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 2.857rem; -} -.p-autocomplete .p-autocomplete-multiple-container { - padding: 0.25rem 0.5rem; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: #FFD54F; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; - border-color: #FFD54F; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { - padding: 0.25rem 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - padding: 0; - margin: 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { - padding: 0.25rem 0.5rem; - margin-right: 0.5rem; - background: rgba(255, 213, 79, 0.16); - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; -} - -p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #ef9a9a; -} - -.p-autocomplete-panel { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-autocomplete-panel .p-autocomplete-items:not(.p-autocomplete-virtualscroll) { - padding: 0.5rem 0; -} -.p-autocomplete-panel .p-autocomplete-items.p-autocomplete-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.5rem 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 213, 79, 0.16); -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.5rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - font-weight: 600; -} - -p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { - border-color: #ef9a9a; -} - -.p-datepicker { - padding: 0.5rem; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; -} -.p-datepicker:not(.p-datepicker-inline) { - background: #1f2d40; - border: 1px solid #304562; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { - background: #1f2d40; -} -.p-datepicker .p-datepicker-header { - padding: 0.5rem; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - font-weight: 600; - margin: 0; - border-bottom: 1px solid #304562; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev, -.p-datepicker .p-datepicker-header .p-datepicker-next { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.p-datepicker .p-datepicker-header .p-datepicker-title { - line-height: 2rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - font-weight: 600; - padding: 0.5rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #FFD54F; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - margin-right: 0.5rem; -} -.p-datepicker table { - font-size: 1rem; - margin: 0.5rem 0; -} -.p-datepicker table th { - padding: 0.5rem; -} -.p-datepicker table th > span { - width: 2.5rem; - height: 2.5rem; -} -.p-datepicker table td { - padding: 0.5rem; -} -.p-datepicker table td > span { - width: 2.5rem; - height: 2.5rem; - border-radius: 50%; - transition: box-shadow 0.2s; - border: 1px solid transparent; -} -.p-datepicker table td > span.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 213, 79, 0.16); -} -.p-datepicker table td > span:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.p-datepicker table td.p-datepicker-today > span { - background: transparent; - color: #FFD54F; - border-color: transparent; -} -.p-datepicker table td.p-datepicker-today > span.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 213, 79, 0.16); -} -.p-datepicker .p-datepicker-buttonbar { - padding: 1rem 0; - border-top: 1px solid #304562; -} -.p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; -} -.p-datepicker .p-timepicker { - border-top: 1px solid #304562; - padding: 0.5rem; -} -.p-datepicker .p-timepicker button { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-timepicker button:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker .p-timepicker button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.p-datepicker .p-timepicker button:last-child { - margin-top: 0.2em; -} -.p-datepicker .p-timepicker span { - font-size: 1.25rem; -} -.p-datepicker .p-timepicker > div { - padding: 0 0.5rem; -} -.p-datepicker.p-datepicker-timeonly .p-timepicker { - border-top: 0 none; -} -.p-datepicker .p-monthpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-monthpicker .p-monthpicker-month { - padding: 0.5rem; - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 213, 79, 0.16); -} -.p-datepicker .p-yearpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-yearpicker .p-yearpicker-year { - padding: 0.5rem; - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 213, 79, 0.16); -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #304562; - padding-right: 0.5rem; - padding-left: 0.5rem; - padding-top: 0; - padding-bottom: 0; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { - padding-left: 0; - border-left: 0 none; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { - padding-right: 0; -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} - -@media screen and (max-width: 769px) { - .p-datepicker table th, .p-datepicker table td { - padding: 0; - } -} -.p-cascadeselect { - background: #17212f; - border: 1px solid #304562; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-cascadeselect:not(.p-disabled):hover { - border-color: #FFD54F; -} -.p-cascadeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; - border-color: #FFD54F; -} -.p-cascadeselect .p-cascadeselect-label { - background: transparent; - border: 0 none; - padding: 0.5rem 0.5rem; -} -.p-cascadeselect .p-cascadeselect-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-cascadeselect .p-cascadeselect-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-cascadeselect .p-cascadeselect-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2.357rem; - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-cascadeselect-panel { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-cascadeselect-panel .p-cascadeselect-items { - padding: 0.5rem 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { - margin: 0; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.5rem 1rem; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #ffe284; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 213, 79, 0.16); -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { - font-size: 0.875rem; -} - -p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #ef9a9a; -} - -.p-input-filled .p-cascadeselect { - background: #304562; -} -.p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #304562; -} -.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #304562; -} - -.p-checkbox { - width: 20px; - height: 20px; -} -.p-checkbox .p-checkbox-box { - border: 2px solid #304562; - background: #17212f; - width: 20px; - height: 20px; - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-checkbox .p-checkbox-box .p-checkbox-icon { - transition-duration: 0.2s; - color: #212529; - font-size: 14px; -} -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #FFD54F; - background: #FFD54F; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #FFD54F; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; - border-color: #FFD54F; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #ffc50c; - background: #ffc50c; - color: #212529; -} - -p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #ef9a9a; -} - -.p-input-filled .p-checkbox .p-checkbox-box { - background-color: #304562; -} -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #FFD54F; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #304562; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #ffc50c; -} - -.p-checkbox-label { - margin-left: 0.5rem; -} - -.p-chips .p-chips-multiple-container { - padding: 0.25rem 0.5rem; -} -.p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: #FFD54F; -} -.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; - border-color: #FFD54F; -} -.p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.25rem 0.5rem; - margin-right: 0.5rem; - background: rgba(255, 213, 79, 0.16); - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; -} -.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { - margin-left: 0.5rem; -} -.p-chips .p-chips-multiple-container .p-chips-input-token { - padding: 0.25rem 0; -} -.p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - padding: 0; - margin: 0; -} - -p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { - border-color: #ef9a9a; -} - -.p-colorpicker-preview, -.p-fluid .p-colorpicker-preview.p-inputtext { - width: 2rem; - height: 2rem; -} - -.p-colorpicker-panel { - background: #1f2d40; - border: 1px solid #304562; -} -.p-colorpicker-panel .p-colorpicker-color-handle, -.p-colorpicker-panel .p-colorpicker-hue-handle { - border-color: #ffffff; -} - -.p-colorpicker-overlay-panel { - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} - -.p-dropdown { - background: #17212f; - border: 1px solid #304562; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-dropdown:not(.p-disabled):hover { - border-color: #FFD54F; -} -.p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; - border-color: #FFD54F; -} -.p-dropdown.p-dropdown-clearable .p-dropdown-label { - padding-right: 1.5rem; -} -.p-dropdown .p-dropdown-label { - background: transparent; - border: 0 none; -} -.p-dropdown .p-dropdown-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-dropdown .p-dropdown-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-dropdown .p-dropdown-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2.357rem; - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} -.p-dropdown .p-dropdown-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 2.357rem; -} - -.p-dropdown-panel { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-dropdown-panel .p-dropdown-header { - padding: 0.5rem 1rem; - border-bottom: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - margin: 0; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { - padding-right: 1.5rem; - margin-right: -1.5rem; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { - right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-dropdown-panel .p-dropdown-items:not(.p-dropdown-virtualscroll) { - padding: 0.5rem 0; -} -.p-dropdown-panel .p-dropdown-items.p-dropdown-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.5rem 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 213, 79, 0.16); -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.5rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - font-weight: 600; -} - -p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #ef9a9a; -} - -.p-input-filled .p-dropdown { - background: #304562; -} -.p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #304562; -} -.p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: #304562; -} - -.p-editor-container .p-editor-toolbar { - background: #1f2d40; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #304562; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #1f2d40; - border: 1px solid #304562; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; - padding: 0.5rem 0; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.5rem 1rem; -} -.p-editor-container .p-editor-content { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-editor-container .p-editor-content.ql-snow { - border: 1px solid #304562; -} -.p-editor-container .p-editor-content .ql-editor { - background: #17212f; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #FFD54F; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #FFD54F; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #FFD54F; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #FFD54F; -} - -.p-inputgroup-addon { - background: #1f2d40; - color: rgba(255, 255, 255, 0.6); - border-top: 1px solid #304562; - border-left: 1px solid #304562; - border-bottom: 1px solid #304562; - padding: 0.5rem 0.5rem; - min-width: 2.357rem; -} -.p-inputgroup-addon:last-child { - border-right: 1px solid #304562; -} - -.p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, -.p-inputgroup > .p-float-label > .p-component { - border-radius: 0; - margin: 0; -} -.p-inputgroup > .p-component + .p-inputgroup-addon, -.p-inputgroup > .p-element + .p-inputgroup-addon, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, -.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { - border-left: 0 none; -} -.p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, -.p-inputgroup > .p-float-label > .p-component:focus { - z-index: 1; -} -.p-inputgroup > .p-component:focus ~ label, -.p-inputgroup > .p-element:focus ~ label, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, -.p-inputgroup > .p-float-label > .p-component:focus ~ label { - z-index: 1; -} - -.p-inputgroup-addon:first-child, -.p-inputgroup button:first-child, -.p-inputgroup input:first-child, -.p-inputgroup > .p-inputwrapper:first-child > .p-component, -.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-inputgroup .p-float-label:first-child input { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-inputgroup-addon:last-child, -.p-inputgroup button:last-child, -.p-inputgroup input:last-child, -.p-inputgroup > .p-inputwrapper:last-child > .p-component, -.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-inputgroup .p-float-label:last-child input { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-fluid .p-inputgroup .p-button { - width: auto; -} -.p-fluid .p-inputgroup .p-button.p-button-icon-only { - width: 2.357rem; -} - -p-inputmask.ng-dirty.ng-invalid > .p-inputtext { - border-color: #ef9a9a; -} - -p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { - border-color: #ef9a9a; -} - -.p-inputswitch { - width: 3rem; - height: 1.75rem; -} -.p-inputswitch .p-inputswitch-slider { - background: #304562; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 30px; -} -.p-inputswitch .p-inputswitch-slider:before { - background: rgba(255, 255, 255, 0.6); - width: 1.25rem; - height: 1.25rem; - left: 0.25rem; - margin-top: -0.625rem; - border-radius: 50%; - transition-duration: 0.2s; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - transform: translateX(1.25rem); -} -.p-inputswitch.p-focus .p-inputswitch-slider { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: rgba(255, 255, 255, 0.03); -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #FFD54F; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: rgba(255, 255, 255, 0.87); -} -.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #ffcd2e; -} - -p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { - border-color: #ef9a9a; -} - -.p-inputtext { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - background: #17212f; - padding: 0.5rem 0.5rem; - border: 1px solid #304562; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - appearance: none; - border-radius: 3px; -} -.p-inputtext:enabled:hover { - border-color: #FFD54F; -} -.p-inputtext:enabled:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; - border-color: #FFD54F; -} -.p-inputtext.ng-dirty.ng-invalid { - border-color: #ef9a9a; -} -.p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.4375rem; -} -.p-inputtext.p-inputtext-lg { - font-size: 1.25rem; - padding: 0.625rem 0.625rem; -} - -.p-float-label > label { - left: 0.5rem; - color: rgba(255, 255, 255, 0.6); - transition-duration: 0.2s; -} - -.p-float-label > .ng-invalid.ng-dirty + label { - color: #ef9a9a; -} - -.p-input-icon-left > i:first-of-type { - left: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} - -.p-input-icon-left > .p-inputtext { - padding-left: 2rem; -} - -.p-input-icon-left.p-float-label > label { - left: 2rem; -} - -.p-input-icon-right > i:last-of-type { - right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} - -.p-input-icon-right > .p-inputtext { - padding-right: 2rem; -} - -::-webkit-input-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -:-moz-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -::-moz-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -:-ms-input-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -.p-input-filled .p-inputtext { - background-color: #304562; -} -.p-input-filled .p-inputtext:enabled:hover { - background-color: #304562; -} -.p-input-filled .p-inputtext:enabled:focus { - background-color: #304562; -} - -.p-inputtext-sm .p-inputtext { - font-size: 0.875rem; - padding: 0.4375rem 0.4375rem; -} - -.p-inputtext-lg .p-inputtext { - font-size: 1.25rem; - padding: 0.625rem 0.625rem; -} - -.p-listbox { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; -} -.p-listbox .p-listbox-header { - padding: 0.5rem 1rem; - border-bottom: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - margin: 0; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-listbox .p-listbox-header .p-listbox-filter { - padding-right: 1.5rem; -} -.p-listbox .p-listbox-header .p-listbox-filter-icon { - right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-listbox .p-listbox-header .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list { - padding: 0.5rem 0; -} -.p-listbox .p-listbox-list .p-listbox-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 213, 79, 0.16); -} -.p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #ffe284; -} -.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list .p-listbox-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - font-weight: 600; -} -.p-listbox .p-listbox-list .p-listbox-empty-message { - padding: 0.5rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} - -p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #ef9a9a; -} - -.p-multiselect { - background: #17212f; - border: 1px solid #304562; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-multiselect:not(.p-disabled):hover { - border-color: #FFD54F; -} -.p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; - border-color: #FFD54F; -} -.p-multiselect .p-multiselect-label { - padding: 0.5rem 0.5rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-multiselect .p-multiselect-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-multiselect.p-multiselect-chip .p-multiselect-token { - padding: 0.25rem 0.5rem; - margin-right: 0.5rem; - background: rgba(255, 213, 79, 0.16); - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; -} -.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { - margin-left: 0.5rem; -} -.p-multiselect .p-multiselect-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2.357rem; - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { - padding: 0.25rem 0.5rem; -} - -.p-multiselect-panel { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-multiselect-panel .p-multiselect-header { - padding: 0.5rem 1rem; - border-bottom: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - margin: 0; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { - padding-right: 1.5rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { - right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-multiselect-panel .p-multiselect-header .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close { - margin-left: 0.5rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.p-multiselect-panel .p-multiselect-items:not(.p-multiselect-virtualscroll) { - padding: 0.5rem 0; -} -.p-multiselect-panel .p-multiselect-items.p-multiselect-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.5rem 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 213, 79, 0.16); -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #ffe284; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - font-weight: 600; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { - padding: 0.5rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} - -p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #ef9a9a; -} - -.p-input-filled .p-multiselect { - background: #304562; -} -.p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #304562; -} -.p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #304562; -} - -p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #ef9a9a; -} - -.p-password-panel { - padding: 1rem; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; -} -.p-password-panel .p-password-meter { - margin-bottom: 0.5rem; - background: #304562; -} -.p-password-panel .p-password-meter .p-password-strength.weak { - background: #F48FB1; -} -.p-password-panel .p-password-meter .p-password-strength.medium { - background: #FFE082; -} -.p-password-panel .p-password-meter .p-password-strength.strong { - background: #C5E1A5; -} - -.p-radiobutton { - width: 20px; - height: 20px; -} -.p-radiobutton .p-radiobutton-box { - border: 2px solid #304562; - background: #17212f; - width: 20px; - height: 20px; - color: rgba(255, 255, 255, 0.87); - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #FFD54F; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; - border-color: #FFD54F; -} -.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - width: 12px; - height: 12px; - transition-duration: 0.2s; - background-color: #212529; -} -.p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #FFD54F; - background: #FFD54F; -} -.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #ffc50c; - background: #ffc50c; - color: #212529; -} - -p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #ef9a9a; -} - -.p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #304562; -} -.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #304562; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #FFD54F; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #ffc50c; -} - -.p-radiobutton-label { - margin-left: 0.5rem; -} - -.p-rating .p-rating-icon { - color: rgba(255, 255, 255, 0.87); - margin-left: 0.5rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - font-size: 1.143rem; -} -.p-rating .p-rating-icon.p-rating-cancel { - color: #F48FB1; -} -.p-rating .p-rating-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.p-rating .p-rating-icon:first-child { - margin-left: 0; -} -.p-rating .p-rating-icon.pi-star-fill { - color: #FFD54F; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { - color: #FFD54F; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - color: #F48FB1; -} - -.p-selectbutton .p-button { - background: #1f2d40; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-selectbutton .p-button .p-button-icon-left, -.p-selectbutton .p-button .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - border-color: #304562; - color: rgba(255, 255, 255, 0.87); -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-selectbutton .p-button.p-highlight { - background: #FFD54F; - border-color: #FFD54F; - color: #212529; -} -.p-selectbutton .p-button.p-highlight .p-button-icon-left, -.p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: #212529; -} -.p-selectbutton .p-button.p-highlight:hover { - background: #ffcd2e; - border-color: #ffcd2e; - color: #212529; -} -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: #212529; -} - -p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #ef9a9a; -} - -.p-slider { - background: #304562; - border: 0 none; - border-radius: 3px; -} -.p-slider.p-slider-horizontal { - height: 0.286rem; -} -.p-slider.p-slider-horizontal .p-slider-handle { - margin-top: -0.5715rem; - margin-left: -0.5715rem; -} -.p-slider.p-slider-vertical { - width: 0.286rem; -} -.p-slider.p-slider-vertical .p-slider-handle { - margin-left: -0.5715rem; - margin-bottom: -0.5715rem; -} -.p-slider .p-slider-handle { - height: 1.143rem; - width: 1.143rem; - background: #304562; - border: 2px solid #FFD54F; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-slider .p-slider-handle:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.p-slider .p-slider-range { - background: #FFD54F; -} -.p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #FFD54F; - border-color: #FFD54F; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { - transition: width 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { - transition: height 0.2s; -} - -.p-togglebutton.p-button { - background: #1f2d40; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-togglebutton.p-button .p-button-icon-left, -.p-togglebutton.p-button .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - border-color: #304562; - color: rgba(255, 255, 255, 0.87); -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-togglebutton.p-button.p-highlight { - background: #FFD54F; - border-color: #FFD54F; - color: #212529; -} -.p-togglebutton.p-button.p-highlight .p-button-icon-left, -.p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: #212529; -} -.p-togglebutton.p-button.p-highlight:hover { - background: #ffcd2e; - border-color: #ffcd2e; - color: #212529; -} -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: #212529; -} - -p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #ef9a9a; -} - -.p-treeselect { - background: #17212f; - border: 1px solid #304562; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-treeselect:not(.p-disabled):hover { - border-color: #FFD54F; -} -.p-treeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; - border-color: #FFD54F; -} -.p-treeselect .p-treeselect-label { - padding: 0.5rem 0.5rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-treeselect .p-treeselect-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-treeselect.p-treeselect-chip .p-treeselect-token { - padding: 0.25rem 0.5rem; - margin-right: 0.5rem; - background: #304562; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; -} -.p-treeselect .p-treeselect-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2.357rem; - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -p-treeselect.ng-invalid.ng-dirty > .p-treeselect { - border-color: #ef9a9a; -} - -.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { - padding: 0.25rem 0.5rem; -} - -.p-treeselect-panel { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { - border: 0 none; -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { - padding: 0.5rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} - -.p-input-filled .p-treeselect { - background: #304562; -} -.p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #304562; -} -.p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: #304562; -} - -.p-button { - color: #212529; - background: #FFD54F; - border: 1px solid #FFD54F; - padding: 0.5rem 1rem; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-button:enabled:hover { - background: #ffcd2e; - color: #212529; - border-color: #ffcd2e; -} -.p-button:enabled:active { - background: #ffc50c; - color: #212529; - border-color: #ffc50c; -} -.p-button.p-button-outlined { - background-color: transparent; - color: #FFD54F; - border: 1px solid; -} -.p-button.p-button-outlined:enabled:hover { - background: rgba(255, 213, 79, 0.04); - color: #FFD54F; - border: 1px solid; -} -.p-button.p-button-outlined:enabled:active { - background: rgba(255, 213, 79, 0.16); - color: #FFD54F; - border: 1px solid; -} -.p-button.p-button-outlined.p-button-plain { - color: rgba(255, 255, 255, 0.6); - border-color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-outlined.p-button-plain:enabled:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-outlined.p-button-plain:enabled:active { - background: rgba(255, 255, 255, 0.16); - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-text { - background-color: transparent; - color: #FFD54F; - border-color: transparent; -} -.p-button.p-button-text:enabled:hover { - background: rgba(255, 213, 79, 0.04); - color: #FFD54F; - border-color: transparent; -} -.p-button.p-button-text:enabled:active { - background: rgba(255, 213, 79, 0.16); - color: #FFD54F; - border-color: transparent; -} -.p-button.p-button-text.p-button-plain { - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-text.p-button-plain:enabled:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-text.p-button-plain:enabled:active { - background: rgba(255, 255, 255, 0.16); - color: rgba(255, 255, 255, 0.6); -} -.p-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.p-button .p-button-icon-left { - margin-right: 0.5rem; -} -.p-button .p-button-icon-right { - margin-left: 0.5rem; -} -.p-button .p-button-icon-bottom { - margin-top: 0.5rem; -} -.p-button .p-button-icon-top { - margin-bottom: 0.5rem; -} -.p-button .p-badge { - margin-left: 0.5rem; - min-width: 1rem; - height: 1rem; - line-height: 1rem; - color: #FFD54F; - background-color: #212529; -} -.p-button.p-button-raised { - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); -} -.p-button.p-button-rounded { - border-radius: 2rem; -} -.p-button.p-button-icon-only { - width: 2.357rem; - padding: 0.5rem 0; -} -.p-button.p-button-icon-only .p-button-icon-left, -.p-button.p-button-icon-only .p-button-icon-right { - margin: 0; -} -.p-button.p-button-icon-only.p-button-rounded { - border-radius: 50%; - height: 2.357rem; -} -.p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.875rem; -} -.p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; -} -.p-button.p-button-lg { - font-size: 1.25rem; - padding: 0.625rem 1.25rem; -} -.p-button.p-button-lg .p-button-icon { - font-size: 1.25rem; -} -.p-button.p-button-loading-label-only .p-button-label { - margin-left: 0.5rem; -} -.p-button.p-button-loading-label-only .p-button-loading-icon { - margin-right: 0; -} - -.p-fluid .p-button { - width: 100%; -} -.p-fluid .p-button-icon-only { - width: 2.357rem; -} -.p-fluid .p-buttonset { - display: flex; -} -.p-fluid .p-buttonset .p-button { - flex: 1; -} - -.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { - color: #ffffff; - background: #78909C; - border: 1px solid #78909C; -} -.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { - background: #69838f; - color: #ffffff; - border-color: #69838f; -} -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #a1b1ba; -} -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: #5d747f; - color: #ffffff; - border-color: #5d747f; -} -.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { - background-color: transparent; - color: #78909C; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { - background: rgba(120, 144, 156, 0.04); - color: #78909C; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { - background: rgba(120, 144, 156, 0.16); - color: #78909C; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { - background-color: transparent; - color: #78909C; - border-color: transparent; -} -.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { - background: rgba(120, 144, 156, 0.04); - border-color: transparent; - color: #78909C; -} -.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { - background: rgba(120, 144, 156, 0.16); - border-color: transparent; - color: #78909C; -} - -.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { - color: #121212; - background: #81D4FA; - border: 1px solid #81D4FA; -} -.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { - background: #5dc8f9; - color: #121212; - border-color: #5dc8f9; -} -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #a7e1fc; -} -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: #38bbf7; - color: #121212; - border-color: #38bbf7; -} -.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { - background-color: transparent; - color: #81D4FA; - border: 1px solid; -} -.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { - background: rgba(129, 212, 250, 0.04); - color: #81D4FA; - border: 1px solid; -} -.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { - background: rgba(129, 212, 250, 0.16); - color: #81D4FA; - border: 1px solid; -} -.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { - background-color: transparent; - color: #81D4FA; - border-color: transparent; -} -.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { - background: rgba(129, 212, 250, 0.04); - border-color: transparent; - color: #81D4FA; -} -.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { - background: rgba(129, 212, 250, 0.16); - border-color: transparent; - color: #81D4FA; -} - -.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { - color: #121212; - background: #C5E1A5; - border: 1px solid #C5E1A5; -} -.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { - background: #b2d788; - color: #121212; - border-color: #b2d788; -} -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #d6eac0; -} -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: #9fce6b; - color: #121212; - border-color: #9fce6b; -} -.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { - background-color: transparent; - color: #C5E1A5; - border: 1px solid; -} -.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { - background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; - border: 1px solid; -} -.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { - background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; - border: 1px solid; -} -.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { - background-color: transparent; - color: #C5E1A5; - border-color: transparent; -} -.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { - background: rgba(197, 225, 165, 0.04); - border-color: transparent; - color: #C5E1A5; -} -.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { - background: rgba(197, 225, 165, 0.16); - border-color: transparent; - color: #C5E1A5; -} - -.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { - color: #121212; - background: #FFE082; - border: 1px solid #FFE082; -} -.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { - background: #ffd65c; - color: #121212; - border-color: #ffd65c; -} -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #ffe9a8; -} -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: #ffcd35; - color: #121212; - border-color: #ffcd35; -} -.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { - background-color: transparent; - color: #FFE082; - border: 1px solid; -} -.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { - background: rgba(255, 224, 130, 0.04); - color: #FFE082; - border: 1px solid; -} -.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { - background: rgba(255, 224, 130, 0.16); - color: #FFE082; - border: 1px solid; -} -.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { - background-color: transparent; - color: #FFE082; - border-color: transparent; -} -.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { - background: rgba(255, 224, 130, 0.04); - border-color: transparent; - color: #FFE082; -} -.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { - background: rgba(255, 224, 130, 0.16); - border-color: transparent; - color: #FFE082; -} - -.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { - color: #121212; - background: #CE93D8; - border: 1px solid #CE93D8; -} -.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { - background: #c278ce; - color: #121212; - border-color: #c278ce; -} -.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #ddb3e4; -} -.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: #b65ec5; - color: #121212; - border-color: #b65ec5; -} -.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { - background-color: transparent; - color: #CE93D8; - border: 1px solid; -} -.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { - background: rgba(206, 147, 216, 0.04); - color: #CE93D8; - border: 1px solid; -} -.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { - background: rgba(206, 147, 216, 0.16); - color: #CE93D8; - border: 1px solid; -} -.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { - background-color: transparent; - color: #CE93D8; - border-color: transparent; -} -.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { - background: rgba(206, 147, 216, 0.04); - border-color: transparent; - color: #CE93D8; -} -.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { - background: rgba(206, 147, 216, 0.16); - border-color: transparent; - color: #CE93D8; -} - -.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { - color: #121212; - background: #F48FB1; - border: 1px solid #F48FB1; -} -.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { - background: #f16c98; - color: #121212; - border-color: #f16c98; -} -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #f7b1c8; -} -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: #ed4980; - color: #121212; - border-color: #ed4980; -} -.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { - background-color: transparent; - color: #F48FB1; - border: 1px solid; -} -.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { - background: rgba(244, 143, 177, 0.04); - color: #F48FB1; - border: 1px solid; -} -.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { - background: rgba(244, 143, 177, 0.16); - color: #F48FB1; - border: 1px solid; -} -.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { - background-color: transparent; - color: #F48FB1; - border-color: transparent; -} -.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { - background: rgba(244, 143, 177, 0.04); - border-color: transparent; - color: #F48FB1; -} -.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { - background: rgba(244, 143, 177, 0.16); - border-color: transparent; - color: #F48FB1; -} - -.p-button.p-button-link { - color: #FFD54F; - background: transparent; - border: transparent; -} -.p-button.p-button-link:enabled:hover { - background: transparent; - color: #FFD54F; - border-color: transparent; -} -.p-button.p-button-link:enabled:hover .p-button-label { - text-decoration: underline; -} -.p-button.p-button-link:enabled:focus { - background: transparent; - box-shadow: 0 0 0 0.1rem #ffe284; - border-color: transparent; -} -.p-button.p-button-link:enabled:active { - background: transparent; - color: #FFD54F; - border-color: transparent; -} - -.p-speeddial-button.p-button.p-button-icon-only { - width: 4rem; - height: 4rem; -} -.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { - font-size: 1.3rem; -} - -.p-speeddial-action { - width: 3rem; - height: 3rem; - background: rgba(255, 255, 255, 0.87); - color: #17212f; -} -.p-speeddial-action:hover { - background: rgba(255, 255, 255, 0.6); - color: #17212f; -} - -.p-speeddial-direction-up .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-up .p-speeddial-item:first-child { - margin-bottom: 0.5rem; -} - -.p-speeddial-direction-down .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-down .p-speeddial-item:first-child { - margin-top: 0.5rem; -} - -.p-speeddial-direction-left .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-left .p-speeddial-item:first-child { - margin-right: 0.5rem; -} - -.p-speeddial-direction-right .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-right .p-speeddial-item:first-child { - margin-left: 0.5rem; -} - -.p-speeddial-circle .p-speeddial-item, -.p-speeddial-semi-circle .p-speeddial-item, -.p-speeddial-quarter-circle .p-speeddial-item { - margin: 0; -} -.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, -.p-speeddial-semi-circle .p-speeddial-item:first-child, -.p-speeddial-semi-circle .p-speeddial-item:last-child, -.p-speeddial-quarter-circle .p-speeddial-item:first-child, -.p-speeddial-quarter-circle .p-speeddial-item:last-child { - margin: 0; -} - -.p-speeddial-mask { - background-color: rgba(0, 0, 0, 0.4); -} - -.p-carousel .p-carousel-content .p-carousel-prev, -.p-carousel .p-carousel-content .p-carousel-next { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin: 0.5rem; -} -.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, -.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.p-carousel .p-carousel-indicators { - padding: 1rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator { - margin-right: 0.5rem; - margin-bottom: 0.5rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: #304562; - width: 2rem; - height: 0.5rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 0; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { - background: #3c567a; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: rgba(255, 213, 79, 0.16); - color: rgba(255, 255, 255, 0.87); -} - -.p-datatable .p-paginator-top { - border-width: 1px 0 1px 0; - border-radius: 0; -} -.p-datatable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-datatable .p-datatable-header { - background: #1f2d40; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #304562; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-datatable .p-datatable-footer { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-datatable .p-datatable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #304562; - border-width: 0 0 1px 0; - font-weight: 600; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - transition: box-shadow 0.2s; -} -.p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #304562; - border-width: 0 0 1px 0; - font-weight: 600; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; -} -.p-datatable .p-sortable-column .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 213, 79, 0.16); - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column.p-highlight { - background: #1f2d40; - color: #FFD54F; -} -.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #FFD54F; -} -.p-datatable .p-sortable-column.p-highlight:hover { - background: rgba(255, 255, 255, 0.03); - color: #FFD54F; -} -.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { - color: #FFD54F; -} -.p-datatable .p-sortable-column:focus { - box-shadow: inset 0 0 0 1px #ffe284; - outline: 0 none; -} -.p-datatable .p-datatable-tbody > tr { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - outline-color: #ffe284; -} -.p-datatable .p-datatable-tbody > tr > td { - text-align: left; - border: 1px solid #304562; - border-width: 0 0 1px 0; - padding: 1rem 1rem; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { - margin-right: 0.5rem; -} -.p-datatable .p-datatable-tbody > tr.p-highlight { - background: rgba(255, 213, 79, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 rgba(255, 213, 79, 0.16); -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 rgba(255, 213, 79, 0.16); -} -.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-column-resizer-helper { - background: #FFD54F; -} -.p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #1f2d40; -} -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot { - background-color: #1f2d40; -} -.p-datatable .p-datatable-loading-icon { - font-size: 2rem; -} -.p-datatable.p-datatable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-footer { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-top { - border-width: 0 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-bottom { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { - background: rgba(255, 255, 255, 0.01); -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: rgba(255, 213, 79, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: rgba(255, 255, 255, 0.87); -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: rgba(255, 255, 255, 0.87); -} -.p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-lg .p-datatable-header { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-footer { - padding: 1.25rem 1.25rem; -} - -.p-dataview .p-paginator-top { - border-width: 1px 0 1px 0; - border-radius: 0; -} -.p-dataview .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-dataview .p-dataview-header { - background: #1f2d40; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #304562; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-dataview .p-dataview-content { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; -} -.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid #304562; - border-width: 0 0 1px 0; -} -.p-dataview .p-dataview-footer { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; -} -.p-dataview .p-dataview-loading-icon { - font-size: 2rem; -} -.p-dataview .p-dataview-emptymessage { - padding: 1rem; -} - -.p-column-filter-row .p-column-filter-menu-button, -.p-column-filter-row .p-column-filter-clear-button { - margin-left: 0.5rem; -} - -.p-column-filter-menu-button { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-menu-button:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: rgba(255, 213, 79, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-column-filter-menu-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} - -.p-column-filter-clear-button { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-clear-button:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-column-filter-clear-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} - -.p-column-filter-overlay { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - min-width: 12.5rem; -} -.p-column-filter-overlay .p-column-filter-row-items { - padding: 0.5rem 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 213, 79, 0.16); -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #ffe284; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #304562; - margin: 0.25rem 0; -} - -.p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.5rem 1rem; - border-bottom: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - margin: 0; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-column-filter-overlay-menu .p-column-filter-constraint { - padding: 1rem; - border-bottom: 1px solid #304562; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { - margin-bottom: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { - margin-top: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { - border-bottom: 0 none; -} -.p-column-filter-overlay-menu .p-column-filter-add-rule { - padding: 0.5rem 1rem; -} -.p-column-filter-overlay-menu .p-column-filter-buttonbar { - padding: 1rem; -} - -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #1f2d40; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #1f2d40; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #304562; -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #304562; -} -.fc.fc-unthemed .fc-view-container .fc-event { - background: #ffcd2e; - border: 1px solid #ffcd2e; - color: #212529; -} -.fc.fc-unthemed .fc-view-container .fc-divider { - background: #1f2d40; - border: 1px solid #304562; -} -.fc.fc-unthemed .fc-toolbar .fc-button { - color: #212529; - background: #FFD54F; - border: 1px solid #FFD54F; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - display: flex; - align-items: center; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #ffcd2e; - color: #212529; - border-color: #ffcd2e; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #ffc50c; - color: #212529; - border-color: #ffc50c; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #1f2d40; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #304562; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #FFD54F; - border-color: #FFD54F; - color: #212529; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #ffcd2e; - border-color: #ffcd2e; - color: #212529; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; - z-index: 1; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} -.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #304562; -} -.fc.fc-theme-standard .fc-view-harness th { - background: #1f2d40; - border-color: #304562; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness td { - color: rgba(255, 255, 255, 0.87); - border-color: #304562; -} -.fc.fc-theme-standard .fc-view-harness .fc-view { - background: #1f2d40; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #304562; - padding: 1rem; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1rem; - border: 1px solid #304562; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #212529; - background: #ffcd2e; - border-color: #ffcd2e; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #212529; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #ffcd2e; - border-color: #ffcd2e; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #1f2d40; -} -.fc.fc-theme-standard .fc-toolbar .fc-button { - color: #212529; - background: #FFD54F; - border: 1px solid #FFD54F; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #ffcd2e; - color: #212529; - border-color: #ffcd2e; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #ffc50c; - color: #212529; - border-color: #ffc50c; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.4; - color: #212529; - background: #FFD54F; - border: 1px solid #FFD54F; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #1f2d40; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #304562; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #FFD54F; - border-color: #FFD54F; - color: #212529; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #ffcd2e; - border-color: #ffcd2e; - color: #212529; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; - z-index: 1; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} -.fc.fc-theme-standard a { - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 213, 79, 0.16); -} - -.p-orderlist .p-orderlist-controls { - padding: 1rem; -} -.p-orderlist .p-orderlist-controls .p-button { - margin-bottom: 0.5rem; -} -.p-orderlist .p-orderlist-header { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-orderlist .p-orderlist-header .p-orderlist-title { - font-weight: 600; -} -.p-orderlist .p-orderlist-filter-container { - padding: 1rem; - background: #1f2d40; - border: 1px solid #304562; - border-bottom: 0 none; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { - padding-right: 1.5rem; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { - right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-orderlist .p-orderlist-list { - border: 1px solid #304562; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - padding: 0.5rem 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-orderlist .p-orderlist-list .p-orderlist-item { - padding: 0.5rem 1rem; - margin: 0; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; -} -.p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #ffe284; -} -.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 213, 79, 0.16); -} -.p-orderlist .p-orderlist-list .p-orderlist-empty-message { - padding: 0.5rem 1rem; - color: rgba(255, 255, 255, 0.87); -} -.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} - -.p-orderlist-item.cdk-drag-preview { - padding: 0.5rem 1rem; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - margin: 0; -} - -.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-organizationchart .p-organizationchart-node-content.p-highlight { - background: rgba(255, 213, 79, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: rgba(207, 157, 0, 0.16); -} -.p-organizationchart .p-organizationchart-line-down { - background: rgba(255, 255, 255, 0.6); -} -.p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #304562; - border-color: rgba(255, 255, 255, 0.6); -} -.p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #304562; - border-color: rgba(255, 255, 255, 0.6); -} -.p-organizationchart .p-organizationchart-node-content { - border: 1px solid #304562; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - padding: 1rem; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler { - background: inherit; - color: inherit; - border-radius: 50%; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} - -.p-paginator { - background: #1f2d40; - color: rgba(255, 255, 255, 0.6); - border: solid #304562; - border-width: 1px; - padding: 0.5rem 1rem; - border-radius: 3px; -} -.p-paginator .p-paginator-first, -.p-paginator .p-paginator-prev, -.p-paginator .p-paginator-next, -.p-paginator .p-paginator-last { - background-color: transparent; - border: 0 none; - color: rgba(255, 255, 255, 0.6); - min-width: 2.286em; - height: 2.286em; - margin: 0.143rem; - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - border-color: transparent; - color: rgba(255, 255, 255, 0.87); -} -.p-paginator .p-paginator-first { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-paginator .p-paginator-last { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} -.p-paginator .p-dropdown { - margin-left: 0.5rem; - margin-right: 0.5rem; - height: 2.286em; -} -.p-paginator .p-dropdown .p-dropdown-label { - padding-right: 0; -} -.p-paginator .p-paginator-page-input { - margin-left: 0.5rem; - margin-right: 0.5rem; -} -.p-paginator .p-paginator-page-input .p-inputtext { - max-width: 2.286em; -} -.p-paginator .p-paginator-current { - background-color: transparent; - border: 0 none; - color: rgba(255, 255, 255, 0.6); - min-width: 2.286em; - height: 2.286em; - margin: 0.143rem; - padding: 0 0.5rem; -} -.p-paginator .p-paginator-pages .p-paginator-page { - background-color: transparent; - border: 0 none; - color: rgba(255, 255, 255, 0.6); - min-width: 2.286em; - height: 2.286em; - margin: 0.143rem; - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: rgba(255, 213, 79, 0.16); - border-color: rgba(255, 213, 79, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - border-color: transparent; - color: rgba(255, 255, 255, 0.87); -} - -.p-picklist .p-picklist-buttons { - padding: 1rem; -} -.p-picklist .p-picklist-buttons .p-button { - margin-bottom: 0.5rem; -} -.p-picklist .p-picklist-header { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-picklist .p-picklist-header .p-picklist-title { - font-weight: 600; -} -.p-picklist .p-picklist-filter-container { - padding: 1rem; - background: #1f2d40; - border: 1px solid #304562; - border-bottom: 0 none; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-input { - padding-right: 1.5rem; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { - right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-picklist .p-picklist-list { - border: 1px solid #304562; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - padding: 0.5rem 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-picklist .p-picklist-list .p-picklist-item { - padding: 0.5rem 1rem; - margin: 0; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; -} -.p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #ffe284; -} -.p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 213, 79, 0.16); -} -.p-picklist .p-picklist-list .p-picklist-empty-message { - padding: 0.5rem 1rem; - color: rgba(255, 255, 255, 0.87); -} -.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} - -.p-picklist-item.cdk-drag-preview { - padding: 0.5rem 1rem; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - margin: 0; -} - -.p-timeline .p-timeline-event-marker { - border: 2px solid #FFD54F; - border-radius: 50%; - width: 1rem; - height: 1rem; - background-color: #1f2d40; -} -.p-timeline .p-timeline-event-connector { - background-color: #304562; -} -.p-timeline.p-timeline-vertical .p-timeline-event-opposite, -.p-timeline.p-timeline-vertical .p-timeline-event-content { - padding: 0 1rem; -} -.p-timeline.p-timeline-vertical .p-timeline-event-connector { - width: 2px; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, -.p-timeline.p-timeline-horizontal .p-timeline-event-content { - padding: 1rem 0; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-connector { - height: 2px; -} - -.p-tree { - border: 1px solid #304562; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - padding: 1rem; - border-radius: 3px; -} -.p-tree .p-tree-container .p-treenode { - padding: 0.143rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content { - border-radius: 3px; - transition: box-shadow 0.2s; - padding: 0; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { - margin-right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: rgba(255, 213, 79, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-filter-container { - margin-bottom: 0.5rem; -} -.p-tree .p-tree-filter-container .p-tree-filter { - width: 100%; - padding-right: 1.5rem; -} -.p-tree .p-tree-filter-container .p-tree-filter-icon { - right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-tree .p-treenode-children { - padding: 0 0 0 1rem; -} -.p-tree .p-tree-loading-icon { - font-size: 2rem; -} -.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: rgba(255, 197, 12, 0.16); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { - border-radius: 3px; - border: 1px solid #304562; - background-color: #1f2d40; - color: rgba(255, 255, 255, 0.87); - padding: 0; - transition: box-shadow 0.2s; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { - background-color: rgba(255, 213, 79, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { - background-color: inherit; - color: inherit; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} - -.p-treetable .p-paginator-top { - border-width: 1px 0 1px 0; - border-radius: 0; -} -.p-treetable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-treetable .p-treetable-header { - background: #1f2d40; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #304562; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-treetable .p-treetable-footer { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-treetable .p-treetable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #304562; - border-width: 0 0 1px 0; - font-weight: 600; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - transition: box-shadow 0.2s; -} -.p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #304562; - border-width: 0 0 1px 0; - font-weight: 600; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; -} -.p-treetable .p-sortable-column { - outline-color: #ffe284; -} -.p-treetable .p-sortable-column .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 213, 79, 0.16); - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-sortable-column.p-highlight { - background: #1f2d40; - color: #FFD54F; -} -.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #FFD54F; -} -.p-treetable .p-treetable-tbody > tr { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - outline-color: #ffe284; -} -.p-treetable .p-treetable-tbody > tr > td { - text-align: left; - border: 1px solid #304562; - border-width: 0 0 1px 0; - padding: 1rem 1rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-treetable-tbody > tr.p-highlight { - background: rgba(255, 213, 79, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-column-resizer-helper { - background: #FFD54F; -} -.p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #1f2d40; -} -.p-treetable .p-treetable-loading-icon { - font-size: 2rem; -} -.p-treetable.p-treetable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-footer { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-top { - border-width: 0 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-bottom { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-sm .p-treetable-header { - padding: 0.875rem 0.875rem; -} -.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-footer { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-lg .p-treetable-header { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-footer { - padding: 1.25rem 1.25rem; -} - -.p-virtualscroller .p-virtualscroller-header { - background: #1f2d40; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #304562; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-virtualscroller .p-virtualscroller-content { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; -} -.p-virtualscroller .p-virtualscroller-footer { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-accordion .p-accordion-header .p-accordion-header-link { - padding: 1rem; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - font-weight: 600; - border-radius: 3px; - transition: box-shadow 0.2s; -} -.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { - margin-right: 0.5rem; -} -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { - background: rgba(255, 255, 255, 0.03); - border-color: #304562; - color: rgba(255, 255, 255, 0.87); -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #1f2d40; - border-color: #304562; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-color: #304562; - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-accordion .p-accordion-content { - padding: 1rem; - border: 1px solid #304562; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-accordion p-accordiontab .p-accordion-tab { - margin-bottom: 0; -} -.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { - border-radius: 0; -} -.p-accordion p-accordiontab .p-accordion-content { - border-radius: 0; -} -.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { - border-top: 0 none; -} -.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-top: 0 none; -} -.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-accordion p-accordiontab:last-child .p-accordion-content { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-card { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; -} -.p-card .p-card-body { - padding: 1rem; -} -.p-card .p-card-title { - font-size: 1.5rem; - font-weight: 700; - margin-bottom: 0.5rem; -} -.p-card .p-card-subtitle { - font-weight: 700; - margin-bottom: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-card .p-card-content { - padding: 1rem 0; -} -.p-card .p-card-footer { - padding: 1rem 0 0 0; -} - -.p-divider .p-divider-content { - background-color: #1f2d40; -} -.p-divider.p-divider-horizontal { - margin: 1rem 0; - padding: 0 1rem; -} -.p-divider.p-divider-horizontal:before { - border-top: 1px #304562; -} -.p-divider.p-divider-horizontal .p-divider-content { - padding: 0 0.5rem; -} -.p-divider.p-divider-vertical { - margin: 0 1rem; - padding: 1rem 0; -} -.p-divider.p-divider-vertical:before { - border-left: 1px #304562; -} -.p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; -} - -.p-fieldset { - border: 1px solid #304562; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; -} -.p-fieldset .p-fieldset-legend { - padding: 1rem; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - font-weight: 600; - border-radius: 3px; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { - padding: 0; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { - padding: 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; - transition: box-shadow 0.2s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { - margin-right: 0.5rem; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #304562; - color: rgba(255, 255, 255, 0.87); -} -.p-fieldset .p-fieldset-content { - padding: 1rem; -} - -.p-panel .p-panel-header { - border: 1px solid #304562; - padding: 1rem; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-panel .p-panel-header .p-panel-title { - font-weight: 600; -} -.p-panel .p-panel-header .p-panel-header-icon { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-panel .p-panel-header .p-panel-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.p-panel.p-panel-toggleable .p-panel-header { - padding: 0.5rem 1rem; -} -.p-panel .p-panel-content { - padding: 1rem; - border: 1px solid #304562; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - border-top: 0 none; -} -.p-panel .p-panel-footer { - padding: 0.5rem 1rem; - border: 1px solid #304562; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; -} - -.p-scrollpanel .p-scrollpanel-bar { - background: #304562; - border: 0 none; -} - -.p-splitter { - border: 1px solid #304562; - background: #1f2d40; - border-radius: 3px; - color: rgba(255, 255, 255, 0.87); -} -.p-splitter .p-splitter-gutter { - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - background: rgba(255, 255, 255, 0.03); -} -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: #304562; -} -.p-splitter .p-splitter-gutter-resizing { - background: #304562; -} - -.p-tabview .p-tabview-nav { - background: transparent; - border: 1px solid #304562; - border-width: 0 0 2px 0; -} -.p-tabview .p-tabview-nav li { - margin-right: 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #304562; - border-width: 0 0 2px 0; - border-color: transparent transparent #304562 transparent; - background: #1f2d40; - color: rgba(255, 255, 255, 0.6); - padding: 1rem; - font-weight: 600; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #ffe284; -} -.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #1f2d40; - border-color: #FFD54F; - color: rgba(255, 255, 255, 0.87); -} -.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #1f2d40; - border-color: #FFD54F; - color: #FFD54F; -} -.p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; -} -.p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-close { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-nav-btn.p-link { - background: #1f2d40; - color: #FFD54F; - width: 2.357rem; - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); - border-radius: 0; -} -.p-tabview .p-tabview-nav-btn.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #ffe284; -} -.p-tabview .p-tabview-panels { - background: #1f2d40; - padding: 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-toolbar { - background: #1f2d40; - border: 1px solid #304562; - padding: 1rem; - border-radius: 3px; -} -.p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; -} - -.p-confirm-popup { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-confirm-popup .p-confirm-popup-content { - padding: 1rem; -} -.p-confirm-popup .p-confirm-popup-footer { - text-align: right; - padding: 0.5rem 1rem; -} -.p-confirm-popup .p-confirm-popup-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-confirm-popup .p-confirm-popup-footer button:last-child { - margin: 0; -} -.p-confirm-popup:after { - border: solid transparent; - border-color: rgba(31, 45, 64, 0); - border-bottom-color: #1f2d40; -} -.p-confirm-popup:before { - border: solid transparent; - border-color: rgba(48, 69, 98, 0); - border-bottom-color: #304562; -} -.p-confirm-popup.p-confirm-popup-flipped:after { - border-top-color: #1f2d40; -} -.p-confirm-popup.p-confirm-popup-flipped:before { - border-top-color: #304562; -} -.p-confirm-popup .p-confirm-popup-icon { - font-size: 1.5rem; -} -.p-confirm-popup .p-confirm-popup-message { - margin-left: 1rem; -} - -.p-dialog { - border-radius: 3px; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); - border: 1px solid #304562; -} -.p-dialog .p-dialog-header { - border-bottom: 0 none; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - padding: 1.5rem; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-dialog .p-dialog-header .p-dialog-title { - font-weight: 600; - font-size: 1.25rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { - margin-right: 0; -} -.p-dialog .p-dialog-content { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - padding: 0 1.5rem 2rem 1.5rem; -} -.p-dialog .p-dialog-footer { - border-top: 0 none; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - padding: 0 1.5rem 1.5rem 1.5rem; - text-align: right; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-dialog .p-dialog-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { - font-size: 2rem; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; -} - -.p-overlaypanel { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-overlaypanel .p-overlaypanel-content { - padding: 1rem; -} -.p-overlaypanel .p-overlaypanel-close { - background: #FFD54F; - color: #212529; - width: 2rem; - height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; - position: absolute; - top: -1rem; - right: -1rem; -} -.p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #ffcd2e; - color: #212529; -} -.p-overlaypanel:after { - border: solid transparent; - border-color: rgba(31, 45, 64, 0); - border-bottom-color: #1f2d40; -} -.p-overlaypanel:before { - border: solid transparent; - border-color: rgba(48, 69, 98, 0); - border-bottom-color: #304562; -} -.p-overlaypanel.p-overlaypanel-flipped:after { - border-top-color: #1f2d40; -} -.p-overlaypanel.p-overlaypanel-flipped:before { - border-top-color: #304562; -} - -.p-sidebar { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-sidebar .p-sidebar-header { - padding: 1rem; -} -.p-sidebar .p-sidebar-header .p-sidebar-close, -.p-sidebar .p-sidebar-header .p-sidebar-icon { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, -.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.p-sidebar .p-sidebar-header + .p-sidebar-content { - padding-top: 0; -} -.p-sidebar .p-sidebar-content { - padding: 1rem; -} - -.p-tooltip .p-tooltip-text { - background: #304562; - color: rgba(255, 255, 255, 0.87); - padding: 0.5rem 0.5rem; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; -} -.p-tooltip.p-tooltip-right .p-tooltip-arrow { - border-right-color: #304562; -} -.p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #304562; -} -.p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #304562; -} -.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #304562; -} - -.p-fileupload .p-fileupload-buttonbar { - background: #1f2d40; - padding: 1rem; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; -} -.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.p-fileupload .p-fileupload-content { - background: #1f2d40; - padding: 2rem 1rem; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-fileupload .p-progressbar { - height: 0.25rem; -} -.p-fileupload .p-fileupload-row > div { - padding: 1rem 1rem; -} -.p-fileupload.p-fileupload-advanced .p-message { - margin-top: 0; -} - -.p-fileupload-choose:not(.p-disabled):hover { - background: #ffcd2e; - color: #212529; - border-color: #ffcd2e; -} -.p-fileupload-choose:not(.p-disabled):active { - background: #ffc50c; - color: #212529; - border-color: #ffc50c; -} - -.p-breadcrumb { - background: #1f2d40; - border: 1px solid #304562; - border-radius: 3px; - padding: 1rem; -} -.p-breadcrumb ul li .p-menuitem-link { - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-breadcrumb ul li .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-breadcrumb ul li.p-breadcrumb-chevron { - margin: 0 0.5rem 0 0.5rem; - color: rgba(255, 255, 255, 0.87); -} -.p-breadcrumb ul li:last-child .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-breadcrumb ul li:last-child .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} - -.p-contextmenu { - padding: 0.25rem 0; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; - width: 12.5rem; -} -.p-contextmenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-contextmenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-contextmenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #ffe284; -} -.p-contextmenu .p-submenu-list { - padding: 0.25rem 0; - background: #1f2d40; - border: 1px solid #304562; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; -} -.p-contextmenu .p-menuitem { - margin: 0; -} -.p-contextmenu .p-menuitem:last-child { - margin: 0; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #17212f; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menu-separator { - border-top: 1px solid #304562; - margin: 0.25rem 0; -} -.p-contextmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-dock .p-dock-list { - background: rgba(255, 255, 255, 0.1); - border: 1px solid rgba(255, 255, 255, 0.2); - padding: 0.5rem 0.5rem; - border-radius: 0.5rem; -} -.p-dock .p-dock-item { - padding: 0.5rem; -} -.p-dock .p-dock-action { - width: 4rem; - height: 4rem; -} -.p-dock.p-dock-top .p-dock-item-second-prev, -.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, -.p-dock.p-dock-bottom .p-dock-item-second-next { - margin: 0 0.9rem; -} -.p-dock.p-dock-top .p-dock-item-prev, -.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, -.p-dock.p-dock-bottom .p-dock-item-next { - margin: 0 1.3rem; -} -.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { - margin: 0 1.5rem; -} -.p-dock.p-dock-left .p-dock-item-second-prev, -.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, -.p-dock.p-dock-right .p-dock-item-second-next { - margin: 0.9rem 0; -} -.p-dock.p-dock-left .p-dock-item-prev, -.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, -.p-dock.p-dock-right .p-dock-item-next { - margin: 1.3rem 0; -} -.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { - margin: 1.5rem 0; -} - -@media screen and (max-width: 960px) { - .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { - margin: auto 0; - } - .p-dock .p-dock-list .p-dock-item { - transform: none; - margin: 0; - } -} -.p-megamenu { - padding: 0.5rem; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; - transition: box-shadow 0.2s; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #ffe284; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #17212f; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-megamenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #ffe284; -} -.p-megamenu .p-megamenu-panel { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-megamenu .p-megamenu-submenu-header { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - font-weight: 600; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-megamenu .p-megamenu-submenu { - padding: 0.25rem 0; - width: 12.5rem; -} -.p-megamenu .p-megamenu-submenu .p-menu-separator { - border-top: 1px solid #304562; - margin: 0.25rem 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem { - margin: 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { - margin: 0; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #17212f; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.25rem 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem { - margin: 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { - margin: 0; -} - -.p-menu { - padding: 0.25rem 0; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; - width: 12.5rem; -} -.p-menu .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-menu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #ffe284; -} -.p-menu.p-menu-overlay { - background: #1f2d40; - border: 1px solid #304562; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-menu .p-submenu-header { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - font-weight: 600; - border-top-right-radius: 0; - border-top-left-radius: 0; -} -.p-menu .p-menu-separator { - border-top: 1px solid #304562; - margin: 0.25rem 0; -} -.p-menu .p-menuitem { - margin: 0; -} -.p-menu .p-menuitem:last-child { - margin: 0; -} - -.p-menubar { - padding: 0.5rem; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; -} -.p-menubar .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menubar .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-menubar .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #ffe284; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #ffe284; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #17212f; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-submenu-list { - padding: 0.25rem 0; - background: #1f2d40; - border: 1px solid #304562; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - width: 12.5rem; -} -.p-menubar .p-submenu-list .p-menu-separator { - border-top: 1px solid #304562; - margin: 0.25rem 0; -} -.p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; -} -.p-menubar .p-submenu-list .p-menuitem { - margin: 0; -} -.p-menubar .p-submenu-list .p-menuitem:last-child { - margin: 0; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #17212f; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} - -@media screen and (max-width: 960px) { - .p-menubar { - position: relative; - } - .p-menubar .p-menubar-button { - display: flex; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-menubar .p-menubar-button:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menubar .p-menubar-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; - } - .p-menubar .p-menubar-root-list { - position: absolute; - display: none; - padding: 0.25rem 0; - background: #1f2d40; - border: 1px solid #304562; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - width: 100%; - } - .p-menubar .p-menubar-root-list .p-menu-separator { - border-top: 1px solid #304562; - margin: 0.25rem 0; - } - .p-menubar .p-menubar-root-list .p-submenu-icon { - font-size: 0.875rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #ffe284; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - transition: transform 0.2s; - } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-180deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list { - width: 100%; - position: static; - box-shadow: none; - border: 0 none; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { - transition: transform 0.2s; - transform: rotate(90deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-90deg); - } - .p-menubar .p-menubar-root-list .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list ul li a { - padding-left: 2.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li a { - padding-left: 3.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li a { - padding-left: 5.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { - padding-left: 6.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { - padding-left: 8.25rem; - } - .p-menubar.p-menubar-mobile-active .p-menubar-root-list { - display: flex; - flex-direction: column; - top: 100%; - left: 0; - z-index: 1; - } -} -.p-panelmenu .p-panelmenu-header > a { - padding: 1rem; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - font-weight: 600; - border-radius: 3px; - transition: box-shadow 0.2s; -} -.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #304562; - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight > a { - background: #1f2d40; - border-color: #304562; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { - border-color: #304562; - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content { - padding: 0.25rem 0; - border: 1px solid #304562; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - margin-bottom: 0; - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #ffe284; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { - padding: 0 0 0 1rem; -} -.p-panelmenu .p-panelmenu-panel { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { - border-radius: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-content { - border-radius: 0; -} -.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { - border-top: 0 none; -} -.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { - border-top: 0 none; -} -.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-slidemenu { - padding: 0.25rem 0; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; - width: 12.5rem; -} -.p-slidemenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-slidemenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-slidemenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #ffe284; -} -.p-slidemenu.p-slidemenu-overlay { - background: #1f2d40; - border: 1px solid #304562; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-slidemenu .p-slidemenu-list { - padding: 0.25rem 0; - background: #1f2d40; - border: 1px solid #304562; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { - background: #17212f; -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-slidemenu-separator { - border-top: 1px solid #304562; - margin: 0.25rem 0; -} -.p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; -} -.p-slidemenu .p-slidemenu-backward { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); -} - -.p-steps .p-steps-item .p-menuitem-link { - background: transparent; - transition: box-shadow 0.2s; - border-radius: 3px; - background: transparent; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-number { - color: rgba(255, 255, 255, 0.87); - border: 0 none; - background: transparent; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - z-index: 1; - border-radius: 50%; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-title { - margin-top: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.p-steps .p-steps-item.p-highlight .p-steps-number { - background: rgba(255, 213, 79, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-steps .p-steps-item.p-highlight .p-steps-title { - font-weight: 600; - color: rgba(255, 255, 255, 0.87); -} -.p-steps .p-steps-item:before { - content: " "; - border-top: 1px solid #304562; - width: 100%; - top: 50%; - left: 0; - display: block; - position: absolute; - margin-top: -1rem; -} - -.p-tabmenu .p-tabmenu-nav { - background: transparent; - border: 1px solid #304562; - border-width: 0 0 2px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { - margin-right: 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { - border: solid #304562; - border-width: 0 0 2px 0; - border-color: transparent transparent #304562 transparent; - background: #1f2d40; - color: rgba(255, 255, 255, 0.6); - padding: 1rem; - font-weight: 600; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #ffe284; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: #1f2d40; - border-color: #FFD54F; - color: rgba(255, 255, 255, 0.87); -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #1f2d40; - border-color: #FFD54F; - color: #FFD54F; -} - -.p-tieredmenu { - padding: 0.25rem 0; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; - width: 12.5rem; -} -.p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-tieredmenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-tieredmenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #ffe284; -} -.p-tieredmenu.p-tieredmenu-overlay { - background: #1f2d40; - border: 1px solid #304562; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #1f2d40; - border: 1px solid #304562; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-tieredmenu .p-menuitem { - margin: 0; -} -.p-tieredmenu .p-menuitem:last-child { - margin: 0; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #17212f; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menu-separator { - border-top: 1px solid #304562; - margin: 0.25rem 0; -} -.p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-inline-message { - padding: 0.5rem 0.5rem; - margin: 0; - border-radius: 3px; -} -.p-inline-message.p-inline-message-info { - background: #B3E5FC; - border: solid #0891cf; - border-width: 1px; - color: #044868; -} -.p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #044868; -} -.p-inline-message.p-inline-message-success { - background: #C8E6C9; - border: solid #439446; - border-width: 1px; - color: #224a23; -} -.p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #224a23; -} -.p-inline-message.p-inline-message-warn { - background: #FFECB3; - border: solid #d9a300; - border-width: 1px; - color: #6d5100; -} -.p-inline-message.p-inline-message-warn .p-inline-message-icon { - color: #6d5100; -} -.p-inline-message.p-inline-message-error { - background: #FFCDD2; - border: solid #e60017; - border-width: 1px; - color: #73000c; -} -.p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #73000c; -} -.p-inline-message .p-inline-message-icon { - font-size: 1rem; - margin-right: 0.5rem; -} -.p-inline-message .p-inline-message-text { - font-size: 1rem; -} -.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { - margin-right: 0; -} - -.p-message { - margin: 1rem 0; - border-radius: 3px; -} -.p-message .p-message-wrapper { - padding: 1rem 1.5rem; -} -.p-message .p-message-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-message .p-message-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.p-message.p-message-info { - background: #B3E5FC; - border: solid #0891cf; - border-width: 0 0 0 6px; - color: #044868; -} -.p-message.p-message-info .p-message-icon { - color: #044868; -} -.p-message.p-message-info .p-message-close { - color: #044868; -} -.p-message.p-message-success { - background: #C8E6C9; - border: solid #439446; - border-width: 0 0 0 6px; - color: #224a23; -} -.p-message.p-message-success .p-message-icon { - color: #224a23; -} -.p-message.p-message-success .p-message-close { - color: #224a23; -} -.p-message.p-message-warn { - background: #FFECB3; - border: solid #d9a300; - border-width: 0 0 0 6px; - color: #6d5100; -} -.p-message.p-message-warn .p-message-icon { - color: #6d5100; -} -.p-message.p-message-warn .p-message-close { - color: #6d5100; -} -.p-message.p-message-error { - background: #FFCDD2; - border: solid #e60017; - border-width: 0 0 0 6px; - color: #73000c; -} -.p-message.p-message-error .p-message-icon { - color: #73000c; -} -.p-message.p-message-error .p-message-close { - color: #73000c; -} -.p-message .p-message-text { - font-size: 1rem; - font-weight: 500; -} -.p-message .p-message-icon { - font-size: 1.5rem; - margin-right: 0.5rem; -} -.p-message .p-message-summary { - font-weight: 700; -} -.p-message .p-message-detail { - margin-left: 0.5rem; -} - -.p-toast { - opacity: 0.9; -} -.p-toast .p-toast-message { - margin: 0 0 1rem 0; - box-shadow: none; - border-radius: 3px; -} -.p-toast .p-toast-message .p-toast-message-content { - padding: 1rem; - border-width: 0 0 0 6px; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { - margin: 0 0 0 1rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { - font-size: 2rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { - font-weight: 700; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { - margin: 0.5rem 0 0 0; -} -.p-toast .p-toast-message .p-toast-icon-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-toast .p-toast-message .p-toast-icon-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} -.p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; - border: solid #0891cf; - border-width: 0 0 0 6px; - color: #044868; -} -.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { - color: #044868; -} -.p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; - border: solid #439446; - border-width: 0 0 0 6px; - color: #224a23; -} -.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { - color: #224a23; -} -.p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; - border: solid #d9a300; - border-width: 0 0 0 6px; - color: #6d5100; -} -.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { - color: #6d5100; -} -.p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; - border: solid #e60017; - border-width: 0 0 0 6px; - color: #73000c; -} -.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { - color: #73000c; -} - -.p-galleria .p-galleria-close { - margin: 0.5rem; - background: transparent; - color: #f8f9fa; - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-close .p-galleria-close-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-close:hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-item-nav { - background: transparent; - color: #f8f9fa; - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 3px; - margin: 0 0.5rem; -} -.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, -.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-caption { - background: rgba(0, 0, 0, 0.5); - color: #f8f9fa; - padding: 1rem; -} -.p-galleria .p-galleria-indicators { - padding: 1rem; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #304562; - width: 1rem; - height: 1rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { - background: #3c567a; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(255, 213, 79, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { - margin-right: 0.5rem; -} -.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { - margin-bottom: 0.5rem; -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { - background: rgba(0, 0, 0, 0.5); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { - background: rgba(255, 255, 255, 0.4); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { - background: rgba(255, 255, 255, 0.6); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(255, 213, 79, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-galleria .p-galleria-thumbnail-container { - background: rgba(0, 0, 0, 0.9); - padding: 1rem 0.25rem; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { - margin: 0.5rem; - background-color: transparent; - color: #f8f9fa; - width: 2rem; - height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} - -.p-galleria-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-preview-indicator { - background-color: transparent; - color: #f8f9fa; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} - -.p-image-preview-container:hover > .p-image-preview-indicator { - background-color: rgba(0, 0, 0, 0.5); -} - -.p-image-toolbar { - padding: 1rem; -} - -.p-image-action.p-link { - color: #f8f9fa; - background-color: transparent; - width: 3rem; - height: 3rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-image-action.p-link:last-child { - margin-right: 0; -} -.p-image-action.p-link:hover { - color: #f8f9fa; - background-color: rgba(255, 255, 255, 0.1); -} -.p-image-action.p-link i { - font-size: 1.5rem; -} - -.p-avatar { - background-color: #304562; - border-radius: 3px; -} -.p-avatar.p-avatar-lg { - width: 3rem; - height: 3rem; - font-size: 1.5rem; -} -.p-avatar.p-avatar-lg .p-avatar-icon { - font-size: 1.5rem; -} -.p-avatar.p-avatar-xl { - width: 4rem; - height: 4rem; - font-size: 2rem; -} -.p-avatar.p-avatar-xl .p-avatar-icon { - font-size: 2rem; -} - -.p-avatar-group .p-avatar { - border: 2px solid #1f2d40; -} - -.p-badge { - background: #FFD54F; - color: #212529; - font-size: 0.75rem; - font-weight: 700; - min-width: 1.5rem; - height: 1.5rem; - line-height: 1.5rem; -} -.p-badge.p-badge-secondary { - background-color: #78909C; - color: #ffffff; -} -.p-badge.p-badge-success { - background-color: #C5E1A5; - color: #121212; -} -.p-badge.p-badge-info { - background-color: #81D4FA; - color: #121212; -} -.p-badge.p-badge-warning { - background-color: #FFE082; - color: #121212; -} -.p-badge.p-badge-danger { - background-color: #F48FB1; - color: #121212; -} -.p-badge.p-badge-lg { - font-size: 1.125rem; - min-width: 2.25rem; - height: 2.25rem; - line-height: 2.25rem; -} -.p-badge.p-badge-xl { - font-size: 1.5rem; - min-width: 3rem; - height: 3rem; - line-height: 3rem; -} - -.p-chip { - background-color: #304562; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - padding: 0 0.5rem; -} -.p-chip .p-chip-text { - line-height: 1.5; - margin-top: 0.25rem; - margin-bottom: 0.25rem; -} -.p-chip .p-chip-icon { - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - margin-left: 0.5rem; -} -.p-chip img { - width: 2rem; - height: 2rem; - margin-left: -0.5rem; - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - border-radius: 3px; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} - -.p-inplace .p-inplace-display { - padding: 0.5rem 0.5rem; - border-radius: 3px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-inplace .p-inplace-display:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-inplace .p-inplace-display:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; -} - -.p-progressbar { - border: 0 none; - height: 1.5rem; - background: #304562; - border-radius: 3px; -} -.p-progressbar .p-progressbar-value { - border: 0 none; - margin: 0; - background: #FFD54F; -} -.p-progressbar .p-progressbar-label { - color: #212529; - line-height: 1.5rem; -} - -.p-scrolltop { - width: 3rem; - height: 3rem; - border-radius: 50%; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-scrolltop.p-link { - background: rgba(255, 213, 79, 0.16); -} -.p-scrolltop.p-link:hover { - background: rgba(255, 213, 79, 0.3616); -} -.p-scrolltop .p-scrolltop-icon { - font-size: 1.5rem; - color: rgba(255, 255, 255, 0.87); -} - -.p-skeleton { - background-color: rgba(255, 255, 255, 0.06); - border-radius: 3px; -} -.p-skeleton:after { - background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); -} - -.p-tag { - background: #FFD54F; - color: #212529; - font-size: 0.75rem; - font-weight: 700; - padding: 0.25rem 0.4rem; - border-radius: 3px; -} -.p-tag.p-tag-success { - background-color: #C5E1A5; - color: #121212; -} -.p-tag.p-tag-info { - background-color: #81D4FA; - color: #121212; -} -.p-tag.p-tag-warning { - background-color: #FFE082; - color: #121212; -} -.p-tag.p-tag-danger { - background-color: #F48FB1; - color: #121212; -} -.p-tag .p-tag-icon { - margin-right: 0.25rem; - font-size: 0.75rem; -} - -.p-terminal { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - padding: 1rem; -} -.p-terminal .p-terminal-input { - font-size: 1rem; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; -} - -/* Customizations to the designer theme should be defined here */ -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #FFD54F; -} - -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #FFD54F; -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #FFD54F; -} diff --git a/src/assets/theme/vela-purple/theme.css b/src/assets/theme/vela-purple/theme.css deleted file mode 100644 index 8cd8b9b..0000000 --- a/src/assets/theme/vela-purple/theme.css +++ /dev/null @@ -1,5683 +0,0 @@ -:root { - --surface-a:#1f2d40; - --surface-b:#17212f; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#304562; - --surface-e:#1f2d40; - --surface-f:#1f2d40; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#BA68C8; - --primary-color-text:#ffffff; - --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; - --surface-0: #17212f; - --surface-50: #2e3744; - --surface-100: #454d59; - --surface-200: #5d646d; - --surface-300: #747a82; - --surface-400: #8b9097; - --surface-500: #a2a6ac; - --surface-600: #b9bcc1; - --surface-700: #d1d3d5; - --surface-800: #e8e9ea; - --surface-900: #ffffff; - --gray-50:#e8e9ea; - --gray-100: #d1d3d5; - --gray-200: #b9bcc1; - --gray-300: #a2a6ac; - --gray-400: #8b9097; - --gray-500: #747a82; - --gray-600: #5d646d; - --gray-700: #454d59; - --gray-800: #2e3744; - --gray-900: #17212f; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:3px; - --surface-ground:#17212f; - --surface-section:#17212f; - --surface-card:#1f2d40; - --surface-overlay:#1f2d40; - --surface-border:#304562; - --surface-hover:rgba(255,255,255,.03); - --maskbg: rgba(0, 0, 0, 0.4); - --focus-ring: 0 0 0 1px #cf95d9; -} - -* { - box-sizing: border-box; -} - -.p-component { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - font-weight: normal; -} - -.p-component-overlay { - background-color: rgba(0, 0, 0, 0.4); - transition-duration: 0.2s; -} - -.p-disabled, .p-component:disabled { - opacity: 0.4; -} - -.p-error { - color: #ef9a9a; -} - -.p-text-secondary { - color: rgba(255, 255, 255, 0.6); -} - -.pi { - font-size: 1rem; -} - -.p-link { - font-size: 1rem; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - border-radius: 3px; -} -.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} - -.p-component-overlay-enter { - animation: p-component-overlay-enter-animation 150ms forwards; -} - -.p-component-overlay-leave { - animation: p-component-overlay-leave-animation 150ms forwards; -} - -@keyframes p-component-overlay-enter-animation { - from { - background-color: transparent; - } - to { - background-color: var(--maskbg); - } -} -@keyframes p-component-overlay-leave-animation { - from { - background-color: var(--maskbg); - } - to { - background-color: transparent; - } -} - -:root { - --blue-50:#f4fafe; - --blue-100:#cae6fc; - --blue-200:#a0d2fa; - --blue-300:#75bef8; - --blue-400:#4baaf5; - --blue-500:#2196f3; - --blue-600:#1c80cf; - --blue-700:#1769aa; - --blue-800:#125386; - --blue-900:#0d3c61; - --green-50:#f6fbf6; - --green-100:#d4ecd5; - --green-200:#b2ddb4; - --green-300:#90cd93; - --green-400:#6ebe71; - --green-500:#4caf50; - --green-600:#419544; - --green-700:#357b38; - --green-800:#2a602c; - --green-900:#1e4620; - --yellow-50:#fffcf5; - --yellow-100:#fef0cd; - --yellow-200:#fde4a5; - --yellow-300:#fdd87d; - --yellow-400:#fccc55; - --yellow-500:#fbc02d; - --yellow-600:#d5a326; - --yellow-700:#b08620; - --yellow-800:#8a6a19; - --yellow-900:#644d12; - --cyan-50:#f2fcfd; - --cyan-100:#c2eff5; - --cyan-200:#91e2ed; - --cyan-300:#61d5e4; - --cyan-400:#30c9dc; - --cyan-500:#00bcd4; - --cyan-600:#00a0b4; - --cyan-700:#008494; - --cyan-800:#006775; - --cyan-900:#004b55; - --pink-50:#fef4f7; - --pink-100:#fac9da; - --pink-200:#f69ebc; - --pink-300:#f1749e; - --pink-400:#ed4981; - --pink-500:#e91e63; - --pink-600:#c61a54; - --pink-700:#a31545; - --pink-800:#801136; - --pink-900:#5d0c28; - --indigo-50:#f5f6fb; - --indigo-100:#d1d5ed; - --indigo-200:#acb4df; - --indigo-300:#8893d1; - --indigo-400:#6372c3; - --indigo-500:#3f51b5; - --indigo-600:#36459a; - --indigo-700:#2c397f; - --indigo-800:#232d64; - --indigo-900:#192048; - --teal-50:#f2faf9; - --teal-100:#c2e6e2; - --teal-200:#91d2cc; - --teal-300:#61beb5; - --teal-400:#30aa9f; - --teal-500:#009688; - --teal-600:#008074; - --teal-700:#00695f; - --teal-800:#00534b; - --teal-900:#003c36; - --orange-50:#fff8f2; - --orange-100:#fde0c2; - --orange-200:#fbc791; - --orange-300:#f9ae61; - --orange-400:#f79530; - --orange-500:#f57c00; - --orange-600:#d06900; - --orange-700:#ac5700; - --orange-800:#874400; - --orange-900:#623200; - --bluegray-50:#f7f9f9; - --bluegray-100:#d9e0e3; - --bluegray-200:#bbc7cd; - --bluegray-300:#9caeb7; - --bluegray-400:#7e96a1; - --bluegray-500:#607d8b; - --bluegray-600:#526a76; - --bluegray-700:#435861; - --bluegray-800:#35454c; - --bluegray-900:#263238; - --purple-50:#faf4fb; - --purple-100:#e7cbec; - --purple-200:#d4a2dd; - --purple-300:#c279ce; - --purple-400:#af50bf; - --purple-500:#9c27b0; - --purple-600:#852196; - --purple-700:#6d1b7b; - --purple-800:#561561; - --purple-900:#3e1046; -} - -.p-autocomplete .p-autocomplete-loader { - right: 0.5rem; -} -.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { - right: 2.857rem; -} -.p-autocomplete .p-autocomplete-multiple-container { - padding: 0.25rem 0.5rem; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: #BA68C8; -} -.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; - border-color: #BA68C8; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { - padding: 0.25rem 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - padding: 0; - margin: 0; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { - padding: 0.25rem 0.5rem; - margin-right: 0.5rem; - background: rgba(186, 104, 200, 0.16); - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; -} -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { - margin-left: 0.5rem; -} - -p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #ef9a9a; -} - -.p-autocomplete-panel { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-autocomplete-panel .p-autocomplete-items:not(.p-autocomplete-virtualscroll) { - padding: 0.5rem 0; -} -.p-autocomplete-panel .p-autocomplete-items.p-autocomplete-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.5rem 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(186, 104, 200, 0.16); -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.5rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - font-weight: 600; -} - -p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { - border-color: #ef9a9a; -} - -.p-datepicker { - padding: 0.5rem; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; -} -.p-datepicker:not(.p-datepicker-inline) { - background: #1f2d40; - border: 1px solid #304562; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { - background: #1f2d40; -} -.p-datepicker .p-datepicker-header { - padding: 0.5rem; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - font-weight: 600; - margin: 0; - border-bottom: 1px solid #304562; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev, -.p-datepicker .p-datepicker-header .p-datepicker-next { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.p-datepicker .p-datepicker-header .p-datepicker-title { - line-height: 2rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - font-weight: 600; - padding: 0.5rem; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #BA68C8; -} -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - margin-right: 0.5rem; -} -.p-datepicker table { - font-size: 1rem; - margin: 0.5rem 0; -} -.p-datepicker table th { - padding: 0.5rem; -} -.p-datepicker table th > span { - width: 2.5rem; - height: 2.5rem; -} -.p-datepicker table td { - padding: 0.5rem; -} -.p-datepicker table td > span { - width: 2.5rem; - height: 2.5rem; - border-radius: 50%; - transition: box-shadow 0.2s; - border: 1px solid transparent; -} -.p-datepicker table td > span.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(186, 104, 200, 0.16); -} -.p-datepicker table td > span:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.p-datepicker table td.p-datepicker-today > span { - background: transparent; - color: #BA68C8; - border-color: transparent; -} -.p-datepicker table td.p-datepicker-today > span.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(186, 104, 200, 0.16); -} -.p-datepicker .p-datepicker-buttonbar { - padding: 1rem 0; - border-top: 1px solid #304562; -} -.p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; -} -.p-datepicker .p-timepicker { - border-top: 1px solid #304562; - padding: 0.5rem; -} -.p-datepicker .p-timepicker button { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datepicker .p-timepicker button:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker .p-timepicker button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.p-datepicker .p-timepicker button:last-child { - margin-top: 0.2em; -} -.p-datepicker .p-timepicker span { - font-size: 1.25rem; -} -.p-datepicker .p-timepicker > div { - padding: 0 0.5rem; -} -.p-datepicker.p-datepicker-timeonly .p-timepicker { - border-top: 0 none; -} -.p-datepicker .p-monthpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-monthpicker .p-monthpicker-month { - padding: 0.5rem; - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(186, 104, 200, 0.16); -} -.p-datepicker .p-yearpicker { - margin: 0.5rem 0; -} -.p-datepicker .p-yearpicker .p-yearpicker-year { - padding: 0.5rem; - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(186, 104, 200, 0.16); -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #304562; - padding-right: 0.5rem; - padding-left: 0.5rem; - padding-top: 0; - padding-bottom: 0; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { - padding-left: 0; - border-left: 0 none; -} -.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { - padding-right: 0; -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} - -@media screen and (max-width: 769px) { - .p-datepicker table th, .p-datepicker table td { - padding: 0; - } -} -.p-cascadeselect { - background: #17212f; - border: 1px solid #304562; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-cascadeselect:not(.p-disabled):hover { - border-color: #BA68C8; -} -.p-cascadeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; - border-color: #BA68C8; -} -.p-cascadeselect .p-cascadeselect-label { - background: transparent; - border: 0 none; - padding: 0.5rem 0.5rem; -} -.p-cascadeselect .p-cascadeselect-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-cascadeselect .p-cascadeselect-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-cascadeselect .p-cascadeselect-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2.357rem; - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-cascadeselect-panel { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-cascadeselect-panel .p-cascadeselect-items { - padding: 0.5rem 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { - margin: 0; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.5rem 1rem; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #cf95d9; -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(186, 104, 200, 0.16); -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { - font-size: 0.875rem; -} - -p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #ef9a9a; -} - -.p-input-filled .p-cascadeselect { - background: #304562; -} -.p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #304562; -} -.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #304562; -} - -.p-checkbox { - width: 20px; - height: 20px; -} -.p-checkbox .p-checkbox-box { - border: 2px solid #304562; - background: #17212f; - width: 20px; - height: 20px; - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-checkbox .p-checkbox-box .p-checkbox-icon { - transition-duration: 0.2s; - color: #ffffff; - font-size: 14px; -} -.p-checkbox .p-checkbox-box.p-highlight { - border-color: #BA68C8; - background: #BA68C8; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #BA68C8; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; - border-color: #BA68C8; -} -.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #a241b2; - background: #a241b2; - color: #ffffff; -} - -p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #ef9a9a; -} - -.p-input-filled .p-checkbox .p-checkbox-box { - background-color: #304562; -} -.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #BA68C8; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #304562; -} -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #a241b2; -} - -.p-checkbox-label { - margin-left: 0.5rem; -} - -.p-chips .p-chips-multiple-container { - padding: 0.25rem 0.5rem; -} -.p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: #BA68C8; -} -.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; - border-color: #BA68C8; -} -.p-chips .p-chips-multiple-container .p-chips-token { - padding: 0.25rem 0.5rem; - margin-right: 0.5rem; - background: rgba(186, 104, 200, 0.16); - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; -} -.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { - margin-left: 0.5rem; -} -.p-chips .p-chips-multiple-container .p-chips-input-token { - padding: 0.25rem 0; -} -.p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - padding: 0; - margin: 0; -} - -p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { - border-color: #ef9a9a; -} - -.p-colorpicker-preview, -.p-fluid .p-colorpicker-preview.p-inputtext { - width: 2rem; - height: 2rem; -} - -.p-colorpicker-panel { - background: #1f2d40; - border: 1px solid #304562; -} -.p-colorpicker-panel .p-colorpicker-color-handle, -.p-colorpicker-panel .p-colorpicker-hue-handle { - border-color: #ffffff; -} - -.p-colorpicker-overlay-panel { - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} - -.p-dropdown { - background: #17212f; - border: 1px solid #304562; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-dropdown:not(.p-disabled):hover { - border-color: #BA68C8; -} -.p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; - border-color: #BA68C8; -} -.p-dropdown.p-dropdown-clearable .p-dropdown-label { - padding-right: 1.5rem; -} -.p-dropdown .p-dropdown-label { - background: transparent; - border: 0 none; -} -.p-dropdown .p-dropdown-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-dropdown .p-dropdown-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.p-dropdown .p-dropdown-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2.357rem; - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} -.p-dropdown .p-dropdown-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 2.357rem; -} - -.p-dropdown-panel { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-dropdown-panel .p-dropdown-header { - padding: 0.5rem 1rem; - border-bottom: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - margin: 0; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { - padding-right: 1.5rem; - margin-right: -1.5rem; -} -.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { - right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-dropdown-panel .p-dropdown-items:not(.p-dropdown-virtualscroll) { - padding: 0.5rem 0; -} -.p-dropdown-panel .p-dropdown-items.p-dropdown-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.5rem 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(186, 104, 200, 0.16); -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.5rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - font-weight: 600; -} - -p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #ef9a9a; -} - -.p-input-filled .p-dropdown { - background: #304562; -} -.p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #304562; -} -.p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: #304562; -} - -.p-editor-container .p-editor-toolbar { - background: #1f2d40; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #304562; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #1f2d40; - border: 1px solid #304562; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; - padding: 0.5rem 0; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.5rem 1rem; -} -.p-editor-container .p-editor-content { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-editor-container .p-editor-content.ql-snow { - border: 1px solid #304562; -} -.p-editor-container .p-editor-content .ql-editor { - background: #17212f; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #BA68C8; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #BA68C8; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #BA68C8; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #BA68C8; -} - -.p-inputgroup-addon { - background: #1f2d40; - color: rgba(255, 255, 255, 0.6); - border-top: 1px solid #304562; - border-left: 1px solid #304562; - border-bottom: 1px solid #304562; - padding: 0.5rem 0.5rem; - min-width: 2.357rem; -} -.p-inputgroup-addon:last-child { - border-right: 1px solid #304562; -} - -.p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, -.p-inputgroup > .p-float-label > .p-component { - border-radius: 0; - margin: 0; -} -.p-inputgroup > .p-component + .p-inputgroup-addon, -.p-inputgroup > .p-element + .p-inputgroup-addon, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, -.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { - border-left: 0 none; -} -.p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, -.p-inputgroup > .p-float-label > .p-component:focus { - z-index: 1; -} -.p-inputgroup > .p-component:focus ~ label, -.p-inputgroup > .p-element:focus ~ label, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, -.p-inputgroup > .p-float-label > .p-component:focus ~ label { - z-index: 1; -} - -.p-inputgroup-addon:first-child, -.p-inputgroup button:first-child, -.p-inputgroup input:first-child, -.p-inputgroup > .p-inputwrapper:first-child > .p-component, -.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-inputgroup .p-float-label:first-child input { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-inputgroup-addon:last-child, -.p-inputgroup button:last-child, -.p-inputgroup input:last-child, -.p-inputgroup > .p-inputwrapper:last-child > .p-component, -.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-inputgroup .p-float-label:last-child input { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-fluid .p-inputgroup .p-button { - width: auto; -} -.p-fluid .p-inputgroup .p-button.p-button-icon-only { - width: 2.357rem; -} - -p-inputmask.ng-dirty.ng-invalid > .p-inputtext { - border-color: #ef9a9a; -} - -p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { - border-color: #ef9a9a; -} - -.p-inputswitch { - width: 3rem; - height: 1.75rem; -} -.p-inputswitch .p-inputswitch-slider { - background: #304562; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 30px; -} -.p-inputswitch .p-inputswitch-slider:before { - background: rgba(255, 255, 255, 0.6); - width: 1.25rem; - height: 1.25rem; - left: 0.25rem; - margin-top: -0.625rem; - border-radius: 50%; - transition-duration: 0.2s; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - transform: translateX(1.25rem); -} -.p-inputswitch.p-focus .p-inputswitch-slider { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: rgba(255, 255, 255, 0.03); -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #BA68C8; -} -.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: rgba(255, 255, 255, 0.87); -} -.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #b052c0; -} - -p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { - border-color: #ef9a9a; -} - -.p-inputtext { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - color: rgba(255, 255, 255, 0.87); - background: #17212f; - padding: 0.5rem 0.5rem; - border: 1px solid #304562; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - appearance: none; - border-radius: 3px; -} -.p-inputtext:enabled:hover { - border-color: #BA68C8; -} -.p-inputtext:enabled:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; - border-color: #BA68C8; -} -.p-inputtext.ng-dirty.ng-invalid { - border-color: #ef9a9a; -} -.p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.4375rem; -} -.p-inputtext.p-inputtext-lg { - font-size: 1.25rem; - padding: 0.625rem 0.625rem; -} - -.p-float-label > label { - left: 0.5rem; - color: rgba(255, 255, 255, 0.6); - transition-duration: 0.2s; -} - -.p-float-label > .ng-invalid.ng-dirty + label { - color: #ef9a9a; -} - -.p-input-icon-left > i:first-of-type { - left: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} - -.p-input-icon-left > .p-inputtext { - padding-left: 2rem; -} - -.p-input-icon-left.p-float-label > label { - left: 2rem; -} - -.p-input-icon-right > i:last-of-type { - right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} - -.p-input-icon-right > .p-inputtext { - padding-right: 2rem; -} - -::-webkit-input-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -:-moz-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -::-moz-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -:-ms-input-placeholder { - color: rgba(255, 255, 255, 0.6); -} - -.p-input-filled .p-inputtext { - background-color: #304562; -} -.p-input-filled .p-inputtext:enabled:hover { - background-color: #304562; -} -.p-input-filled .p-inputtext:enabled:focus { - background-color: #304562; -} - -.p-inputtext-sm .p-inputtext { - font-size: 0.875rem; - padding: 0.4375rem 0.4375rem; -} - -.p-inputtext-lg .p-inputtext { - font-size: 1.25rem; - padding: 0.625rem 0.625rem; -} - -.p-listbox { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; -} -.p-listbox .p-listbox-header { - padding: 0.5rem 1rem; - border-bottom: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - margin: 0; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-listbox .p-listbox-header .p-listbox-filter { - padding-right: 1.5rem; -} -.p-listbox .p-listbox-header .p-listbox-filter-icon { - right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-listbox .p-listbox-header .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list { - padding: 0.5rem 0; -} -.p-listbox .p-listbox-list .p-listbox-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(186, 104, 200, 0.16); -} -.p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #cf95d9; -} -.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { - margin-right: 0.5rem; -} -.p-listbox .p-listbox-list .p-listbox-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - font-weight: 600; -} -.p-listbox .p-listbox-list .p-listbox-empty-message { - padding: 0.5rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} - -p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #ef9a9a; -} - -.p-multiselect { - background: #17212f; - border: 1px solid #304562; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-multiselect:not(.p-disabled):hover { - border-color: #BA68C8; -} -.p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; - border-color: #BA68C8; -} -.p-multiselect .p-multiselect-label { - padding: 0.5rem 0.5rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-multiselect .p-multiselect-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-multiselect.p-multiselect-chip .p-multiselect-token { - padding: 0.25rem 0.5rem; - margin-right: 0.5rem; - background: rgba(186, 104, 200, 0.16); - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; -} -.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { - margin-left: 0.5rem; -} -.p-multiselect .p-multiselect-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2.357rem; - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { - padding: 0.25rem 0.5rem; -} - -.p-multiselect-panel { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-multiselect-panel .p-multiselect-header { - padding: 0.5rem 1rem; - border-bottom: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - margin: 0; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { - padding-right: 1.5rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { - right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-multiselect-panel .p-multiselect-header .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close { - margin-left: 0.5rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.p-multiselect-panel .p-multiselect-items:not(.p-multiselect-virtualscroll) { - padding: 0.5rem 0; -} -.p-multiselect-panel .p-multiselect-items.p-multiselect-virtualscroll .cdk-virtual-scroll-content-wrapper { - padding: 0.5rem 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(186, 104, 200, 0.16); -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #cf95d9; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { - margin-right: 0.5rem; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - font-weight: 600; -} -.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { - padding: 0.5rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} - -p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #ef9a9a; -} - -.p-input-filled .p-multiselect { - background: #304562; -} -.p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #304562; -} -.p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #304562; -} - -p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #ef9a9a; -} - -.p-password-panel { - padding: 1rem; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; -} -.p-password-panel .p-password-meter { - margin-bottom: 0.5rem; - background: #304562; -} -.p-password-panel .p-password-meter .p-password-strength.weak { - background: #F48FB1; -} -.p-password-panel .p-password-meter .p-password-strength.medium { - background: #FFE082; -} -.p-password-panel .p-password-meter .p-password-strength.strong { - background: #C5E1A5; -} - -.p-radiobutton { - width: 20px; - height: 20px; -} -.p-radiobutton .p-radiobutton-box { - border: 2px solid #304562; - background: #17212f; - width: 20px; - height: 20px; - color: rgba(255, 255, 255, 0.87); - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #BA68C8; -} -.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; - border-color: #BA68C8; -} -.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - width: 12px; - height: 12px; - transition-duration: 0.2s; - background-color: #ffffff; -} -.p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #BA68C8; - background: #BA68C8; -} -.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #a241b2; - background: #a241b2; - color: #ffffff; -} - -p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #ef9a9a; -} - -.p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #304562; -} -.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #304562; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #BA68C8; -} -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #a241b2; -} - -.p-radiobutton-label { - margin-left: 0.5rem; -} - -.p-rating .p-rating-icon { - color: rgba(255, 255, 255, 0.87); - margin-left: 0.5rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - font-size: 1.143rem; -} -.p-rating .p-rating-icon.p-rating-cancel { - color: #F48FB1; -} -.p-rating .p-rating-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.p-rating .p-rating-icon:first-child { - margin-left: 0; -} -.p-rating .p-rating-icon.pi-star-fill { - color: #BA68C8; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { - color: #BA68C8; -} -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - color: #F48FB1; -} - -.p-selectbutton .p-button { - background: #1f2d40; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-selectbutton .p-button .p-button-icon-left, -.p-selectbutton .p-button .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - border-color: #304562; - color: rgba(255, 255, 255, 0.87); -} -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-selectbutton .p-button.p-highlight { - background: #BA68C8; - border-color: #BA68C8; - color: #ffffff; -} -.p-selectbutton .p-button.p-highlight .p-button-icon-left, -.p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: #ffffff; -} -.p-selectbutton .p-button.p-highlight:hover { - background: #b052c0; - border-color: #b052c0; - color: #ffffff; -} -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: #ffffff; -} - -p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #ef9a9a; -} - -.p-slider { - background: #304562; - border: 0 none; - border-radius: 3px; -} -.p-slider.p-slider-horizontal { - height: 0.286rem; -} -.p-slider.p-slider-horizontal .p-slider-handle { - margin-top: -0.5715rem; - margin-left: -0.5715rem; -} -.p-slider.p-slider-vertical { - width: 0.286rem; -} -.p-slider.p-slider-vertical .p-slider-handle { - margin-left: -0.5715rem; - margin-bottom: -0.5715rem; -} -.p-slider .p-slider-handle { - height: 1.143rem; - width: 1.143rem; - background: #304562; - border: 2px solid #BA68C8; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-slider .p-slider-handle:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.p-slider .p-slider-range { - background: #BA68C8; -} -.p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #BA68C8; - border-color: #BA68C8; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; -} -.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { - transition: width 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; -} -.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { - transition: height 0.2s; -} - -.p-togglebutton.p-button { - background: #1f2d40; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-togglebutton.p-button .p-button-icon-left, -.p-togglebutton.p-button .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - border-color: #304562; - color: rgba(255, 255, 255, 0.87); -} -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: rgba(255, 255, 255, 0.6); -} -.p-togglebutton.p-button.p-highlight { - background: #BA68C8; - border-color: #BA68C8; - color: #ffffff; -} -.p-togglebutton.p-button.p-highlight .p-button-icon-left, -.p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: #ffffff; -} -.p-togglebutton.p-button.p-highlight:hover { - background: #b052c0; - border-color: #b052c0; - color: #ffffff; -} -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: #ffffff; -} - -p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #ef9a9a; -} - -.p-treeselect { - background: #17212f; - border: 1px solid #304562; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-treeselect:not(.p-disabled):hover { - border-color: #BA68C8; -} -.p-treeselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; - border-color: #BA68C8; -} -.p-treeselect .p-treeselect-label { - padding: 0.5rem 0.5rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-treeselect .p-treeselect-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.p-treeselect.p-treeselect-chip .p-treeselect-token { - padding: 0.25rem 0.5rem; - margin-right: 0.5rem; - background: #304562; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; -} -.p-treeselect .p-treeselect-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 2.357rem; - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -p-treeselect.ng-invalid.ng-dirty > .p-treeselect { - border-color: #ef9a9a; -} - -.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { - padding: 0.25rem 0.5rem; -} - -.p-treeselect-panel { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { - border: 0 none; -} -.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { - padding: 0.5rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} - -.p-input-filled .p-treeselect { - background: #304562; -} -.p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #304562; -} -.p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: #304562; -} - -.p-button { - color: #ffffff; - background: #BA68C8; - border: 1px solid #BA68C8; - padding: 0.5rem 1rem; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-button:enabled:hover { - background: #b052c0; - color: #ffffff; - border-color: #b052c0; -} -.p-button:enabled:active { - background: #a241b2; - color: #ffffff; - border-color: #a241b2; -} -.p-button.p-button-outlined { - background-color: transparent; - color: #BA68C8; - border: 1px solid; -} -.p-button.p-button-outlined:enabled:hover { - background: rgba(186, 104, 200, 0.04); - color: #BA68C8; - border: 1px solid; -} -.p-button.p-button-outlined:enabled:active { - background: rgba(186, 104, 200, 0.16); - color: #BA68C8; - border: 1px solid; -} -.p-button.p-button-outlined.p-button-plain { - color: rgba(255, 255, 255, 0.6); - border-color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-outlined.p-button-plain:enabled:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-outlined.p-button-plain:enabled:active { - background: rgba(255, 255, 255, 0.16); - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-text { - background-color: transparent; - color: #BA68C8; - border-color: transparent; -} -.p-button.p-button-text:enabled:hover { - background: rgba(186, 104, 200, 0.04); - color: #BA68C8; - border-color: transparent; -} -.p-button.p-button-text:enabled:active { - background: rgba(186, 104, 200, 0.16); - color: #BA68C8; - border-color: transparent; -} -.p-button.p-button-text.p-button-plain { - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-text.p-button-plain:enabled:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); -} -.p-button.p-button-text.p-button-plain:enabled:active { - background: rgba(255, 255, 255, 0.16); - color: rgba(255, 255, 255, 0.6); -} -.p-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.p-button .p-button-icon-left { - margin-right: 0.5rem; -} -.p-button .p-button-icon-right { - margin-left: 0.5rem; -} -.p-button .p-button-icon-bottom { - margin-top: 0.5rem; -} -.p-button .p-button-icon-top { - margin-bottom: 0.5rem; -} -.p-button .p-badge { - margin-left: 0.5rem; - min-width: 1rem; - height: 1rem; - line-height: 1rem; - color: #BA68C8; - background-color: #ffffff; -} -.p-button.p-button-raised { - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); -} -.p-button.p-button-rounded { - border-radius: 2rem; -} -.p-button.p-button-icon-only { - width: 2.357rem; - padding: 0.5rem 0; -} -.p-button.p-button-icon-only .p-button-icon-left, -.p-button.p-button-icon-only .p-button-icon-right { - margin: 0; -} -.p-button.p-button-icon-only.p-button-rounded { - border-radius: 50%; - height: 2.357rem; -} -.p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.875rem; -} -.p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; -} -.p-button.p-button-lg { - font-size: 1.25rem; - padding: 0.625rem 1.25rem; -} -.p-button.p-button-lg .p-button-icon { - font-size: 1.25rem; -} -.p-button.p-button-loading-label-only .p-button-label { - margin-left: 0.5rem; -} -.p-button.p-button-loading-label-only .p-button-loading-icon { - margin-right: 0; -} - -.p-fluid .p-button { - width: 100%; -} -.p-fluid .p-button-icon-only { - width: 2.357rem; -} -.p-fluid .p-buttonset { - display: flex; -} -.p-fluid .p-buttonset .p-button { - flex: 1; -} - -.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { - color: #ffffff; - background: #78909C; - border: 1px solid #78909C; -} -.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { - background: #69838f; - color: #ffffff; - border-color: #69838f; -} -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #a1b1ba; -} -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: #5d747f; - color: #ffffff; - border-color: #5d747f; -} -.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { - background-color: transparent; - color: #78909C; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { - background: rgba(120, 144, 156, 0.04); - color: #78909C; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { - background: rgba(120, 144, 156, 0.16); - color: #78909C; - border: 1px solid; -} -.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { - background-color: transparent; - color: #78909C; - border-color: transparent; -} -.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { - background: rgba(120, 144, 156, 0.04); - border-color: transparent; - color: #78909C; -} -.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { - background: rgba(120, 144, 156, 0.16); - border-color: transparent; - color: #78909C; -} - -.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { - color: #121212; - background: #81D4FA; - border: 1px solid #81D4FA; -} -.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { - background: #5dc8f9; - color: #121212; - border-color: #5dc8f9; -} -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #a7e1fc; -} -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: #38bbf7; - color: #121212; - border-color: #38bbf7; -} -.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { - background-color: transparent; - color: #81D4FA; - border: 1px solid; -} -.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { - background: rgba(129, 212, 250, 0.04); - color: #81D4FA; - border: 1px solid; -} -.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { - background: rgba(129, 212, 250, 0.16); - color: #81D4FA; - border: 1px solid; -} -.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { - background-color: transparent; - color: #81D4FA; - border-color: transparent; -} -.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { - background: rgba(129, 212, 250, 0.04); - border-color: transparent; - color: #81D4FA; -} -.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { - background: rgba(129, 212, 250, 0.16); - border-color: transparent; - color: #81D4FA; -} - -.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { - color: #121212; - background: #C5E1A5; - border: 1px solid #C5E1A5; -} -.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { - background: #b2d788; - color: #121212; - border-color: #b2d788; -} -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #d6eac0; -} -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: #9fce6b; - color: #121212; - border-color: #9fce6b; -} -.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { - background-color: transparent; - color: #C5E1A5; - border: 1px solid; -} -.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { - background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; - border: 1px solid; -} -.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { - background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; - border: 1px solid; -} -.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { - background-color: transparent; - color: #C5E1A5; - border-color: transparent; -} -.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { - background: rgba(197, 225, 165, 0.04); - border-color: transparent; - color: #C5E1A5; -} -.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { - background: rgba(197, 225, 165, 0.16); - border-color: transparent; - color: #C5E1A5; -} - -.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { - color: #121212; - background: #FFE082; - border: 1px solid #FFE082; -} -.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { - background: #ffd65c; - color: #121212; - border-color: #ffd65c; -} -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #ffe9a8; -} -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: #ffcd35; - color: #121212; - border-color: #ffcd35; -} -.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { - background-color: transparent; - color: #FFE082; - border: 1px solid; -} -.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { - background: rgba(255, 224, 130, 0.04); - color: #FFE082; - border: 1px solid; -} -.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { - background: rgba(255, 224, 130, 0.16); - color: #FFE082; - border: 1px solid; -} -.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { - background-color: transparent; - color: #FFE082; - border-color: transparent; -} -.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { - background: rgba(255, 224, 130, 0.04); - border-color: transparent; - color: #FFE082; -} -.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { - background: rgba(255, 224, 130, 0.16); - border-color: transparent; - color: #FFE082; -} - -.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { - color: #121212; - background: #CE93D8; - border: 1px solid #CE93D8; -} -.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { - background: #c278ce; - color: #121212; - border-color: #c278ce; -} -.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #ddb3e4; -} -.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: #b65ec5; - color: #121212; - border-color: #b65ec5; -} -.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { - background-color: transparent; - color: #CE93D8; - border: 1px solid; -} -.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { - background: rgba(206, 147, 216, 0.04); - color: #CE93D8; - border: 1px solid; -} -.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { - background: rgba(206, 147, 216, 0.16); - color: #CE93D8; - border: 1px solid; -} -.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { - background-color: transparent; - color: #CE93D8; - border-color: transparent; -} -.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { - background: rgba(206, 147, 216, 0.04); - border-color: transparent; - color: #CE93D8; -} -.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { - background: rgba(206, 147, 216, 0.16); - border-color: transparent; - color: #CE93D8; -} - -.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { - color: #121212; - background: #F48FB1; - border: 1px solid #F48FB1; -} -.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { - background: #f16c98; - color: #121212; - border-color: #f16c98; -} -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #f7b1c8; -} -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: #ed4980; - color: #121212; - border-color: #ed4980; -} -.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { - background-color: transparent; - color: #F48FB1; - border: 1px solid; -} -.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { - background: rgba(244, 143, 177, 0.04); - color: #F48FB1; - border: 1px solid; -} -.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { - background: rgba(244, 143, 177, 0.16); - color: #F48FB1; - border: 1px solid; -} -.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { - background-color: transparent; - color: #F48FB1; - border-color: transparent; -} -.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { - background: rgba(244, 143, 177, 0.04); - border-color: transparent; - color: #F48FB1; -} -.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { - background: rgba(244, 143, 177, 0.16); - border-color: transparent; - color: #F48FB1; -} - -.p-button.p-button-link { - color: #BA68C8; - background: transparent; - border: transparent; -} -.p-button.p-button-link:enabled:hover { - background: transparent; - color: #BA68C8; - border-color: transparent; -} -.p-button.p-button-link:enabled:hover .p-button-label { - text-decoration: underline; -} -.p-button.p-button-link:enabled:focus { - background: transparent; - box-shadow: 0 0 0 0.1rem #cf95d9; - border-color: transparent; -} -.p-button.p-button-link:enabled:active { - background: transparent; - color: #BA68C8; - border-color: transparent; -} - -.p-speeddial-button.p-button.p-button-icon-only { - width: 4rem; - height: 4rem; -} -.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { - font-size: 1.3rem; -} - -.p-speeddial-action { - width: 3rem; - height: 3rem; - background: rgba(255, 255, 255, 0.87); - color: #17212f; -} -.p-speeddial-action:hover { - background: rgba(255, 255, 255, 0.6); - color: #17212f; -} - -.p-speeddial-direction-up .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-up .p-speeddial-item:first-child { - margin-bottom: 0.5rem; -} - -.p-speeddial-direction-down .p-speeddial-item { - margin: 0.25rem 0; -} -.p-speeddial-direction-down .p-speeddial-item:first-child { - margin-top: 0.5rem; -} - -.p-speeddial-direction-left .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-left .p-speeddial-item:first-child { - margin-right: 0.5rem; -} - -.p-speeddial-direction-right .p-speeddial-item { - margin: 0 0.25rem; -} -.p-speeddial-direction-right .p-speeddial-item:first-child { - margin-left: 0.5rem; -} - -.p-speeddial-circle .p-speeddial-item, -.p-speeddial-semi-circle .p-speeddial-item, -.p-speeddial-quarter-circle .p-speeddial-item { - margin: 0; -} -.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, -.p-speeddial-semi-circle .p-speeddial-item:first-child, -.p-speeddial-semi-circle .p-speeddial-item:last-child, -.p-speeddial-quarter-circle .p-speeddial-item:first-child, -.p-speeddial-quarter-circle .p-speeddial-item:last-child { - margin: 0; -} - -.p-speeddial-mask { - background-color: rgba(0, 0, 0, 0.4); -} - -.p-carousel .p-carousel-content .p-carousel-prev, -.p-carousel .p-carousel-content .p-carousel-next { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin: 0.5rem; -} -.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, -.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.p-carousel .p-carousel-indicators { - padding: 1rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator { - margin-right: 0.5rem; - margin-bottom: 0.5rem; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: #304562; - width: 2rem; - height: 0.5rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 0; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { - background: #3c567a; -} -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: rgba(186, 104, 200, 0.16); - color: rgba(255, 255, 255, 0.87); -} - -.p-datatable .p-paginator-top { - border-width: 1px 0 1px 0; - border-radius: 0; -} -.p-datatable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-datatable .p-datatable-header { - background: #1f2d40; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #304562; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-datatable .p-datatable-footer { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-datatable .p-datatable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #304562; - border-width: 0 0 1px 0; - font-weight: 600; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - transition: box-shadow 0.2s; -} -.p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #304562; - border-width: 0 0 1px 0; - font-weight: 600; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; -} -.p-datatable .p-sortable-column .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: rgba(255, 255, 255, 0.87); - background: rgba(186, 104, 200, 0.16); - margin-left: 0.5rem; -} -.p-datatable .p-sortable-column:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-sortable-column.p-highlight { - background: #1f2d40; - color: #BA68C8; -} -.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #BA68C8; -} -.p-datatable .p-sortable-column.p-highlight:hover { - background: rgba(255, 255, 255, 0.03); - color: #BA68C8; -} -.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { - color: #BA68C8; -} -.p-datatable .p-sortable-column:focus { - box-shadow: inset 0 0 0 1px #cf95d9; - outline: 0 none; -} -.p-datatable .p-datatable-tbody > tr { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - outline-color: #cf95d9; -} -.p-datatable .p-datatable-tbody > tr > td { - text-align: left; - border: 1px solid #304562; - border-width: 0 0 1px 0; - padding: 1rem 1rem; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { - margin-right: 0.5rem; -} -.p-datatable .p-datatable-tbody > tr.p-highlight { - background: rgba(186, 104, 200, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 rgba(186, 104, 200, 0.16); -} -.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 rgba(186, 104, 200, 0.16); -} -.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable .p-column-resizer-helper { - background: #BA68C8; -} -.p-datatable .p-datatable-scrollable-header, -.p-datatable .p-datatable-scrollable-footer { - background: #1f2d40; -} -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot { - background-color: #1f2d40; -} -.p-datatable .p-datatable-loading-icon { - font-size: 2rem; -} -.p-datatable.p-datatable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-footer { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-top { - border-width: 0 1px 0 1px; -} -.p-datatable.p-datatable-gridlines .p-paginator-bottom { - border-width: 0 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px 1px 1px 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { - border-width: 1px; -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { - background: rgba(255, 255, 255, 0.01); -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: rgba(186, 104, 200, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: rgba(255, 255, 255, 0.87); -} -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: rgba(255, 255, 255, 0.87); -} -.p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.5rem 0.5rem; -} -.p-datatable.p-datatable-lg .p-datatable-header { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.p-datatable.p-datatable-lg .p-datatable-footer { - padding: 1.25rem 1.25rem; -} - -.p-dataview .p-paginator-top { - border-width: 1px 0 1px 0; - border-radius: 0; -} -.p-dataview .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-dataview .p-dataview-header { - background: #1f2d40; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #304562; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-dataview .p-dataview-content { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; -} -.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid #304562; - border-width: 0 0 1px 0; -} -.p-dataview .p-dataview-footer { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; -} -.p-dataview .p-dataview-loading-icon { - font-size: 2rem; -} -.p-dataview .p-dataview-emptymessage { - padding: 1rem; -} - -.p-column-filter-row .p-column-filter-menu-button, -.p-column-filter-row .p-column-filter-clear-button { - margin-left: 0.5rem; -} - -.p-column-filter-menu-button { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-menu-button:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: rgba(186, 104, 200, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-column-filter-menu-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} - -.p-column-filter-clear-button { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-column-filter-clear-button:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-column-filter-clear-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} - -.p-column-filter-overlay { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - min-width: 12.5rem; -} -.p-column-filter-overlay .p-column-filter-row-items { - padding: 0.5rem 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { - margin: 0; - padding: 0.5rem 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(186, 104, 200, 0.16); -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #cf95d9; -} -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #304562; - margin: 0.25rem 0; -} - -.p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.5rem 1rem; - border-bottom: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - margin: 0; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-column-filter-overlay-menu .p-column-filter-constraint { - padding: 1rem; - border-bottom: 1px solid #304562; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { - margin-bottom: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { - margin-top: 0.5rem; -} -.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { - border-bottom: 0 none; -} -.p-column-filter-overlay-menu .p-column-filter-add-rule { - padding: 0.5rem 1rem; -} -.p-column-filter-overlay-menu .p-column-filter-buttonbar { - padding: 1rem; -} - -.fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ -} -.fc.fc-unthemed .fc-view-container th { - background: #1f2d40; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #1f2d40; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #304562; -} -.fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #304562; -} -.fc.fc-unthemed .fc-view-container .fc-event { - background: #b052c0; - border: 1px solid #b052c0; - color: #ffffff; -} -.fc.fc-unthemed .fc-view-container .fc-divider { - background: #1f2d40; - border: 1px solid #304562; -} -.fc.fc-unthemed .fc-toolbar .fc-button { - color: #ffffff; - background: #BA68C8; - border: 1px solid #BA68C8; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - display: flex; - align-items: center; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #b052c0; - color: #ffffff; - border-color: #b052c0; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #a241b2; - color: #ffffff; - border-color: #a241b2; -} -.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #1f2d40; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #304562; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #BA68C8; - border-color: #BA68C8; - color: #ffffff; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #b052c0; - border-color: #b052c0; - color: #ffffff; -} -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; - z-index: 1; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} -.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} -.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #304562; -} -.fc.fc-theme-standard .fc-view-harness th { - background: #1f2d40; - border-color: #304562; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness td { - color: rgba(255, 255, 255, 0.87); - border-color: #304562; -} -.fc.fc-theme-standard .fc-view-harness .fc-view { - background: #1f2d40; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #304562; - padding: 1rem; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1rem; - border: 1px solid #304562; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #ffffff; - background: #b052c0; - border-color: #b052c0; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #ffffff; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #b052c0; - border-color: #b052c0; -} -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #1f2d40; -} -.fc.fc-theme-standard .fc-toolbar .fc-button { - color: #ffffff; - background: #BA68C8; - border: 1px solid #BA68C8; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #b052c0; - color: #ffffff; - border-color: #b052c0; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #a241b2; - color: #ffffff; - border-color: #a241b2; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.4; - color: #ffffff; - background: #BA68C8; - border: 1px solid #BA68C8; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; -} -.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; -} -.fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #1f2d40; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #304562; - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #BA68C8; - border-color: #BA68C8; - color: #ffffff; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #b052c0; - border-color: #b052c0; - color: #ffffff; -} -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; - z-index: 1; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} -.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} -.fc.fc-theme-standard a { - color: rgba(255, 255, 255, 0.87); -} -.fc.fc-theme-standard .fc-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(186, 104, 200, 0.16); -} - -.p-orderlist .p-orderlist-controls { - padding: 1rem; -} -.p-orderlist .p-orderlist-controls .p-button { - margin-bottom: 0.5rem; -} -.p-orderlist .p-orderlist-header { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-orderlist .p-orderlist-header .p-orderlist-title { - font-weight: 600; -} -.p-orderlist .p-orderlist-filter-container { - padding: 1rem; - background: #1f2d40; - border: 1px solid #304562; - border-bottom: 0 none; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { - padding-right: 1.5rem; -} -.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { - right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-orderlist .p-orderlist-list { - border: 1px solid #304562; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - padding: 0.5rem 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-orderlist .p-orderlist-list .p-orderlist-item { - padding: 0.5rem 1rem; - margin: 0; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; -} -.p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #cf95d9; -} -.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(186, 104, 200, 0.16); -} -.p-orderlist .p-orderlist-list .p-orderlist-empty-message { - padding: 0.5rem 1rem; - color: rgba(255, 255, 255, 0.87); -} -.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} - -.p-orderlist-item.cdk-drag-preview { - padding: 0.5rem 1rem; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - margin: 0; -} - -.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-organizationchart .p-organizationchart-node-content.p-highlight { - background: rgba(186, 104, 200, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: rgba(117, 47, 129, 0.16); -} -.p-organizationchart .p-organizationchart-line-down { - background: rgba(255, 255, 255, 0.6); -} -.p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #304562; - border-color: rgba(255, 255, 255, 0.6); -} -.p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #304562; - border-color: rgba(255, 255, 255, 0.6); -} -.p-organizationchart .p-organizationchart-node-content { - border: 1px solid #304562; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - padding: 1rem; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler { - background: inherit; - color: inherit; - border-radius: 50%; -} -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} - -.p-paginator { - background: #1f2d40; - color: rgba(255, 255, 255, 0.6); - border: solid #304562; - border-width: 1px; - padding: 0.5rem 1rem; - border-radius: 3px; -} -.p-paginator .p-paginator-first, -.p-paginator .p-paginator-prev, -.p-paginator .p-paginator-next, -.p-paginator .p-paginator-last { - background-color: transparent; - border: 0 none; - color: rgba(255, 255, 255, 0.6); - min-width: 2.286em; - height: 2.286em; - margin: 0.143rem; - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, -.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - border-color: transparent; - color: rgba(255, 255, 255, 0.87); -} -.p-paginator .p-paginator-first { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-paginator .p-paginator-last { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} -.p-paginator .p-dropdown { - margin-left: 0.5rem; - margin-right: 0.5rem; - height: 2.286em; -} -.p-paginator .p-dropdown .p-dropdown-label { - padding-right: 0; -} -.p-paginator .p-paginator-page-input { - margin-left: 0.5rem; - margin-right: 0.5rem; -} -.p-paginator .p-paginator-page-input .p-inputtext { - max-width: 2.286em; -} -.p-paginator .p-paginator-current { - background-color: transparent; - border: 0 none; - color: rgba(255, 255, 255, 0.6); - min-width: 2.286em; - height: 2.286em; - margin: 0.143rem; - padding: 0 0.5rem; -} -.p-paginator .p-paginator-pages .p-paginator-page { - background-color: transparent; - border: 0 none; - color: rgba(255, 255, 255, 0.6); - min-width: 2.286em; - height: 2.286em; - margin: 0.143rem; - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: rgba(186, 104, 200, 0.16); - border-color: rgba(186, 104, 200, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - border-color: transparent; - color: rgba(255, 255, 255, 0.87); -} - -.p-picklist .p-picklist-buttons { - padding: 1rem; -} -.p-picklist .p-picklist-buttons .p-button { - margin-bottom: 0.5rem; -} -.p-picklist .p-picklist-header { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-picklist .p-picklist-header .p-picklist-title { - font-weight: 600; -} -.p-picklist .p-picklist-filter-container { - padding: 1rem; - background: #1f2d40; - border: 1px solid #304562; - border-bottom: 0 none; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-input { - padding-right: 1.5rem; -} -.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { - right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-picklist .p-picklist-list { - border: 1px solid #304562; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - padding: 0.5rem 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-picklist .p-picklist-list .p-picklist-item { - padding: 0.5rem 1rem; - margin: 0; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; -} -.p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #cf95d9; -} -.p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(186, 104, 200, 0.16); -} -.p-picklist .p-picklist-list .p-picklist-empty-message { - padding: 0.5rem 1rem; - color: rgba(255, 255, 255, 0.87); -} -.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} - -.p-picklist-item.cdk-drag-preview { - padding: 0.5rem 1rem; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - margin: 0; -} - -.p-timeline .p-timeline-event-marker { - border: 2px solid #BA68C8; - border-radius: 50%; - width: 1rem; - height: 1rem; - background-color: #1f2d40; -} -.p-timeline .p-timeline-event-connector { - background-color: #304562; -} -.p-timeline.p-timeline-vertical .p-timeline-event-opposite, -.p-timeline.p-timeline-vertical .p-timeline-event-content { - padding: 0 1rem; -} -.p-timeline.p-timeline-vertical .p-timeline-event-connector { - width: 2px; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, -.p-timeline.p-timeline-horizontal .p-timeline-event-content { - padding: 1rem 0; -} -.p-timeline.p-timeline-horizontal .p-timeline-event-connector { - height: 2px; -} - -.p-tree { - border: 1px solid #304562; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - padding: 1rem; - border-radius: 3px; -} -.p-tree .p-tree-container .p-treenode { - padding: 0.143rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content { - border-radius: 3px; - transition: box-shadow 0.2s; - padding: 0; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { - margin-right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: rgba(186, 104, 200, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-tree .p-tree-filter-container { - margin-bottom: 0.5rem; -} -.p-tree .p-tree-filter-container .p-tree-filter { - width: 100%; - padding-right: 1.5rem; -} -.p-tree .p-tree-filter-container .p-tree-filter-icon { - right: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-tree .p-treenode-children { - padding: 0 0 0 1rem; -} -.p-tree .p-tree-loading-icon { - font-size: 2rem; -} -.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: rgba(162, 65, 178, 0.16); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { - border-radius: 3px; - border: 1px solid #304562; - background-color: #1f2d40; - color: rgba(255, 255, 255, 0.87); - padding: 0; - transition: box-shadow 0.2s; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { - background-color: rgba(186, 104, 200, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { - background-color: inherit; - color: inherit; -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} - -.p-treetable .p-paginator-top { - border-width: 1px 0 1px 0; - border-radius: 0; -} -.p-treetable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.p-treetable .p-treetable-header { - background: #1f2d40; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #304562; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-treetable .p-treetable-footer { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-treetable .p-treetable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #304562; - border-width: 0 0 1px 0; - font-weight: 600; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - transition: box-shadow 0.2s; -} -.p-treetable .p-treetable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #304562; - border-width: 0 0 1px 0; - font-weight: 600; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; -} -.p-treetable .p-sortable-column { - outline-color: #cf95d9; -} -.p-treetable .p-sortable-column .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: rgba(255, 255, 255, 0.87); - background: rgba(186, 104, 200, 0.16); - margin-left: 0.5rem; -} -.p-treetable .p-sortable-column:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-sortable-column.p-highlight { - background: #1f2d40; - color: #BA68C8; -} -.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #BA68C8; -} -.p-treetable .p-treetable-tbody > tr { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - outline-color: #cf95d9; -} -.p-treetable .p-treetable-tbody > tr > td { - text-align: left; - border: 1px solid #304562; - border-width: 0 0 1px 0; - padding: 1rem 1rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { - margin-right: 0.5rem; -} -.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-treetable-tbody > tr.p-highlight { - background: rgba(186, 104, 200, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { - color: rgba(255, 255, 255, 0.87); -} -.p-treetable .p-column-resizer-helper { - background: #BA68C8; -} -.p-treetable .p-treetable-scrollable-header, -.p-treetable .p-treetable-scrollable-footer { - background: #1f2d40; -} -.p-treetable .p-treetable-loading-icon { - font-size: 2rem; -} -.p-treetable.p-treetable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-footer { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-top { - border-width: 0 1px 0 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-bottom { - border-width: 0 1px 1px 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { - border-width: 1px; -} -.p-treetable.p-treetable-sm .p-treetable-header { - padding: 0.875rem 0.875rem; -} -.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-sm .p-treetable-footer { - padding: 0.5rem 0.5rem; -} -.p-treetable.p-treetable-lg .p-treetable-header { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.p-treetable.p-treetable-lg .p-treetable-footer { - padding: 1.25rem 1.25rem; -} - -.p-virtualscroller .p-virtualscroller-header { - background: #1f2d40; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #304562; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; -} -.p-virtualscroller .p-virtualscroller-content { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0; -} -.p-virtualscroller .p-virtualscroller-footer { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 600; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; -} - -.p-accordion .p-accordion-header .p-accordion-header-link { - padding: 1rem; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - font-weight: 600; - border-radius: 3px; - transition: box-shadow 0.2s; -} -.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { - margin-right: 0.5rem; -} -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { - background: rgba(255, 255, 255, 0.03); - border-color: #304562; - color: rgba(255, 255, 255, 0.87); -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #1f2d40; - border-color: #304562; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-color: #304562; - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-accordion .p-accordion-content { - padding: 1rem; - border: 1px solid #304562; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-accordion p-accordiontab .p-accordion-tab { - margin-bottom: 0; -} -.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { - border-radius: 0; -} -.p-accordion p-accordiontab .p-accordion-content { - border-radius: 0; -} -.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { - border-top: 0 none; -} -.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-top: 0 none; -} -.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-accordion p-accordiontab:last-child .p-accordion-content { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-card { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; -} -.p-card .p-card-body { - padding: 1rem; -} -.p-card .p-card-title { - font-size: 1.5rem; - font-weight: 700; - margin-bottom: 0.5rem; -} -.p-card .p-card-subtitle { - font-weight: 700; - margin-bottom: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-card .p-card-content { - padding: 1rem 0; -} -.p-card .p-card-footer { - padding: 1rem 0 0 0; -} - -.p-divider .p-divider-content { - background-color: #1f2d40; -} -.p-divider.p-divider-horizontal { - margin: 1rem 0; - padding: 0 1rem; -} -.p-divider.p-divider-horizontal:before { - border-top: 1px #304562; -} -.p-divider.p-divider-horizontal .p-divider-content { - padding: 0 0.5rem; -} -.p-divider.p-divider-vertical { - margin: 0 1rem; - padding: 1rem 0; -} -.p-divider.p-divider-vertical:before { - border-left: 1px #304562; -} -.p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; -} - -.p-fieldset { - border: 1px solid #304562; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; -} -.p-fieldset .p-fieldset-legend { - padding: 1rem; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - font-weight: 600; - border-radius: 3px; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { - padding: 0; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { - padding: 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; - transition: box-shadow 0.2s; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { - margin-right: 0.5rem; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #304562; - color: rgba(255, 255, 255, 0.87); -} -.p-fieldset .p-fieldset-content { - padding: 1rem; -} - -.p-panel .p-panel-header { - border: 1px solid #304562; - padding: 1rem; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-panel .p-panel-header .p-panel-title { - font-weight: 600; -} -.p-panel .p-panel-header .p-panel-header-icon { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-panel .p-panel-header .p-panel-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.p-panel.p-panel-toggleable .p-panel-header { - padding: 0.5rem 1rem; -} -.p-panel .p-panel-content { - padding: 1rem; - border: 1px solid #304562; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - border-top: 0 none; -} -.p-panel .p-panel-footer { - padding: 0.5rem 1rem; - border: 1px solid #304562; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; -} - -.p-scrollpanel .p-scrollpanel-bar { - background: #304562; - border: 0 none; -} - -.p-splitter { - border: 1px solid #304562; - background: #1f2d40; - border-radius: 3px; - color: rgba(255, 255, 255, 0.87); -} -.p-splitter .p-splitter-gutter { - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - background: rgba(255, 255, 255, 0.03); -} -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: #304562; -} -.p-splitter .p-splitter-gutter-resizing { - background: #304562; -} - -.p-tabview .p-tabview-nav { - background: transparent; - border: 1px solid #304562; - border-width: 0 0 2px 0; -} -.p-tabview .p-tabview-nav li { - margin-right: 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #304562; - border-width: 0 0 2px 0; - border-color: transparent transparent #304562 transparent; - background: #1f2d40; - color: rgba(255, 255, 255, 0.6); - padding: 1rem; - font-weight: 600; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; -} -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #cf95d9; -} -.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #1f2d40; - border-color: #BA68C8; - color: rgba(255, 255, 255, 0.87); -} -.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #1f2d40; - border-color: #BA68C8; - color: #BA68C8; -} -.p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; -} -.p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-close { - margin-left: 0.5rem; -} -.p-tabview .p-tabview-nav-btn.p-link { - background: #1f2d40; - color: #BA68C8; - width: 2.357rem; - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); - border-radius: 0; -} -.p-tabview .p-tabview-nav-btn.p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #cf95d9; -} -.p-tabview .p-tabview-panels { - background: #1f2d40; - padding: 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-toolbar { - background: #1f2d40; - border: 1px solid #304562; - padding: 1rem; - border-radius: 3px; -} -.p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; -} - -.p-confirm-popup { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-confirm-popup .p-confirm-popup-content { - padding: 1rem; -} -.p-confirm-popup .p-confirm-popup-footer { - text-align: right; - padding: 0.5rem 1rem; -} -.p-confirm-popup .p-confirm-popup-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-confirm-popup .p-confirm-popup-footer button:last-child { - margin: 0; -} -.p-confirm-popup:after { - border: solid transparent; - border-color: rgba(31, 45, 64, 0); - border-bottom-color: #1f2d40; -} -.p-confirm-popup:before { - border: solid transparent; - border-color: rgba(48, 69, 98, 0); - border-bottom-color: #304562; -} -.p-confirm-popup.p-confirm-popup-flipped:after { - border-top-color: #1f2d40; -} -.p-confirm-popup.p-confirm-popup-flipped:before { - border-top-color: #304562; -} -.p-confirm-popup .p-confirm-popup-icon { - font-size: 1.5rem; -} -.p-confirm-popup .p-confirm-popup-message { - margin-left: 1rem; -} - -.p-dialog { - border-radius: 3px; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); - border: 1px solid #304562; -} -.p-dialog .p-dialog-header { - border-bottom: 0 none; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - padding: 1.5rem; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-dialog .p-dialog-header .p-dialog-title { - font-weight: 600; - font-size: 1.25rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { - margin-right: 0; -} -.p-dialog .p-dialog-content { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - padding: 0 1.5rem 2rem 1.5rem; -} -.p-dialog .p-dialog-footer { - border-top: 0 none; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - padding: 0 1.5rem 1.5rem 1.5rem; - text-align: right; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-dialog .p-dialog-footer button { - margin: 0 0.5rem 0 0; - width: auto; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { - font-size: 2rem; -} -.p-dialog.p-confirm-dialog .p-confirm-dialog-message { - margin-left: 1rem; -} - -.p-overlaypanel { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-overlaypanel .p-overlaypanel-content { - padding: 1rem; -} -.p-overlaypanel .p-overlaypanel-close { - background: #BA68C8; - color: #ffffff; - width: 2rem; - height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; - position: absolute; - top: -1rem; - right: -1rem; -} -.p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #b052c0; - color: #ffffff; -} -.p-overlaypanel:after { - border: solid transparent; - border-color: rgba(31, 45, 64, 0); - border-bottom-color: #1f2d40; -} -.p-overlaypanel:before { - border: solid transparent; - border-color: rgba(48, 69, 98, 0); - border-bottom-color: #304562; -} -.p-overlaypanel.p-overlaypanel-flipped:after { - border-top-color: #1f2d40; -} -.p-overlaypanel.p-overlaypanel-flipped:before { - border-top-color: #304562; -} - -.p-sidebar { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); -} -.p-sidebar .p-sidebar-header { - padding: 1rem; -} -.p-sidebar .p-sidebar-header .p-sidebar-close, -.p-sidebar .p-sidebar-header .p-sidebar-icon { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, -.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.p-sidebar .p-sidebar-header + .p-sidebar-content { - padding-top: 0; -} -.p-sidebar .p-sidebar-content { - padding: 1rem; -} - -.p-tooltip .p-tooltip-text { - background: #304562; - color: rgba(255, 255, 255, 0.87); - padding: 0.5rem 0.5rem; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; -} -.p-tooltip.p-tooltip-right .p-tooltip-arrow { - border-right-color: #304562; -} -.p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #304562; -} -.p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #304562; -} -.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #304562; -} - -.p-fileupload .p-fileupload-buttonbar { - background: #1f2d40; - padding: 1rem; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; -} -.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.p-fileupload .p-fileupload-content { - background: #1f2d40; - padding: 2rem 1rem; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-fileupload .p-progressbar { - height: 0.25rem; -} -.p-fileupload .p-fileupload-row > div { - padding: 1rem 1rem; -} -.p-fileupload.p-fileupload-advanced .p-message { - margin-top: 0; -} - -.p-fileupload-choose:not(.p-disabled):hover { - background: #b052c0; - color: #ffffff; - border-color: #b052c0; -} -.p-fileupload-choose:not(.p-disabled):active { - background: #a241b2; - color: #ffffff; - border-color: #a241b2; -} - -.p-breadcrumb { - background: #1f2d40; - border: 1px solid #304562; - border-radius: 3px; - padding: 1rem; -} -.p-breadcrumb ul li .p-menuitem-link { - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-breadcrumb ul li .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-breadcrumb ul li.p-breadcrumb-chevron { - margin: 0 0.5rem 0 0.5rem; - color: rgba(255, 255, 255, 0.87); -} -.p-breadcrumb ul li:last-child .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-breadcrumb ul li:last-child .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); -} - -.p-contextmenu { - padding: 0.25rem 0; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; - width: 12.5rem; -} -.p-contextmenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-contextmenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-contextmenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #cf95d9; -} -.p-contextmenu .p-submenu-list { - padding: 0.25rem 0; - background: #1f2d40; - border: 1px solid #304562; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; -} -.p-contextmenu .p-menuitem { - margin: 0; -} -.p-contextmenu .p-menuitem:last-child { - margin: 0; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #17212f; -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-contextmenu .p-menu-separator { - border-top: 1px solid #304562; - margin: 0.25rem 0; -} -.p-contextmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-dock .p-dock-list { - background: rgba(255, 255, 255, 0.1); - border: 1px solid rgba(255, 255, 255, 0.2); - padding: 0.5rem 0.5rem; - border-radius: 0.5rem; -} -.p-dock .p-dock-item { - padding: 0.5rem; -} -.p-dock .p-dock-action { - width: 4rem; - height: 4rem; -} -.p-dock.p-dock-top .p-dock-item-second-prev, -.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, -.p-dock.p-dock-bottom .p-dock-item-second-next { - margin: 0 0.9rem; -} -.p-dock.p-dock-top .p-dock-item-prev, -.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, -.p-dock.p-dock-bottom .p-dock-item-next { - margin: 0 1.3rem; -} -.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { - margin: 0 1.5rem; -} -.p-dock.p-dock-left .p-dock-item-second-prev, -.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, -.p-dock.p-dock-right .p-dock-item-second-next { - margin: 0.9rem 0; -} -.p-dock.p-dock-left .p-dock-item-prev, -.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, -.p-dock.p-dock-right .p-dock-item-next { - margin: 1.3rem 0; -} -.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { - margin: 1.5rem 0; -} - -@media screen and (max-width: 960px) { - .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { - margin: auto 0; - } - .p-dock .p-dock-list .p-dock-item { - transform: none; - margin: 0; - } -} -.p-megamenu { - padding: 0.5rem; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; - transition: box-shadow 0.2s; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #cf95d9; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #17212f; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-megamenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #cf95d9; -} -.p-megamenu .p-megamenu-panel { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-megamenu .p-megamenu-submenu-header { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - font-weight: 600; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-megamenu .p-megamenu-submenu { - padding: 0.25rem 0; - width: 12.5rem; -} -.p-megamenu .p-megamenu-submenu .p-menu-separator { - border-top: 1px solid #304562; - margin: 0.25rem 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem { - margin: 0; -} -.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { - margin: 0; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #17212f; -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu.p-megamenu-vertical { - width: 12.5rem; - padding: 0.25rem 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem { - margin: 0; -} -.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { - margin: 0; -} - -.p-menu { - padding: 0.25rem 0; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; - width: 12.5rem; -} -.p-menu .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-menu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #cf95d9; -} -.p-menu.p-menu-overlay { - background: #1f2d40; - border: 1px solid #304562; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-menu .p-submenu-header { - margin: 0; - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - font-weight: 600; - border-top-right-radius: 0; - border-top-left-radius: 0; -} -.p-menu .p-menu-separator { - border-top: 1px solid #304562; - margin: 0.25rem 0; -} -.p-menu .p-menuitem { - margin: 0; -} -.p-menu .p-menuitem:last-child { - margin: 0; -} - -.p-menubar { - padding: 0.5rem; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; -} -.p-menubar .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menubar .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-menubar .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #cf95d9; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 3px; - transition: box-shadow 0.2s; - user-select: none; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #cf95d9; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #17212f; -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, -.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-submenu-list { - padding: 0.25rem 0; - background: #1f2d40; - border: 1px solid #304562; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - width: 12.5rem; -} -.p-menubar .p-submenu-list .p-menu-separator { - border-top: 1px solid #304562; - margin: 0.25rem 0; -} -.p-menubar .p-submenu-list .p-submenu-icon { - font-size: 0.875rem; -} -.p-menubar .p-submenu-list .p-menuitem { - margin: 0; -} -.p-menubar .p-submenu-list .p-menuitem:last-child { - margin: 0; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #17212f; -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} - -@media screen and (max-width: 960px) { - .p-menubar { - position: relative; - } - .p-menubar .p-menubar-button { - display: flex; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-menubar .p-menubar-button:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-menubar .p-menubar-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; - } - .p-menubar .p-menubar-root-list { - position: absolute; - display: none; - padding: 0.25rem 0; - background: #1f2d40; - border: 1px solid #304562; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - width: 100%; - } - .p-menubar .p-menubar-root-list .p-menu-separator { - border-top: 1px solid #304562; - margin: 0.25rem 0; - } - .p-menubar .p-menubar-root-list .p-submenu-icon { - font-size: 0.875rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #cf95d9; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - transition: transform 0.2s; - } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-180deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list { - width: 100%; - position: static; - box-shadow: none; - border: 0 none; - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { - transition: transform 0.2s; - transform: rotate(90deg); - } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { - transform: rotate(-90deg); - } - .p-menubar .p-menubar-root-list .p-menuitem { - width: 100%; - position: static; - } - .p-menubar .p-menubar-root-list ul li a { - padding-left: 2.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li a { - padding-left: 3.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li a { - padding-left: 5.25rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { - padding-left: 6.75rem; - } - .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { - padding-left: 8.25rem; - } - .p-menubar.p-menubar-mobile-active .p-menubar-root-list { - display: flex; - flex-direction: column; - top: 100%; - left: 0; - z-index: 1; - } -} -.p-panelmenu .p-panelmenu-header > a { - padding: 1rem; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); - background: #1f2d40; - font-weight: 600; - border-radius: 3px; - transition: box-shadow 0.2s; -} -.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-header > a:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #304562; - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight > a { - background: #1f2d40; - border-color: #304562; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { - border-color: #304562; - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content { - padding: 0.25rem 0; - border: 1px solid #304562; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - margin-bottom: 0; - border-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #cf95d9; -} -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { - margin-right: 0.5rem; -} -.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { - padding: 0 0 0 1rem; -} -.p-panelmenu .p-panelmenu-panel { - margin-bottom: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { - border-radius: 0; -} -.p-panelmenu .p-panelmenu-panel .p-panelmenu-content { - border-radius: 0; -} -.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { - border-top: 0 none; -} -.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { - border-top: 0 none; -} -.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} - -.p-slidemenu { - padding: 0.25rem 0; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; - width: 12.5rem; -} -.p-slidemenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-slidemenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-slidemenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #cf95d9; -} -.p-slidemenu.p-slidemenu-overlay { - background: #1f2d40; - border: 1px solid #304562; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-slidemenu .p-slidemenu-list { - padding: 0.25rem 0; - background: #1f2d40; - border: 1px solid #304562; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { - background: #17212f; -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-slidemenu .p-slidemenu-separator { - border-top: 1px solid #304562; - margin: 0.25rem 0; -} -.p-slidemenu .p-slidemenu-icon { - font-size: 0.875rem; -} -.p-slidemenu .p-slidemenu-backward { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); -} - -.p-steps .p-steps-item .p-menuitem-link { - background: transparent; - transition: box-shadow 0.2s; - border-radius: 3px; - background: transparent; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-number { - color: rgba(255, 255, 255, 0.87); - border: 0 none; - background: transparent; - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - z-index: 1; - border-radius: 50%; -} -.p-steps .p-steps-item .p-menuitem-link .p-steps-title { - margin-top: 0.5rem; - color: rgba(255, 255, 255, 0.6); -} -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.p-steps .p-steps-item.p-highlight .p-steps-number { - background: rgba(186, 104, 200, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-steps .p-steps-item.p-highlight .p-steps-title { - font-weight: 600; - color: rgba(255, 255, 255, 0.87); -} -.p-steps .p-steps-item:before { - content: " "; - border-top: 1px solid #304562; - width: 100%; - top: 50%; - left: 0; - display: block; - position: absolute; - margin-top: -1rem; -} - -.p-tabmenu .p-tabmenu-nav { - background: transparent; - border: 1px solid #304562; - border-width: 0 0 2px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { - margin-right: 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { - border: solid #304562; - border-width: 0 0 2px 0; - border-color: transparent transparent #304562 transparent; - background: #1f2d40; - color: rgba(255, 255, 255, 0.6); - padding: 1rem; - font-weight: 600; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { - margin-right: 0.5rem; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #cf95d9; -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: #1f2d40; - border-color: #BA68C8; - color: rgba(255, 255, 255, 0.87); -} -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #1f2d40; - border-color: #BA68C8; - color: #BA68C8; -} - -.p-tieredmenu { - padding: 0.25rem 0; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - border-radius: 3px; - width: 12.5rem; -} -.p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; -} -.p-tieredmenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-tieredmenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #cf95d9; -} -.p-tieredmenu.p-tieredmenu-overlay { - background: #1f2d40; - border: 1px solid #304562; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #1f2d40; - border: 1px solid #304562; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.p-tieredmenu .p-menuitem { - margin: 0; -} -.p-tieredmenu .p-menuitem:last-child { - margin: 0; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #17212f; -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} -.p-tieredmenu .p-menu-separator { - border-top: 1px solid #304562; - margin: 0.25rem 0; -} -.p-tieredmenu .p-submenu-icon { - font-size: 0.875rem; -} - -.p-inline-message { - padding: 0.5rem 0.5rem; - margin: 0; - border-radius: 3px; -} -.p-inline-message.p-inline-message-info { - background: #B3E5FC; - border: solid #0891cf; - border-width: 1px; - color: #044868; -} -.p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #044868; -} -.p-inline-message.p-inline-message-success { - background: #C8E6C9; - border: solid #439446; - border-width: 1px; - color: #224a23; -} -.p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #224a23; -} -.p-inline-message.p-inline-message-warn { - background: #FFECB3; - border: solid #d9a300; - border-width: 1px; - color: #6d5100; -} -.p-inline-message.p-inline-message-warn .p-inline-message-icon { - color: #6d5100; -} -.p-inline-message.p-inline-message-error { - background: #FFCDD2; - border: solid #e60017; - border-width: 1px; - color: #73000c; -} -.p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #73000c; -} -.p-inline-message .p-inline-message-icon { - font-size: 1rem; - margin-right: 0.5rem; -} -.p-inline-message .p-inline-message-text { - font-size: 1rem; -} -.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { - margin-right: 0; -} - -.p-message { - margin: 1rem 0; - border-radius: 3px; -} -.p-message .p-message-wrapper { - padding: 1rem 1.5rem; -} -.p-message .p-message-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-message .p-message-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.p-message.p-message-info { - background: #B3E5FC; - border: solid #0891cf; - border-width: 0 0 0 6px; - color: #044868; -} -.p-message.p-message-info .p-message-icon { - color: #044868; -} -.p-message.p-message-info .p-message-close { - color: #044868; -} -.p-message.p-message-success { - background: #C8E6C9; - border: solid #439446; - border-width: 0 0 0 6px; - color: #224a23; -} -.p-message.p-message-success .p-message-icon { - color: #224a23; -} -.p-message.p-message-success .p-message-close { - color: #224a23; -} -.p-message.p-message-warn { - background: #FFECB3; - border: solid #d9a300; - border-width: 0 0 0 6px; - color: #6d5100; -} -.p-message.p-message-warn .p-message-icon { - color: #6d5100; -} -.p-message.p-message-warn .p-message-close { - color: #6d5100; -} -.p-message.p-message-error { - background: #FFCDD2; - border: solid #e60017; - border-width: 0 0 0 6px; - color: #73000c; -} -.p-message.p-message-error .p-message-icon { - color: #73000c; -} -.p-message.p-message-error .p-message-close { - color: #73000c; -} -.p-message .p-message-text { - font-size: 1rem; - font-weight: 500; -} -.p-message .p-message-icon { - font-size: 1.5rem; - margin-right: 0.5rem; -} -.p-message .p-message-summary { - font-weight: 700; -} -.p-message .p-message-detail { - margin-left: 0.5rem; -} - -.p-toast { - opacity: 0.9; -} -.p-toast .p-toast-message { - margin: 0 0 1rem 0; - box-shadow: none; - border-radius: 3px; -} -.p-toast .p-toast-message .p-toast-message-content { - padding: 1rem; - border-width: 0 0 0 6px; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { - margin: 0 0 0 1rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { - font-size: 2rem; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { - font-weight: 700; -} -.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { - margin: 0.5rem 0 0 0; -} -.p-toast .p-toast-message .p-toast-icon-close { - width: 2rem; - height: 2rem; - border-radius: 50%; - background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); -} -.p-toast .p-toast-message .p-toast-icon-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} -.p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; - border: solid #0891cf; - border-width: 0 0 0 6px; - color: #044868; -} -.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { - color: #044868; -} -.p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; - border: solid #439446; - border-width: 0 0 0 6px; - color: #224a23; -} -.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { - color: #224a23; -} -.p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; - border: solid #d9a300; - border-width: 0 0 0 6px; - color: #6d5100; -} -.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { - color: #6d5100; -} -.p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; - border: solid #e60017; - border-width: 0 0 0 6px; - color: #73000c; -} -.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, -.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { - color: #73000c; -} - -.p-galleria .p-galleria-close { - margin: 0.5rem; - background: transparent; - color: #f8f9fa; - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-close .p-galleria-close-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-close:hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-item-nav { - background: transparent; - color: #f8f9fa; - width: 4rem; - height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 3px; - margin: 0 0.5rem; -} -.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, -.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { - font-size: 2rem; -} -.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-caption { - background: rgba(0, 0, 0, 0.5); - color: #f8f9fa; - padding: 1rem; -} -.p-galleria .p-galleria-indicators { - padding: 1rem; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #304562; - width: 1rem; - height: 1rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { - background: #3c567a; -} -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(186, 104, 200, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { - margin-right: 0.5rem; -} -.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { - margin-bottom: 0.5rem; -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { - background: rgba(0, 0, 0, 0.5); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { - background: rgba(255, 255, 255, 0.4); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { - background: rgba(255, 255, 255, 0.6); -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(186, 104, 200, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.p-galleria .p-galleria-thumbnail-container { - background: rgba(0, 0, 0, 0.9); - padding: 1rem 0.25rem; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { - margin: 0.5rem; - background-color: transparent; - color: #f8f9fa; - width: 2rem; - height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - border-radius: 50%; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { - background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; -} -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} - -.p-galleria-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-mask { - --maskbg: rgba(0, 0, 0, 0.9); -} - -.p-image-preview-indicator { - background-color: transparent; - color: #f8f9fa; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} - -.p-image-preview-container:hover > .p-image-preview-indicator { - background-color: rgba(0, 0, 0, 0.5); -} - -.p-image-toolbar { - padding: 1rem; -} - -.p-image-action.p-link { - color: #f8f9fa; - background-color: transparent; - width: 3rem; - height: 3rem; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - margin-right: 0.5rem; -} -.p-image-action.p-link:last-child { - margin-right: 0; -} -.p-image-action.p-link:hover { - color: #f8f9fa; - background-color: rgba(255, 255, 255, 0.1); -} -.p-image-action.p-link i { - font-size: 1.5rem; -} - -.p-avatar { - background-color: #304562; - border-radius: 3px; -} -.p-avatar.p-avatar-lg { - width: 3rem; - height: 3rem; - font-size: 1.5rem; -} -.p-avatar.p-avatar-lg .p-avatar-icon { - font-size: 1.5rem; -} -.p-avatar.p-avatar-xl { - width: 4rem; - height: 4rem; - font-size: 2rem; -} -.p-avatar.p-avatar-xl .p-avatar-icon { - font-size: 2rem; -} - -.p-avatar-group .p-avatar { - border: 2px solid #1f2d40; -} - -.p-badge { - background: #BA68C8; - color: #ffffff; - font-size: 0.75rem; - font-weight: 700; - min-width: 1.5rem; - height: 1.5rem; - line-height: 1.5rem; -} -.p-badge.p-badge-secondary { - background-color: #78909C; - color: #ffffff; -} -.p-badge.p-badge-success { - background-color: #C5E1A5; - color: #121212; -} -.p-badge.p-badge-info { - background-color: #81D4FA; - color: #121212; -} -.p-badge.p-badge-warning { - background-color: #FFE082; - color: #121212; -} -.p-badge.p-badge-danger { - background-color: #F48FB1; - color: #121212; -} -.p-badge.p-badge-lg { - font-size: 1.125rem; - min-width: 2.25rem; - height: 2.25rem; - line-height: 2.25rem; -} -.p-badge.p-badge-xl { - font-size: 1.5rem; - min-width: 3rem; - height: 3rem; - line-height: 3rem; -} - -.p-chip { - background-color: #304562; - color: rgba(255, 255, 255, 0.87); - border-radius: 16px; - padding: 0 0.5rem; -} -.p-chip .p-chip-text { - line-height: 1.5; - margin-top: 0.25rem; - margin-bottom: 0.25rem; -} -.p-chip .p-chip-icon { - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - margin-left: 0.5rem; -} -.p-chip img { - width: 2rem; - height: 2rem; - margin-left: -0.5rem; - margin-right: 0.5rem; -} -.p-chip .pi-chip-remove-icon { - border-radius: 3px; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-chip .pi-chip-remove-icon:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} - -.p-inplace .p-inplace-display { - padding: 0.5rem 0.5rem; - border-radius: 3px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.p-inplace .p-inplace-display:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.p-inplace .p-inplace-display:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; -} - -.p-progressbar { - border: 0 none; - height: 1.5rem; - background: #304562; - border-radius: 3px; -} -.p-progressbar .p-progressbar-value { - border: 0 none; - margin: 0; - background: #BA68C8; -} -.p-progressbar .p-progressbar-label { - color: #ffffff; - line-height: 1.5rem; -} - -.p-scrolltop { - width: 3rem; - height: 3rem; - border-radius: 50%; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.p-scrolltop.p-link { - background: rgba(186, 104, 200, 0.16); -} -.p-scrolltop.p-link:hover { - background: rgba(186, 104, 200, 0.3616); -} -.p-scrolltop .p-scrolltop-icon { - font-size: 1.5rem; - color: rgba(255, 255, 255, 0.87); -} - -.p-skeleton { - background-color: rgba(255, 255, 255, 0.06); - border-radius: 3px; -} -.p-skeleton:after { - background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); -} - -.p-tag { - background: #BA68C8; - color: #ffffff; - font-size: 0.75rem; - font-weight: 700; - padding: 0.25rem 0.4rem; - border-radius: 3px; -} -.p-tag.p-tag-success { - background-color: #C5E1A5; - color: #121212; -} -.p-tag.p-tag-info { - background-color: #81D4FA; - color: #121212; -} -.p-tag.p-tag-warning { - background-color: #FFE082; - color: #121212; -} -.p-tag.p-tag-danger { - background-color: #F48FB1; - color: #121212; -} -.p-tag .p-tag-icon { - margin-right: 0.25rem; - font-size: 0.75rem; -} - -.p-terminal { - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #304562; - padding: 1rem; -} -.p-terminal .p-terminal-input { - font-size: 1rem; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; -} - -/* Customizations to the designer theme should be defined here */ -.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #BA68C8; -} - -.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #BA68C8; -} -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #BA68C8; -} diff --git a/src/index.html b/src/index.html index e2316a1..bab01c0 100644 --- a/src/index.html +++ b/src/index.html @@ -1,14 +1,17 @@ + - - Sakai - PrimeNG - - - - + + Sakai - PrimeNG + + + + + - + - + + \ No newline at end of file diff --git a/src/styles.scss b/src/styles.scss index 2a284ce..979f57d 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -1,11 +1,16 @@ /* You can add global styles to this file, and also import other style files */ +$gutter: 1rem; //for primeflex grid system +@import "assets/layout/styles/layout/layout.scss"; + +/* PrimeNG */ @import "../node_modules/primeng/resources/primeng.min.css"; @import "../node_modules/primeflex/primeflex.scss"; @import "../node_modules/primeicons/primeicons.css"; + +/* Code Highlight */ @import "../node_modules/prismjs/themes/prism-coy.css"; -@import "assets/demo/flags/flags.css"; -@import "assets/demo/documentation.scss"; -@import "assets/sass/layout/_variables"; -@import "assets/sass/layout/_layout"; -@import "assets/sass/overrides/_overrides"; \ No newline at end of file + +/* Demos */ +@import "assets/demo/styles/flags/flags.css"; +@import "assets/demo/styles/badges.scss"; \ No newline at end of file diff --git a/tsconfig.json b/tsconfig.json index d1920b0..991ca1d 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -1,11 +1,12 @@ -/* To learn more about this file see: https://angular.io/config/tsconfig. */ { "compileOnSave": false, "compilerOptions": { "baseUrl": "./", "outDir": "./dist/out-tsc", "forceConsistentCasingInFileNames": true, - "strict": false, + "strict": true, + "noImplicitOverride": true, + "noPropertyAccessFromIndexSignature": true, "noImplicitReturns": true, "noFallthroughCasesInSwitch": true, "sourceMap": true, @@ -17,14 +18,14 @@ "target": "es2017", "module": "es2020", "lib": [ - "es2018", + "es2020", "dom" ] }, "angularCompilerOptions": { "enableI18nLegacyMessageIdFormat": false, - "strictInjectionParameters": false, - "strictInputAccessModifiers": false, - "strictTemplates": false + "strictInjectionParameters": true, + "strictInputAccessModifiers": true, + "strictTemplates": true } }